دوره آموزشی
دوبله زبان فارسی
دوره MERN Stack 2025 - معرفی MongoDB ،Express، ری اکت و NodeJS
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری نحوه ساخت اپلیکیشن بزرگ فول استک از ابتدا
- یادگیری نحوه اتصال اپلیکیشن فرانت اند (ری اکت) با اپلیکیشن بک اند (Express و MongoDB و NodeJS)
- یادگیری نحوه پیاده سازی JWT برای احراز هویت و مجوز
- یادگیری نحوه پیاده سازی React Hooks و Async/Await و React Router 6 و Axios
- یادگیری نحوه پیاده سازی ES6 در Node
- یادگیری نحوه استقرار اپلیکیشن MERN در Heroku
- یادگیری بهترین شیوه های اپلیکیشن های فرانت اند و سرور
پیشنیازهای دوره
- آشنایی خوب با Javascript
- درک مستحکم ES6
- مبانی React
- مبانی Node و Express
توضیحات دوره
به یک تجربه یادگیری عمیق در این دوره جامع MERN Stack خوش آمدید.
فرقی نمیکند که تازهکار هستید یا میخواهید مهارتهای برنامهنویسی خود را ارتقا دهید، این دوره شما را در ساخت یک اپلیکیشن فولاستک کامل به نام "Jobify" با استفاده از MongoDB ،Express ،React و Node.js راهنمایی میکند.
ویژگیهای دوره:
- توسعه فرانتاند با React: از صفر و با VITE شروع کنید تا یک اپلیکیشن پویا و واکنشگرا بسازید. یاد میگیرید چگونه استایلهای سراسری اضافه کنید و مجموعهای از صفحات کاربرپسند مانند Landing ،Error ،Register و Dashboard بسازید.
- افکتهای بصری جذاب: هنر ایجاد تصاویر و طرح بندی های زیبا را برای داشتن ظاهر حرفهای بیاموزید.
- مسیریابی با +React Router 6.4: پیچیدگیهای React Router را برای تغییر صفحات بدون مشکل و صفحات تو در تو یاد بگیرید.
- ساخت اپلیکیشن سرور: وارد توسعه بکاند شوید و اپلیکیشن سرور را از پایه ایجاد کنید، با استفاده از ماژولهای ES6 و پیادهسازی بسته "nodemon" برای توسعه موثر.
- مدیریت پایگاه داده: کار با MongoDB در فضای ابری از طریق Atlas، ساخت مسیرها و کنترلرها و اطمینان از مدیریت داده قوی را تجربه کنید.
- تست و مدیریت خطا: تست گسترده با Thunder Client، راهاندازی مدیریت خطا در Express و استفاده از بسته "express-async-errors" برای اشکال زدایی آسان را انجام دهید.
- امنیت و احراز هویت: یاد بگیرید چگونه رمزعبورها را هش کنید، از JWT برای احراز هویت و مجوزدهی امن استفاده کنید و مقایسه رمز عبورها برای تضمین امنیت کاربران را انجام دهید.
- ادغام کامل فولاستک: اپلیکیشن فرانتاند را به سرور متصل کنید، از بسته "concurrently" استفاده کنید و در VITE تنظیمات "proxy" را برای ادغام یکپارچه فولاستک ایجاد کنید.
- تکنیکهای پیشرفته React: قابلیتهای پیشرفته React را کاوش کنید؛ شامل ناوبری برنامهنویسی شده با React Router 6، تنظیم مسیرهای محافظت شده و پیادهسازی قابلیت خروج (logout) کاربران.
- مدیریت API: استفاده از Axios برای تعامل با API، تنظیم توکنهای JWT در Postman و پیادهسازی پیکربندیهای مختلف Axios برای بازیابی و مدیریت موفق دادهها را بیاموزید.
- عملیات CRUD و مجوزها: عملکرد کامل CRUD را پیادهسازی کنید، دسترسیهای سرور را تنظیم کنید و نکات مربوط به ایجاد و مدیریت دادههای ساختگی را درک کنید.
- تصویرسازی داده و بهبود رابط کاربری: ایجاد نمودارها و کارتهای اطلاعرسان، و پیادهسازی قابلیت جستجو/فیلتر برای رابطی کاربرپسند.
- صفحهبندی و استقرار: چالشهای صفحهبندی را مدیریت کنید و اپلیکیشن MERN خود را روی Render مستقر کنید تا در دنیای واقعی قابل استفاده باشد.
این دوره دروازهای به سوی تسلط به توسعه فولاستک با MERN stack است و مهارتها و دانش لازم برای ساخت وب اپلیکشن های قوی و مقیاسپذیر را به شما میدهد. با ما همراه شوید تا یک توسعهدهنده ماهر MERN Stack شوید!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که با مبانی React و Express آشنا هستند و میخواهند یاد بگیرند چگونه اپلیکیشن MERN را از ابتدا بسازند و مستقر کنند
دوره MERN Stack 2025 - معرفی MongoDB ،Express، ری اکت و NodeJS
-
پیشنیازهای دوره 02:02
-
رفع تاری ویدیو 01:35
-
مرور دوره 00:30
-
VS Code 06:14
-
اطلاعات VITE 01:23
-
نصب VITE 02:53
-
ساختار پوشه VITE 06:20
-
حذف Boilerplate 00:55
-
دریافت دارایی ها 04:02
-
CSS سراسری 03:18
-
عنوان و آیکون سایت 02:15
-
نصب تمام کتابخانهها (اختیاری) 02:03
-
اطلاعات React Router 02:30
-
راهاندازی اولیه React Router 03:59
-
ایجاد صفحات 07:03
-
راهاندازی فایل index.js 05:51
-
کامپوننت لینک 03:48
-
مسیرهای تو در تو 07:36
-
صفحه خطا 04:41
-
معرفی Styled Components 05:11
-
بستهبندی 03:35
-
صفحه فرود 08:03
-
CSS صفحه فرود (اختیاری) 11:07
-
کامپوننت لوگو 03:00
-
لوگو و تصاویر 01:38
-
صفحه خطا - JSX 03:54
-
صفحه خطا - CSS (اختیاری) 03:08
-
صفحه ثبتنام - راهاندازی 07:47
-
کامپوننت FormRow 07:18
-
صفحه لاگین 04:43
-
CSS لاگین و ثبتنام (اختیاری) 04:23
-
راهاندازی داشبورد 03:39
-
ساختار داشبورد 05:11
-
CSS داشبورد (اختیاری) 03:19
-
کانتکست داشبورد 09:14
-
آیکونهای React 02:22
-
ساختار نوار ناوبری 04:45
-
CSS نوار ناوبری (اختیاری) 08:03
-
دادههای لینکها 04:34
-
ساختار سایدبار 05:07
-
عملکرد سایدبار 07:34
-
CSS سایدبار (اختیاری) 11:27
-
کامپوننت NavLinks 02:50
-
سایدبار بزرگ 05:32
-
CSS سایدبار بزرگ (اختیاری) 09:52
-
کانتینر Logout 07:53
-
CSS بخش Logout (اختیاری) 05:54
-
تغییر تم 03:46
-
CSS تاگل تم (اختیاری) 01:49
-
منطق تم تاریک 10:14
-
منطق تم تاریک - فیکس کردن باگ 01:33
-
CSS تم تاریک (اختیاری) 07:48
-
ساختار پوشهها 05:43
-
ماژولهای ES6 05:27
-
نصب بستههای سرور 03:25
-
Express و Nodemon 05:23
-
Thunder Client 03:24
-
میانافزار JSON 04:50
-
Morgan و Dotenv 10:39
-
ویژگیهای جدید Node (اختیاری) 07:30
-
دریافت همه شغلها 09:43
-
ایجاد شغل 07:44
-
دریافت یک شغل 06:33
-
ویرایش شغل 04:37
-
حذف شغل 04:15
-
Not Found و Error Route 04:22
-
Not Found در مقابل Error Route 04:34
-
کنترلر و روتر 11:52
-
MongoDB 00:44
-
حساب Atlas 06:09
-
Mongoose 01:05
-
اتصال به پایگاه داده 03:12
-
مدل شغل 05:47
-
ایجاد کنترلر شغل 06:59
-
خطاهای Async 06:00
-
دریافت همه شغلها و یک شغل 05:51
-
حذف و بروزرسانی شغل 06:43
-
کدهای وضعیت 02:29
-
خطای سفارشی 12:39
-
خطاهای سفارشی بیشتر 01:47
-
معرفی لایه اعتبارسنجی 03:10
-
راهاندازی Express Validator 11:11
-
میانافزار اعتبارسنجی 08:15
-
Constants 05:01
-
اعتبارسنجی ورودی شغل 09:54
-
اعتبارسنجی پارامترهای ID 06:43
-
اعتبارسنجی شغل 10:28
-
مدل کاربر 03:24
-
کنترلر و روتر کاربر 04:54
-
ایجاد کاربر 02:10
-
اعتبارسنجی ثبتنام کاربر 08:49
-
کاربر مدیریت 03:21
-
هش کردن رمز عبور 06:13
-
ابزارهای هش 02:56
-
اعتبارسنجی ورود 03:26
-
منطق ورود به سیستم 07:03
-
JWT 07:43
-
محیط JWT 01:54
-
کوکی Http Only 08:18
-
راهاندازی احراز هویت کاربر 06:16
-
تأیید کوکی 05:00
-
تأیید JWT 05:55
-
افزودن کاربر به مسیرهای شغل 04:45
-
اعتبارسنجی مالک 07:12
-
کنترلر Logout 03:25
-
مسیرهای کاربر 08:27
-
دریافت کاربر فعلی 05:08
-
بروزرسانی کاربر 07:16
-
دریافت آمار اپلیکیشن 06:47
-
راهاندازی پراکسی 09:16
-
Concurrently 04:10
-
Axios 07:05
-
معرفی React Router Action 02:12
-
اولین Action 07:31
-
رجیستر کامل کاربر 14:27
-
وضعیت ناوبری 03:30
-
React Toastify 05:40
-
لاگین کاربر 07:50
-
هوک UseActionData 05:47
-
لودرها 04:27
-
دریافت کاربر فعلی 06:42
-
خروج از سیستم 03:00
-
ساختار افزودن شغل 07:34
-
ورودی انتخابی 08:14
-
عملکرد ایجاد شغل 08:42
-
CSS افزودن شغل (اختیاری) 05:50
-
ساختار همه شغلها 06:29
-
کانتکست همه شغلها 02:04
-
JSX بخش شغلها 03:41
-
CSS بخش شغلها (اختیاری) 02:47
-
کامپوننت شغل 10:48
-
CSS کامپوننت شغل (اختیاری) 11:34
-
ویرایش شغل - راهاندازی 06:39
-
پارامترهای مسیر 05:12
-
لودر ویرایش شغل 02:56
-
ویرایش JSX شغل 05:16
-
Action ویرایش شغل 03:02
-
حذف شغل 07:23
-
راهاندازی صفحه مدیریت 06:42
-
صفحه مدیریت کامل 05:30
-
CSS مدیریت (اختیاری) 07:27
-
تصاویر آواتار 01:08
-
پوشه عمومی 05:13
-
بروزرسانی ساختار کاربر 02:07
-
ساختار صفحه پروفایل 09:46
-
Action پروفایل 07:05
-
راهاندازی Multer 05:57
-
Cloudinary 04:57
-
عملکرد بروزرسانی کاربر 12:16
-
کامپوننت دکمه ارسال 06:28
-
ایجاد کاربر تست 04:53
-
محدود کردن دسترسی به کاربر تست 07:20
-
Mockaroo 04:37
-
Populate کردن پایگاه داده 08:53
-
راهاندازی مسیر صفحه آمار 07:52
-
گروهبندی بر اساس وضعیت شغل 09:40
-
گروهبندی بر اساس درخواستهای ماهانه 09:43
-
راهاندازی صفحه آمار 06:32
-
کانتینر آمار 06:40
-
کانتینر نمودار میلهای 03:13
-
نمودارها 08:05
-
CSS کانتینر نمودارها (اختیاری) 01:36
-
پارامترهای Query 05:44
-
پارامتر جستجو 06:17
-
وضعیت شغل و نوع شغل 03:45
-
مرتبسازی 05:40
-
صفحهبندی 10:59
-
راهاندازی فرم جستجو 09:08
-
لودر و پارامترهای Query 05:43
-
ورودیهای کنترل شده 09:03
-
Debounce 07:32
-
راهاندازی صفحهبندی 07:28
-
رندر دکمهها 07:10
-
منطق صفحهبندی - روش اول 08:31
-
منطق صفحهبندی - روش پیچیده 13:56
-
CSS بخش دکمهها (اختیاری) 07:08
-
ساخت محلی 07:51
-
معرفی Render 00:34
-
استقرار اپلیکیشن 05:29
-
ساخت خودکار فرانتاند 08:50
-
مشکل بهروزرسانی کاربر - فیکس کردن 12:23
-
لودینگ سراسری 04:45
-
React Query - نصب 07:02
-
کامپوننت خطای صفحه 07:52
-
اولین کوئری با React Query 11:54
-
کاربرد React Query در لودر صفحه آمار 09:27
-
React Query - کاربر فعلی 04:40
-
Invalidate کردن کوئریها 05:29
-
React Query - همه شغلها 09:56
-
React Query - ویرایش شغل 04:12
-
Axios Interceptors 06:01
-
بستههای امنیتی 05:48
مشخصات آموزش
دوره MERN Stack 2025 - معرفی MongoDB ،Express، ری اکت و NodeJS
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:192
- مدت زمان :19:04:12
- حجم :8.35GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy