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

ری اکت، NodeJS ،Express و MongoDB - راهنمای MERN Fullstack

ری اکت، NodeJS ،Express و MongoDB - راهنمای MERN Fullstack

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

  • یادگیری نحوه اتصال ReactJS با NodeJS ،Express و MongoDB
  • ساخت یک پروژه کامل از ابتدا
  • رفرش کردن اصول اولیه ReactJS ،NodeJS ،Express و MongoDB
  • یادگیری نحوه پیاده سازی احراز هویت و مجوز
  • افزودن آپلود فایل به اپلیکیشن های ReactJS + Node / Express

پیش نیازهای دوره

  • دانش پایه در مورد ReactJS الزامی است.
  • دانش ReactJS Hooks توصیه می‌شود.
  • دانش پایه در مورد Node ،Express و MongoDB توصیه می‌شود اما ضروری نیست.
  • نیازی به دانش تخصصی React یا MERN نیست.

توضیحات دوره

ما پرفروش ترین دوره ری اکت را در Udemy ساختیم. این دوره اکنون به شما امکان می دهد دانش ری اکت خود را به سطح بالاتری ببرید و وب اپلیکیشن های فول استک را بر اساس ری اکت، NodeJS ،MongoDB و Express بسازید.

ساختن اپلیکیشن های فول استک (یعنی فرانت اند + بک اند) با MERN stack بسیار محبوب است. در این دوره، شما آن را از ابتدا با مثالی از یک پروژه کامل یاد خواهید گرفت.

MERN مخفف MongoDB ،Express.js ،React.js و Node.js است، ترکیب این چهار فناوری به شما اجازه می‌ دهد وب اپلیکیشن های شگفت‌ انگیز بسازید.

در این دوره، ما یک پروژه کامل می سازیم و شما یاد خواهید گرفت که چگونه این فناوری های مختلف با هم گام به گام کار می کنند. ابتدا نگاهی به تمام بلوک‌ های سازنده جداگانه خواهیم انداخت تا بتوانیم تا پایان دوره همه آنها را در یک اپلیکیشن شگفت‌انگیز ترکیب کنیم.

این دوره پس از آموزش اصول اولیه متوقف نمی شود، بلکه شما همچنین می آموزید که چگونه آپلود فایل، احراز هویت، مجوز و نحوه استقرار اپلیکیشن خود را به روش های مختلف به سرویس های میزبانی مختلف اضافه کنید.

این دوره توسط دو مدرس: Max (React.js و Node/Express) و Manuel (MongoDB) تدریس می شود که سال ها تجربه کار با این فناوری ها و آموزش آنها به افراد دیگر را در اختیار دارند. آنها از تجربیات خود استفاده و سپس آنها را ترکیب کرده تا بتوانند بهترین دوره MERN stack را که می توانید پیدا کنید، به شما ارائه دهند.

این دوره به طور مفصل موارد زیر را ارائه می‌دهد:

  • مرور مختصری بر فناوری‌های اصلی (React ،Node ،Express ،MongoDB)
  • بخش‌های پروژه برای هر فناوری که در آن دانش نظری به کار گرفته می‌شود.
  • نظریه مفصل در مورد پشته MERN و روش‌های مختلف ترکیب فناوری‌ها
  • یک پروژه کامل دوره که در آن همه فناوری‌ها در یک برنامه گرد هم می‌آیند.
  • آپلود فایل (تصویر) در React.js (ارسال فایل) و Node/Express (دریافت فایل)
  • احراز هویت کاربر (ثبت نام + ورود)
  • مجوز کاربر (کنترل دسترسی به منابع خاص)
  • دستورالعمل‌های استقرار دقیق - شامل روش‌های مختلف استقرار برنامه
  • آزمون‌های فراوان و منابع اضافی!

در پایان این دوره، در ساخت برنامه‌های استک MERN خود احساس راحتی خواهید کرد و می‌توانید بر اساس تمام دانش آموخته شده در طول این دوره، به پروژه‌ها و موارد استفاده خود بپردازید.

 این دوره برای چه کسانی مناسب است؟

  • توسعه دهندگانی که دانش اولیه ری اکت را در اختیار دارند و اکنون می خواهند یک اپلیکیشن فول استک بسازند.
  • توسعه دهندگان پیشرفته ری اکت که علاقه مند به اتصال اپلیکیشن های ری اکت به Node / Express هستند.
  • توسعه دهندگان Node / Express که می خواهند یاد بگیرند که چگونه یک فرانت اند مدرن را به بک اند خود اضافه کنند.

ری اکت، NodeJS ،Express و MongoDB - راهنمای MERN Fullstack

  • مقدمه 01:47
  • MERN Stack چیست؟ 07:31
  • MERN - بررسی اولیه 02:11
  • سرفصل دوره 02:13
  • چگونه از دوره بیشترین بهره را ببرید؟ 02:54
  • مقدمه ماژول 01:18
  • درک جزئیات 08:04
  • بررسی فرانت اند 04:06
  • آشنایی با بک اند 05:10
  • مقایسه REST با GraphQL 07:54
  • اتصال Node و ری اکت 05:50
  • MERN - ضروریات None
  • ایجاد محیط توسعه و سرورهای توسعه 11:24
  • بررسی عمیق کد 09:45
  • مقدمه ماژول 04:50
  • آشنایی با ایده کلی اپلیکیشن 02:35
  • ترسیم فرانت‌ اند 09:37
  • داده و اندپوینت های API مورد استفاده در اپلیکیشن ما 05:19
  • صفحات SPA مورد نیاز برای فرانت اند 02:56
  • مقدمه ماژول 01:12
  • ری‌اکت چیست؟ 03:13
  • راه اندازی پروژه شروع 04:03
  • درک JSX 05:31
  • درک کامپوننت ها 02:50
  • کار با کامپوننت های چندگانه 07:04
  • استفاده از Props برای انتقال داده بین کامپوننت ها 06:52
  • رندرینگ لیست‌های داده 04:30
  • مدیریت رویدادها 07:24
  • ارتباطات کارآمد Child<=>Parent 04:38
  • کار با "State" 05:54
  • اطلاعات بیشتر در مورد State 04:20
  • واکشی ورودی کاربر (اتصال دو طرفه) 05:52
  • مبانی React.js None
  • جمع‌بندی 02:11
  • مقدمه ماژول 02:32
  • شروع راه اندازی صفحات و مسیرها 17:21
  • افزودن صفحه / کامپوننت UsersList 09:29
  • افزودن کامپوننت UserItem 03:41
  • استایل دهی اپلیکیشن و کامپوننت های بیشتر 07:17
  • کامپوننت های Presentational در مقابل Stateful 03:22
  • افزودن هدر اصلی 09:46
  • افزودن لینک های ناوبری 05:05
  • پیاده سازی ناوبری اولیه دسکتاپ و موبایل 04:20
  • درک پورتال ها 03:00
  • مدیریت Drawer State 04:07
  • متحرک سازی Sidedrawer 05:14
  • رندرینگ مکان‌های کاربر و استفاده از سگمنت های مسیر پویا 16:12
  • دریافت پارامترهای مسیر 02:16
  • افزودن دکمه های سفارشی 02:53
  • افزودن یک Modal 17:25
  • رندرینگ نقشه با Google Maps 14:36
  • افزودن کامپوننت ورودی فرم سفارشی 09:42
  • مدیریت State در کامپوننت ورودی 11:51
  • افزودن اعتبارسنجی ورودی 08:02
  • اشتراک گذاری مقادیر ورودی و افزودن ورودی های چندگانه 08:11
  • مدیریت State در سطح فرم 09:11
  • تکمیل فرم Add Place 03:19
  • شروع کار روی صفحه Update Place 08:45
  • تنظیم کامپوننت ورودی 02:38
  • ایجاد یک هوک فرم سفارشی (useForm) 11:02
  • تنظیم هوک فرم 11:19
  • رفع مشکلات جزئی 04:32
  • نمایش اخطار حذف 05:27
  • افزودن صفحه "Auth" و فرم لاگین 09:05
  • افزودن دکمه ثبت نام + Switch Mode 11:18
  • افزودن کانتکس احراز هویت برای مدیریت State در سطح اپلیکیشن 07:04
  • گوش دادن به تغییرات کانتکس 02:11
  • افزودن مسیرهای احراز هویت شده و احراز هویت نشده 05:49
  • استفاده بیشتر از کانتکس احراز هویت 02:44
  • جمع‌بندی 01:08
  • مقدمه ماژول 01:40
  • نود جی اس چیست؟ 02:55
  • نوشتن اولین کد Node.js 08:20
  • ارسال درخواست ها و پاسخ ها 13:34
  • Express.js چیست؟ 01:15
  • افزودن Express.js 11:39
  • آشنایی با مزایای Express.js 08:32
  • نحوه عملکرد اجرای کد 03:16
  • اصول Node و Express None
  • مقدمه ماژول 02:17
  • راه‌اندازی پروژه ما 02:29
  • پیاده سازی مسیریابی اولیه 11:21
  • افزودن مسیرهای مختص مکان 09:39
  • دریافت یک مکان بر اساس شناسه کاربر 04:37
  • مدیریت خطاها 10:51
  • افزودن مدل خطا 04:45
  • افزودن کنترلرها 06:42
  • افزودن مسیر POST و استفاده از Postman 13:21
  • مدیریت خطاها برای مسیرهای پشتیبانی نشده 02:13
  • افزودن مسیرهای پچ برای بروزرسانی مکان‌ ها 08:03
  • حذف مکان ها 04:07
  • نهایی سازی منبع Get Places by User ID 02:44
  • راه اندازی مسیرهای کاربر (ثبت نام، لاگین و دریافت کاربران) 13:23
  • اعتبارسنجی ورودی API (بادی های درخواست) 10:19
  • اعتبارسنجی درخواست‌ های پچ و مسیرهای کاربر 06:14
  • استفاده از Google's Geocoding API برای تبدیل یک آدرس به مختصات 16:20
  • جمع‌بندی 01:27
  • مقدمه ماژول 01:15
  • MongoDB چیست؟ 01:26
  • SQL در مقابل NoSQL 03:41
  • اتصال ری اکت به پایگاه داده 01:44
  • راه‌اندازی MongoDB 05:26
  • ایجاد یک بک اند ساده و اتصال آن به پایگاه داده 05:50
  • ایجاد یک سند با MongoDB 07:52
  • دریافت داده از پایگاه داده 06:11
  • نصب Mongoose 01:31
  • آشنایی با مدل ها و اسکیماها 03:51
  • ایجاد یک محصول 03:23
  • اتصال به پایگاه داده و ذخیره محصول 07:28
  • دریافت محصولات 04:12
  • آشنایی با ObjectID 03:18
  • جمع‌بندی 01:42
  • مقدمه ماژول 01:27
  • نصب Mongoose و اتصال بک اند ما به MongoDB 06:32
  • ایجاد اسکیما و مدل مکان 06:34
  • ایجاد و ذخیره اسناد در پایگاه داده 07:26
  • دریافت مکان ها بر اساس PlaceID 08:07
  • دریافت مکان ها بر اساس UserID 05:53
  • بروزرسانی مکان ها 06:10
  • حذف مکان ها 03:43
  • نحوه ارتباط کاربران و مکان ها 01:34
  • ایجاد مدل کاربر 06:27
  • استفاده از مدل کاربر برای ثبت نام 11:43
  • افزودن لاگین کاربر 04:19
  • دریافت کاربران 05:37
  • افزودن رابطه بین مکان ها و کاربران 05:03
  • ایجاد مکان ها و افزودن آن به یک کاربر 13:59
  • پاک کردن مکان ها و حذف آن از کاربر 07:47
  • دریافت مکان ها - یک جایگزین 05:38
  • پاک سازی کد 02:32
  • جمع‌بندی 01:43
  • مقدمه ماژول 01:31
  • راه‌اندازی اولیه 01:01
  • ارسال درخواست POST به بک اند 10:30
  • مدیریت خطاهای CORS 06:58
  • شروع کار با مدیریت خطا 07:59
  • مدیریت صحیح خطا در فرانت اند 05:05
  • ارسال درخواست لاگین 03:35
  • دریافت کاربران با درخواست GET 10:22
  • ایجاد هوک سفارشی Http 10:50
  • بهبود هوک سفارشی Http 08:29
  • استفاده از هوک Http برای دریافت کاربران 03:47
  • افزودن مکان ها (POST) 13:06
  • بارگذاری مکان ها بر اساس شناسه کاربر 07:59
  • بروزرسانی مکان ها 12:23
  • حذف مکان ها 07:40
  • حذف لینک های ناوبری و "My Places" 01:06
  • تنظیمات نهایی 03:42
  • مقدمه ماژول 01:13
  • ساخت کامپوننت ImageUpload 10:36
  • تکمیل و استفاده از کامپوننت ImageUpload (در یک فرم) 12:16
  • در بک اند: استفاده از Multer برای ذخیره فایل ها 08:52
  • فیلترینگ فایل‌ ها در بک‌ اند (فقط تصاویر!) 03:03
  • Wiring فرانت و بک اند 05:09
  • اتصال کاربران به تصاویر 06:19
  • ارائه تصاویر به صورت استاتیک 03:33
  • آپلود تصاویر برای مکان های جدید 06:08
  • حذف تصاویر هنگام حذف مکان ها 02:59
  • جمع‌بندی 01:32
  • مقدمه ماژول 01:08
  • نحوه عملکرد احراز هویت - در یک اپلیکیشن MERN 05:01
  • هش کردن پسورد کاربر 05:31
  • لاگین کاربران (با پسوردهای هش شده) 03:10
  • تولید توکن (JWT) در بک اند 09:01
  • محافظت از مسیر بک اند با میان افزار احراز هویت 12:48
  • استفاده و پیوست توکن های JWT در ری اکت 07:17
  • استفاده از توکن ها برای بروزرسانی و حذف مکان ها 02:26
  • افزودن احراز هویت 07:35
  • مجوز روی Delete Places 03:01
  • ذخیره توکن در حافظه مرورگر 06:09
  • افزودن لاگین خودکار (نسخه اصلی) 05:13
  • مدیریت تاریخ انقضای توکن 04:54
  • تکمیل لاگین خودکار و لوگ اوت خودکار 08:03
  • ایجاد یک هوک سفارشی احراز هویت 03:45
  • احراز هویت - خلاصه 01:49
  • بهبودهای کلی اپلیکیشن 04:40
  • احراز هویت و مجوزدهی None
  • مقدمه ماژول 00:55
  • بررسی مراحل استقرار 02:29
  • استفاده از متغیرهای محیط (Node.js) 08:25
  • متغیرهای محیط در اپلیکیشن های ری اکت 07:26
  • آماده سازی کلیدهای API و اعتبارنامه ها 05:47
  • ساخت اپلیکیشن ری اکت 04:31
  • افزودن Code Splitting به ری اکت 07:14
  • آشنایی با جایگزین های احتمالی استقرار 03:49
  • استقرار API REST مستقل (مثال: Heroku) 10:46
  • استقرار یک SPA مستقل ری اکت (مثال: میزبانی Firebase) 09:12
  • رفع مشکلات استایل 01:35
  • استقرار یک باپلیکیشن ترکیبی 10:24
  • ذخیره سازی فایل ها / آپلودها 02:20
  • جمع‌بندی 00:45

11,234,800 2,808,700 تومان

مشخصات آموزش

ری اکت، NodeJS ،Express و MongoDB - راهنمای MERN Fullstack

  • تاریخ به روز رسانی: 1404/12/10
  • سطح دوره:همه سطوح
  • تعداد درس:192
  • مدت زمان :18:51:02
  • حجم :7.99GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

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

The Great Courses
7,256,500 1,451,300 تومان
  • زمان: 09:44:25
  • تعداد درس: 67
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
2,260,000 452,000 تومان
  • زمان: 03:02:02
  • تعداد درس: 14
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
795,000 159,000 تومان
  • زمان: 58:00
  • تعداد درس: 12
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
19,403,000 3,880,600 تومان
  • زمان: 26:02:40
  • تعداد درس: 175
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,508,000 1,701,600 تومان
  • زمان: 11:25:13
  • تعداد درس: 94
  • سطح دوره:
  • زبان: دوبله فارسی
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
1,833,000 366,600 تومان
  • زمان: 02:27:39
  • تعداد درس: 24
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,100,500 1,220,100 تومان
  • زمان: 08:11:21
  • تعداد درس: 28
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
3,634,500 726,900 تومان
  • زمان: 04:52:43
  • تعداد درس: 38
  • سطح دوره:
  • زبان: دوبله فارسی

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

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