توسعه وب فول استک بوسیله MongoDB, ExpressJS, NodeJS و همچنین React

توسعه وب پشته کامل با پشته MERN - REACTJS، REACT روتر، زاویه ای، nodejs، اکسپرس، MongoDB با پروژه واکنش پذیر

عنوان اصلی : Full Stack Web Development with Mern Full Stack Project

سرفصل های دوره :

معرفی توسعه وب Full Stack:
فایل های پروژه Mern Stack
برچسب های پایه HTML
تصاویر و ویژگی های HTML
لیست های HTML
نمونه فهرست HTML
سطح بلوک HTML - عناصر درون خطی
سؤالات متداول درباره توسعه وب Full Stack، Mern Stack، Mern Full Stack Projects
بیایید موضوعات پیچیده تر در HTML بیاموزیم:
نمونه جدول HTML
فرم های HTML
نمونه فرم های HTML
مسابقه توسعه وب کامل پشته، mern stack، mern full stack
مسابقه توسعه وب
CSS:
مبانی CSS
CSS Colors
پس‌زمینه و حاشیه CSS
انتخابگرهای CSS
آزمون
آزمون
CSS متوسط:
متن و فونت های CSS
اشکال‌زدایی در CSS
مدل جعبه CSS
موقعیت CSS
CSS Float
ویژگی نمایش
باکس-مدل تمرین
تمرین طرح بندی شناور
اندازه جعبه
پرسش های رسانه ای
Flexbox و Grid برای CSS:
معرفی Flexbox
خواص فلکس باکس 1
خواص فلکس باکس 2
خواص Flexbox 3
معرفی Grid CSS
Grid CSS - 1
Grid CSS - 2
Grid CSS - 3
Grid CSS - 4
Grid CSS - 5
پروژه گرید و فلکس باکس - 1
پروژه گرید و فلکس باکس - 2
پروژه گرید و فلکس باکس - 3
پروژه گرید و فلکس باکس - 4
Bootstrap:
بوت استرپ چیست؟
از جمله Bootstrap در پروژه
طراحی وب
معرفی Bootstrap:
Nav Bar
سیستم شبکه
بخش سرصفحه
فایل CSS ما-1
فایل CSS ما-2
بخش فونت عالی و ویژگی ها - 1
بخش فونت عالی و ویژگی ها - 2
مسابقه توسعه وب پشته کامل
توسعه وب مسابقه Full Stack
بوت استرپ متوسط:
Bootstrap Modals
Modals-2
کارت های بوت استرپ
کارت های بوت استرپ قسمت 2
چرخ و فلک 1
چرخ و فلک 2
CSS Z-Index
Z-Index پروژه ما
گالری تصاویر
فرم های بوت استرپ
تغییرات عمومی بوت استرپ
تغییرات عمومی بوت استرپ - قسمت 2
مقدمه ای بر جاوا اسکریپت:
جاوا اسکریپت کد ویژوال استودیو را برای Mern Stack تنظیم کنید
افزودن فایل js
مبانی زبان در جاوا اسکریپت:
متغیرها و انواع داده ها در جاوا اسکریپت
Coercion را در جاوا اسکریپت تایپ کنید
جهش متغیر در جاوا اسکریپت
اپراتورهای پایه در جاوا اسکریپت
منطق بولی در جاوا اسکریپت
عملگرهای منطقی در جاوا اسکریپت
عبارات شرطی در جاوا اسکریپت:
عبارات شرطی در جاوا اسکریپت
راه حل آزمون کد 1
اپراتور سه تایی در جاوا اسکریپت
سوئیچ، عبارات موردی
آزمون کد 2
راه حل آزمون کد 2
حلقه ها در جاوا اسکریپت:
مقدمه ای بر Loops
While Loops
While Loops Quiz
حل حل امتحان حلقه ها
برای Loops
برای حل امتحان حلقه ها
ادامه و شکستن دستورات در جاوا اسکریپت
توابع در جاوا اسکریپت:
مقدمه ای بر توابع
نمایندگی تابع
عملکرد با آرگومان ها
بازگشت تابع
بیان تابع
آزمون عملکرد
راه حل آزمون تابع
محدوده عملکرد
آرایه ها در جاوا اسکریپت:
مقدمه ای بر آرایه ها
ویژگی های آرایه
روش های آرایه
آزمایش آرایه
راه حل آزمون آرایه
تکرار آرایه
آزمایش تکرار آرایه
راه حل آزمون تکرار آرایه
اشیاء در جاوا اسکریپت:
آشنایی با اشیا
به روز رسانی شی
ساختارهای داده پیچیده
امتحان شی
راه حل امتحان شی
روشهای شی
این کلمه کلیدی
DOM در جاوا اسکریپت:
مقدمه ای بر DOM
DOM چیست
انتخاب و تغییر دهید
روش ها را انتخاب کنید
روش های دستکاری
innerHTML و textContext
دستکاری ویژگی
هدلرهای رویداد در جاوا اسکریپت:
مقدمه ای بر Event Handlers
Event Handler Codequiz
راه حل Codequiz
عملکرد برگشت به تماس
انواع رویدادهای مختلف
راه حل آزمون Todolist
بیایید شروع به یادگیری React JS کنیم:
اولین نمای کلی برنامه React شما
سوالات متداول در React JS، React Native، Angular
Let، Const و Var در 3 دقیقه
Node JS را نصب کنید
برنامه React خود را ایجاد کنید
چرا نیاز به ایجاد یک برنامه React دارید؟
شروع به ایجاد React App کنید
آیا می خواهید یاد بگیرید که چگونه برنامه React را متوقف کنید؟
اجزای عملکردی مهم
این JSX چیست؟ :
تبدیل HTML JSX
استایل سازی درون خطی با JSX در React JS
متغیر جاوا اسکریپت در JSX
React with Props:
سه اصل مولفه
برنامه ساده با React
برنامه استایلینگ با رابط معنایی
جزء ساختمان
تعیین تصویر در React JS
تکثیر مولفه
تودرتوی اجزا در React
Props System در React JS
ارسال وسایل به کودک
نمای کلی کامپوننت قابل استفاده مجدد
Props Children
کامپوننت‌های مبتنی بر کلاس:
کلاسمولفه های مبتنی بر s و مولفه عملکردی
نمای کلی برنامه React JS جدید
به دست آوردن موقعیت فیزیکی کاربران
مدیریت عملیات Async در React
تبدیل مولفه عملکردی به جزء مبتنی بر کلاس
State in React:
قوانین دولتی در پروژه های React Full
راه‌اندازی وضعیت در سازنده
بررسی اجمالی روش چرخه حیات در React
رندر شرطی در React
روش‌های چرخه حیات در React، NodeJs، Express، Mongodb:
روش چرخه زندگی را بشناسید
بازسازی برنامه با روش چرخه زندگی در React
گذراندن حالت به عنوان Props در React
عبارات سه تایی در JSX
نمایش تصویر در React
استایل دادن به برنامه در React
ابزارهای رایگان توسعه دهنده React در React
بررسی عمومی React App
ورودی‌ها، فرم‌ها و Ivent‌های کاربر در React JS:
نمای کلی برنامه React
طراحی کامپوننت در React JS
مدیریت فرم ها در React
استایل دادن به برنامه در React
ایجاد کنترل کننده رویداد در React
عناصر کنترل شده در مقابل عناصر کنترل نشده در React
چرا عناصر کنترل شده در React؟
درک کلمه کلیدی "این" در JS
ارتباط کودک با والدین
فراخوانی تماس در کودکان
درخواست API با React:
واکشی داده در React
Axios در مقابل Fetch در React
عملکرد Async Await در React
تنظیم وضعیت
ارائه فهرستی از کامپوننت ها در React
پیاده سازی مقادیر کلیدی در لیست
چه چیزی از برنامه یاد گرفته ایم؟
ناوبری با روتر React:
راه اندازی اولیه پروژه
روتر React
Link و NavLinks در React Router
تغییر مسیرهای برنامه ای در React Router
پارامترهای مسیر در React
برچسب سوئیچ روتر React
React Portal:
چرا React Portals؟
چگونه یک مودال ایجاد کنیم؟
ایجاد پورتال React
معرفی Angular:
انگولار چیست؟
نسخه های Angular
محیط توسعه
یادداشت ها برای سخنرانی 189: اولین کاربرد
Angular First Application
ساختار برنامه زاویه ای
اولین ویرایش پروژه
استفاده از بوت استرپ برای استایلینگ
TypeScript:
TypeScript چیست
اولین استفاده از TypeScript
انواع متغیر
انواع متغیر-2
توابع در Typescript
کلاس ها در تایپ اسکریپت
وراثت در Typescript
رابط ها در Typescript
ژنریک در تایپ اسکریپت
ماژول ها در Typescript
ویژگی های پایه Angular:
برنامه های زاویه ای بارگیری و شروع به کار کردند
اجزای زاویه ای
ایجاد کامپوننت جدید
ایجاد کامپوننت جدید با CLI
کار با الگو در کامپوننت ها
کار با Styles در Component
استفاده از Selector در Angular
Data Binding در Angular
Interpolition رشته در Angular
Property Binding در Angular
Event Binding در Angular
صحافی دو طرفه در Angular
Angular Data Binding:
ایجاد پروژه جدید
ایجاد کلاس برای Data Binding
ایجاد کامپوننت جدید
Property Binding در Angular
کلاس Binding در Angular
Style Binding در Angular
Event Binding در Angular
رویداد KeyUp در Angular
صحافی دو طرفه در Angular
لوله ها در انگولار
لوله های سفارشی در انگولار
دستورالعمل ها:
دستورالعمل چیست
کار با ngIf
کار با ngSwitch
کار با ngFor
تشخیص تغییر
ngTemplateOutlet
دستورالعمل سفارشی
بررسی فرم‌های الگو محور:
تهیه فرم
اعتبار سنجی با NgModel
قانون اعتبار سنجی به کنترل ها اضافه می شود
نمایش پیام‌های اعتبارسنجی
پیام های خطای سفارشی شده
روش اعتبار سنجی نمایش پیام ها با
اعتبار سنجی با NgForm
افزودن یک قانون اعتبارسنجی به فرم
نمایش پیام های خلاصه
غیرفعال کردن دکمه ارسال
هندلینگ - اشکال واکنشی:
تهیه فرم واکنشی
FormControl
FormGroup
اعتبار سنجی با فرم واکنشی
خطاهای اعتبارسنجی خاص
ایجاد قانون اعتبارسنجی سفارشی
سرویس HTTP:
سرویس چیست؟
Http Get Request
درخواست پست Http
Http Put و Patch Request
درخواست حذف Http
استفاده از روش ها با سرویس
بررسی خطا
مسیریابی:
ماژول مقدماتی
طرحواره مسیریابی
پیوندهای روتر
پیمایش برنامه‌ای
پارامترهای مسیر
پارامترهای مسیر قابل مشاهده
پارامتر پرس و جو
مسیرهای کودک (تودرتو).
صفحه مختلف دریافت نمودار مسیر
Node JS:
Node JS چیست
نصب Node JS
موتور V8
Node JS Globals
توابع در NodeJS
ماژول و نیاز در NodeJS
الگوهای صادراتی ماژول در NodeJS
Event Emitter در NodeJS
اطلاعات بیشتر درباره Event Emitters در NodeJS
خواندن و نوشتن فایل ها در NodeJS
ایجاد و حذف دایرکتوری ها
Quiz React JS، Node JS، Express JS، MongoDB
Server در پروژه Mern Stack:
مشتریان و سرورها
ایجاد سرور
پروژه Quiz React با MERN
جریان‌ها و بافرها در NodeJS:
جریان ها و بافرها در NodeJS
جریان خواندنی در NodeJS
استریم را در NodeJS بنویسید
لوله در NodeJS
ارائه HTML
ارائه داده های JSON
مسیریابی در NodeJS
مسابقه - توسعه وب کامل پشته
Mongo DB:
MongoDB چیست
تنظیم OSX
OSX - Robomongo
تنظیم ویندوز
ویندوز - Robomongo
تجربه تست محور:
آخرین راه اندازی قبل از شروع پروژه
معرفی پروژه
شروع به پروژه
Mangoose Connection Helper 1
مدل های مانگوس
آزمایش را با موکا شروع کنید
ایجاد و ذخیره مدل ها
چگونه می توانیم مجموعه ها را رها کنیم؟
ملک جدید در Mongoose است
find() Query در MongoDB
ویژگی _id در MongoDB
تست خودکار در MongoDB جستجوی
findOne() در MongoDB
حذف سوابق
به روز رسانی سوابق (1)
به روز رسانی سوابق (2)
اپراتورها:
به روز رسانی اپراتورها
$mul اپراتور به عنوان مثال
اعتبارسنجی Mongoose (1)
اعتبارسنجی Mongoose (2)
اعتبارسنجی Mongoose (3)
رسیدگی به خطاها
مدیریت داده های رابطه ای:
جاسازی اسناد
تست با اسناد فرعی
افزودن سند فرعی جدید
حذف سند فرعی
انواع مجازی (1)
انواع مجازی (2)
طراحی طرحواره:
توسعه منابع تودرتو
استفاده از ref برای تداعی ها
انجمن تست در MongoDB
Promise.all در MongoDB
اصلاح کننده ها در MongoDB
Nested Populate در MondoDB
معرفی Full Stack Mern با React js، nodejs، دوره اکسپرس:
MERN چیست و چگونه می توان کمک گرفت؟
بیایید پروژه Mern Full Stack را با React، Express js، Nodejs، Mongodb شروع کنیم:
پیش‌نمایش برنامه - پروژه‌های مرن استک
نصب React، Nodejs، Express، Mongodb
مسابقه: پروژه Mern Stack با React JS، React Native، Express JS، MongoDB
تنظیمات اولیه برای React، nodejs، express js، mongodb:
راه اندازی Backend برای پروژه Mern
تنظیم جلو
تنظیمات عمومی (تجزیه کننده بدن و cors)
راه اندازی پایگاه داده (MongoDB)
نحوه اتصال به پایگاه داده
ایجاد مسیرها و کنترلرها در سرور:
ایجاد مسیرها برای Backend
تنظیم ساختار پوشه سرور
افزودن کنترلرهای بیشتر
Setup Client Side و Redux در React، Express js، Mongodb:
ایجاد ساختار Front-end در Mern Full Stack
اجرای اجزای رابط کاربری Material
کامپوننت استایل با رابط کاربری Material
اجرای فراخوانی به API در Mern Full Stack
راه اندازی Redux در React JS، Express JS، Mongodb
ساخت کاهنده در React JS، Express JS، Mongodb
سیم کشی ارائه دهنده در پروژه Mern Stack
ارسال با هوک در React، Express JS، Mongodb
ایجاد Action Creators
Async Actions با redux-thunk در React JS، Express JS، Mongodb
واکشی داده ها از فروشگاه جهانی (useSelector)
بررسی فرم ها در React js، Express، Mongodb، Nodejs:
کامپوننت فرم ساختمان
مدیریت تغییر در فرم ها با React js، Nodejs، Express js
افزودن چندین فیلد متنی در پروژه Mern Stack
ورودی فایل
رسیدگی به فرم ارسال
مسابقه - توسعه وب کامل پشته، پروژه مرن استک، برنامه های React
ساخت پست‌ها و اجزای پست در پروژه‌های Mern Full Stack:
ایجاد پست
مؤلفه ایجاد پست
ایجاد کامپوننت پست
CSS فهرست
کارکردهای مدیریت (ویرایش، حذف، پسندیدن):
عملکرد به‌روزرسانی (بکاند)
عملکرد به‌روزرسانی (جلو)
ایجاد اقدام به‌روزرسانی
عملکرد حذف (پشت زمینه)
عملکرد حذف (Frontend)
کارکردی مانند (پس‌زمینه)
عملکرد مانند (جلو)
برخی از پیشرفت‌ها در پروژه Mern Stack با React js، express js:
تصحیح در هشتگ ها
طراحی موبایل
ثابت عمل
متغیرهای محیطی
احراز هویت با JSON Web Token:
پیش نمایش برنامه در پروژه Mern Stack
مقدماتی
Authentication - Frontend:
جزء 1 نوار نوار
Navbar Component 2
پیاده سازی روتر فرانت-اند 1
پیاده سازی روتر فرانت-اند 2
اجرای ثبت 1
اجرای ثبت 2 (جزء ورودی)
فرم تصدیق
ثبت نام با JSON Web Token
Authentication - Backend:
JWT Auth Backend
JWT Auth Backend 2
میان افزار احراز هویت
Refactoring Like Controller (لایک کردن پست فقط برای یک بار)
JSON Web Token :
JWT Login Frontend
Axios_Intercepters
بازسازی پست از
لایک پست را برای کاربر احراز هویت غیرفعال کنید
حذف و ویرایش پست برای کاربر احراز هویت نشده را غیرفعال کنید
Token Expiرای
مسابقه - پروژه های مرن استک
استقرار:
نحوه استقرار Backend
نحوه استقرار Client-Side