دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

همه آنچه باید در مورد MERN Stack بدانید با پروژه عملی

همه آنچه باید در مورد 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

8,736,000 1,747,200 تومان

مشخصات آموزش

همه آنچه باید در مورد MERN Stack بدانید با پروژه عملی

  • تاریخ به روز رسانی: 1404/06/14
  • سطح دوره:مقدماتی
  • تعداد درس:267
  • مدت زمان :22:07:26
  • حجم :9.54GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید