همه آنچه باید در مورد MERN Stack بدانید با پروژه عملی
✅ سرفصل و جزئیات آموزش
MERN Stack را با ساخت اپلیکیشن های واقعی با MongoDB ،Express ،Node و React و یکپارچه سازی RESTful API ها یاد بگیرید.
آنچه یاد خواهید گرفت
- تسلط به کل فول استک مدرن: MongoDB ،React ،Express ،Node و Mongoose
- در مورد کتابخانه built-in اصلی Nodejs یاد بگیرید.
- در Expressjs، یکی از پرکاربردترین وب فریمورک ها برای Nodejs ماهر شوید.
- API ها و وب سرورهای Express ایجاد کنید.
- در توسعه RESTful API ها با Nodejs ماهر شوید.
- داده را با Mongoose و MongoDB ذخیره کنید.
- یک اپلیکیشن فول استک با موتور قالب EJS و Nodejs بسازید.
- در یکپارچه سازی RESTful API ها با React ماهر شوید.
- تسلط به کل پشته فرانت اند مدرن: React، یکپارچه سازی API ها و هوک های React
- مکانیسم زیبای React مانند Props drilling ،Context API و Render props را یاد بگیرید.
- احراز هویت و مجوز، شامل ریست کردن پسورد
- اجتناب از کدنویسی بیهوده - یاد بگیرید چه چیزی مهم است.
توضیحات دوره
این آموزش یک دوره پروژه محور است که در آن یک اپلیکیشن فول استک گسترده و جامع خواهیم ساخت. ما از ابتدا شروع خواهیم کرد و در نهایت یک پروژه حرفه ای خواهیم داشت. React ،Mongoose ،MongoDB ،Express ،Node، هوک های React و یکپارچه سازی RESTful API ها را عمیقا بررسی خواهیم کرد. برخی از مواردی که در این دوره و پروژه یاد خواهید گرفت در اینجا آورده شده است:
- Nodejs چگونه کار می کند؟
- کتابخانه built-in اصلی Nodejs
- استریم و بافر
- فریمورک Express
- مسیریابی و کنترلر
- میان افزار Express
- مدیریت خطای سفارشی
- موتور قالب EJS
- آپلود فایل در S3 bucket
- ارسال ایمیل
- احراز هویت با JWT
- هشینگ پسورد
- پایگاه داده MongoDB
- MongoDB Atlas و Compass
- Mongoose ODM
- مدل ها و روابط
- نقش چند کاربره
- احراز هویت و مجوز
- کوئری پیشرفته (صفحه بندی، فیلتر، جستجو و غیره)
- قابلیت اصلی React
- React چگونه کار می کند؟
- DOM مجازی
- رندرینگ JSX Element
- کامپوننت، State و Props
- فرم React
- فرم کنترل شده در مقابل کنترل نشده
- رندرینگ لیست و کلید
- Props drilling
- Context API
- Render Props
- هوک های React
- هوک های سفارشی
- مدیریت CSS با React
- مسیریابی React
- احراز هویت و مسیر محافظت شده
- بازیابی پسورد از طریق ایمیل
- تایید ایمیل کاربر
- یکپارچه سازی RESTful API ها
- الزامات HTTP
- کلاینت Postman
برنامه درسی این دوره فراتر از آموزش های معمول Express ،Nodejs و React می رود، زیرا موضوعات پیشرفته مانند احراز هویت، نقش های چند کاربره، مجوزها، مکانیسم های ریست کردن پسورد، یکپارچه سازی ارسال ایمیل، یکپارچه سازی RESTful API ها با React و موارد بسیار دیگری را پوشش می دهد.
این دوره برای چه کسانی مناسب است؟
- هر کسی که به ساخت وب اپلیکیشن های مدرن و مقیاس پذیر با عملکرد بالا علاقه مند است.
- برنامه نویسانی که می خواهند پرتقاضاترین مهارت های یک توسعه دهنده فول استک را یاد بگیرند.
- هر توسعه دهنده فول استک که می خواهد MERN stack را یاد بگیرد.
همه آنچه باید در مورد MERN Stack بدانید با پروژه عملی
-
بررسی دوره 02:55
-
Nodejs چیست؟ 03:29
-
Nodejs چگونه کار می کند؟ 03:07
-
نصب Nodejs در سیستم عامل ویندوز 01:13
-
نصب Nodejs در سیستم عامل مک 01:37
-
نصب Nodejs در سیستم عامل لینوکس 02:16
-
چگونه کد Nodejs را اجرا کنیم؟ 03:36
-
آبجکت گلوبال 03:32
-
ماژول چیست؟ 04:10
-
چگونه اکسپورت و ایمپورت در Nodejs انجام دهیم؟ 08:03
-
تابع Module Wrapper چیست؟ 03:30
-
آشنایی با ماژول Core 02:01
-
ماژول مسیر 07:05
-
ماژول OS 04:42
-
ماژول FS - بخش 1 05:19
-
ماژول FS - بخش 2 08:05
-
ماژول رویداد - بخش 1 06:38
-
ماژول رویداد - بخش 2 06:01
-
ماژول HTTP 10:11
-
آشنایی با استریم و بافر 01:57
-
استریم خواندن 05:41
-
استریم نوشتن 02:15
-
استریم با پایپ 01:36
-
آشنایی با فریمورک Express 01:45
-
راه اندازی پروژه اولیه 06:11
-
اولین سرور Express 03:33
-
ماژول Nodemon 03:38
-
متد درخواست 03:10
-
Postman را بررسی کنید 03:38
-
تجزیه Body درخواست ورودی 06:15
-
آبجکت Params 03:46
-
رشته کوئری 01:36
-
مسیر فرعی 04:43
-
کوکی ها 06:02
-
آشنایی با آبجکت درخواست 01:49
-
آبجکت درخواست - بخش 2 03:40
-
آشنایی با آبجکت پاسخ 01:53
-
متد پاسخ 04:30
-
View Engine و پاسخ HTML 05:17
-
فرمت پاسخ 03:46
-
کد وضعیت پاسخ HTML 04:12
-
میان افزار چیست؟ 02:36
-
چگونه از میان افزار استفاده کنیم؟ 07:25
-
میان افزار مدیریت خطا 04:18
-
مدیریت خطا 07:01
-
مقدمه پایگاه داده 03:45
-
نصب MongoDB در سیستم عامل ویندوز 04:45
-
نصب MongoDB در سیستم عامل مک 03:22
-
نصب MongoDB در سیستم عامل لینوکس 04:35
-
ایجاد اتصال پایگاه داده 05:01
-
افزودن به پایگاه داده - بخش 1 05:52
-
افزودن به پایگاه داده - بخش 2 08:00
-
یافتن سند تکی از پایگاه داده 06:26
-
یافتن سند چندگانه از پایگاه داده 04:17
-
بروزرسانی سند تکی 09:17
-
بروزرسانی سند چندگانه 03:16
-
حذف سند تکی 03:20
-
حذف سند چندگانه 01:55
-
ODM چیست؟ 03:27
-
اتصال پایگاه داده با Mongoose 03:19
-
تعریف اسکیما 02:54
-
افزودن سند تکی با Mongoose 07:37
-
افزودن سند چندگانه با Mongoose 04:07
-
بروزرسانی سند تکی با Mongoose 07:35
-
بروزرسانی سند چندگانه با Mongoose 03:19
-
یافتن سند تکی با Mongoose 04:30
-
یافتن سند چندگانه با Mongoose 02:37
-
حذف سند تکی با Mongoose 03:37
-
حذف سند چندگانه با Mongoose 02:43
-
بررسی ابزار MongoDB Compass GUI 03:02
-
بررسی پروژه 02:12
-
راه اندازی پروژه 04:04
-
افزودن پروژه به گیت هاب 03:02
-
اتصال به پایگاه داده 01:42
-
صفحه لیست Todo 04:08
-
صفحه افزودن به Todo 03:57
-
صفحه بروزرسانی Todo 01:48
-
صفحه حذف Todo 02:57
-
افزودن فایل خارجی CSS 05:00
-
همه لینک ها قابل کلیک هستند 02:10
-
مفهوم EJS Partials 03:43
-
عنوان پویای صفحه 02:26
-
اسکیمای مدل Todo 03:24
-
افزودن Todo 06:24
-
لیست Todo 05:29
-
فرمت تاریخ 03:19
-
ریفکتورینگ کد - بخش 1 05:01
-
ریفکتورینگ کد - بخش 2 01:44
-
ریفکتورینگ کد - بخش 3 03:38
-
ریفکتورینگ کد - بخش 4 04:16
-
ریفکتورینگ کد - بخش 5 01:22
-
متغیر محیطی 04:10
-
تست بعد از ریفکتور 00:45
-
بروزرسانی Todo 06:49
-
حذف Todo 04:43
-
تست اپلیکیشن 01:06
-
کلون کردن این مخزن 02:02
-
تحلیل الزامات پروژه 01:18
-
RESTful API چیست؟ 04:06
-
راه اندازی اولیه پروژه 06:48
-
اتصال پایگاه داده 03:50
-
پایگاه داده ابری 05:17
-
مدل کاربر 03:48
-
مسیر ثبت نام 06:58
-
تست مسیر ثبت نام 02:13
-
تست پایگاه داده در مرورگر 00:56
-
ماژول Morgan 01:36
-
فرمت پاسخ 01:15
-
میان افزار مدیریت خطا 02:43
-
تست میان افزار مدیریت خطا 01:18
-
مسیر Not Found 02:35
-
اعتبارسنجی ثبت نام - بخش 1 03:55
-
اعتبارسنجی ثبت نام - بخش 2 07:00
-
اعتبارسنجی ثبت نام - بخش 3 06:26
-
پسورد هش شده 04:08
-
مسیر ورود به سیستم 08:42
-
تولید توکن 06:03
-
کد تایید ایمیل 10:31
-
ارسال ایمیل تایید 07:28
-
افزودن متغیر محیطی 01:43
-
تایید کاربر 05:45
-
ارسال کد فراموشی پسورد 05:59
-
بازیابی پسورد 07:38
-
احراز هویت میان افزار 11:13
-
تغییر پسورد 06:03
-
بروزرسانی پروفایل 11:23
-
مدل دسته بندی 02:56
-
افزودن دسته بندی 08:07
-
میان افزار ادمین 06:49
-
بروزرسانی دسته بندی 08:52
-
حذف دسته بندی 03:22
-
جستجوی دسته بندی 06:33
-
صفحه بندی دسته بندی ها 05:42
-
جزئیات دسته بندی 03:50
-
آشنایی با ماژول فایل 03:18
-
آپلود فایل 04:39
-
نام فایل 06:04
-
فیلتر فایل 03:10
-
آپلود فایل چندگانه 01:16
-
راه اندازی AWS S3 Bucket 07:31
-
مدل فایل 02:36
-
ذخیره سازی حافظه Multer 02:21
-
آپلود فایل در S3 12:54
-
افزودن فایل به پایگاه داده 02:37
-
URL امضا شده 07:24
-
حذف فایل 05:15
-
بروزرسانی عکس پروفایل 04:18
-
کاربر فعلی 04:40
-
مدل پست 03:14
-
افزودن پست 12:21
-
بروزرسانی پست 07:49
-
حذف پست 03:03
-
لیست پست 07:00
-
جزئیات پست 05:03
-
فیلتر پست بر اساس دسته بندی 02:30
-
React چیست؟ 02:39
-
DOM مجازی چیست؟ 02:38
-
راه اندازی یک پروژه React 04:37
-
JSX Element چیست؟ 06:01
-
جزئیات بیشتر در مورد JSX 06:03
-
رندرینگ JSX Element 03:30
-
کامپوننت چیست؟ 03:08
-
Props چیست؟ 02:31
-
کامپوننت های ایمپورت و اکسپورت 02:06
-
کامپوننت Root 03:45
-
ویژگی فرزندان 01:41
-
کامپوننت مبتنی بر کلاس 04:03
-
State چیست؟ 02:57
-
اطلاعات بیشتر در مورد State 02:06
-
Component Did Mount 02:12
-
بروزرسانی State 04:02
-
Component will Unmount 00:53
-
State در کامپوننت تابعی 03:45
-
هندلر رویداد 04:07
-
انتقال پارامتر به هندلر رویداد 01:54
-
رندرینگ شرطی چیست؟ 05:41
-
جزئیات بیشتر در مورد رندرینگ شرطی 05:11
-
لیست 03:23
-
لیست Key Props 00:51
-
اپلیکیشن شمارنده 06:15
-
فرم کنترل شده در مقابل کنترل نشده 03:13
-
عنصر ورودی 02:57
-
عنصر ورودی Textarea 02:20
-
عنصر انتخاب 02:40
-
عنصر ورودی چک باکس 02:09
-
عنصر ورودی رادیویی 02:00
-
ارسال ورودی 03:22
-
فرم رجیستریشن 14:05
-
کامپوننت Higher Order چیست؟ 05:57
-
چگونه کامپوننت Higher Order ایجاد کنیم؟ 02:37
-
چگونه از کامپوننت Higher Order استفاده کنیم؟ 03:49
-
Render Props چیست؟ 04:01
-
مثال Render Props 08:07
-
انواع Render Props 01:31
-
Props Drilling 06:08
-
Context API چیست؟ 01:26
-
ایجاد کانتکس سفارشی 02:58
-
چگونه از کانتکس استفاده کنیم؟ 06:33
-
کانتکس Built in 01:51
-
هوک useContext 02:10
-
آشنایی با هوک React 01:18
-
هوک useEffect چیست؟ 08:26
-
مثال تایمر 04:41
-
تابع پاکسازی 04:35
-
واکشی داده از درخواست API 06:54
-
React Memo و هوک useCallback 09:45
-
هوک useMemo 03:38
-
هوک useRef 05:19
-
هوک useReducer 05:09
-
شمارنده پیچیده 04:22
-
مثال واکشی لیست پست 05:35
-
واکشی لیست پست با هوک useReducer 07:16
-
هوک سفارشی 05:25
-
React Stylesheet 04:45
-
استایل CSS در HTML 01:21
-
CSS درون خطی 02:47
-
ماژول CSS 03:25
-
CSS پویا 02:26
-
React Router چیست؟ 01:24
-
پیکربندی مسیر 06:35
-
لینک ناوبری 05:04
-
لینک فعال 02:20
-
ناوبری به صورت برنامه ای 05:40
-
مسیر Not Found 02:26
-
مسیر پویا 08:07
-
پارامترهای URL 02:23
-
جستجوی پارامترها 05:24
-
مسیر تودرتو 08:05
-
لینک نسبی 01:57
-
کد منبع 00:13
-
تحلیل الزامات پروژه 08:43
-
مقداردهی اولیه اپلیکیشن React 03:23
-
طرح بندی پروژه و مسیریابی 15:35
-
فرم ثبت نام 08:00
-
اعتبارسنجی فرم ثبت نام 10:41
-
یکپارچه سازی Signup API 05:36
-
میان افزار Cors 04:37
-
Base URL 03:42
-
پیام Toast 08:30
-
یکپارچه سازی Signin API 11:06
-
ذخیره اطلاعات در فضای ذخیره سازی محلی 04:52
-
Auth Context 10:09
-
قابلیت خروج از سیستم 02:51
-
ماژول دسته بندی همه صفحه 10:02
-
افزودن دسته بندی 08:48
-
افزودن توکن به هدرهای درخواست 06:18
-
لیست دسته بندی 11:20
-
صفحه بندی لیست دسته بندی 16:39
-
جستجوی دسته بندی 05:58
-
بروزرسانی دسته بندی 11:09
-
مودال تایید حذف 07:54
-
حذف دسته بندی 05:34
-
ماژول پست همه صفحه 12:37
-
افزودن پست جدید 13:35
-
آپلود فایل 11:52
-
لیست پست 07:33
-
جزئیات پست 12:42
-
بروزرسانی پست 15:20
-
حذف پست 04:25
-
صفحه اصلی 02:26
-
بروزرسانی پروفایل 11:52
-
تغییر پسورد 10:23
-
تایید کاربر 14:57
-
نقش چند کاربره 05:39
-
بازیابی پسورد 18:41
-
جمع بندی 01:58
-
موضوع بعدی چیست؟ 01:47
مشخصات آموزش
همه آنچه باید در مورد MERN Stack بدانید با پروژه عملی
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:مقدماتی
- تعداد درس:267
- مدت زمان :22:07:26
- حجم :9.54GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy