ساخت موتور MERN Stack و ایجاد پروژهها برای پورتفولیو
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- چگونه یک موتور MERN با ادغام بینقص backend بسازید؟
- چگونه احراز هویت را بهعنوان پیشفرض به همه پروژهها اضافه کنید؟
- چگونه سیستم 'ورود با Google' را ایجاد کنید؟
- چگونه مسیرهای محافظتشده بسازید؟
- چگونه از Context بهطور جهانی در پروژه استفاده کنید تا استیت را حفظ کنید؟
- چگونه از MongoDB GRIDFS Bucket برای مدیریت فایل استفاده کنید؟
- چگونه یک سیستم CRUD پیشرفته بسازید؟
- چگونه یک اپلیکیشن مدیریت تسک بسازید؟
- چگونه از Socket io برای ایجاد اپلیکیشن چت بلادرنگ استفاده کنید؟
- چگونه استیت پایدار را حفظ کرده و MongoDB را با Socket io ادغام کنید؟
پیشنیازهای دوره
- HTML ،CSS و Javascript اولیه
توضیحات دوره
سفر تحولآفرین خود را به دنیای توسعه Full-Stack با دورهی طراحی شدهی مدرس، "ساخت موتور MERN Stack و ایجاد پروژهها برای پورتفولیو" آغاز کنید. این برنامه جامع بهگونهای طراحی شده است که شما را با مهارتها و دانش لازم برای تسهیل فرآیند توسعه وب آشنا کند، با تمرکز بر روی MERN (MongoDB ،Express js ،React ،Node js) که یکی از برجستهترین مهارتها در دنیای فناوری امروز است.
این دوره بهگونهای ساختاربندی شده است که یک تجربه یادگیری عملی را ارائه دهد. شما در طی فرآیند ساخت یک موتور MERN، سیستمی پایهای که بهطور قابل توجهی تلاشهای توسعه backend را کاهش میدهد، راهنمایی خواهید شد. با استانداردسازی عملیات backend، میتوانید زمان بیشتری را به بهینهسازی frontend اختصاص دهید و اطمینان حاصل کنید که وبسایتهای شما فقط کاربردی نیستند، بلکه از نظر ویژوال نیز جذاب هستند.
بخش 2: ساخت موتور MERN:
ما با پایهگذاری برای موتور MERN شما شروع میکنیم. شما یاد میگیرید که فایلها و پوشههای خود را برای سازماندهی بهینه و مقیاسپذیری ساختاربندی کنید. سپس شما را با TailwindCSS، یک فریمورک CSS مبتنی بر کارایی که به شما امکان میدهد اپلیکیشن های خود را بهسرعت و بهطور واکنش گرا استایلدهی کنید، آشنا خواهیم کرد. با پیشرفت، شما به مسیریابی React میپردازید که امکان ناوبری بینقص در سراسر برنامههای شما را فراهم میکند.
این دوره به بررسی عمیق احراز هویت کاربر میپردازد. شما یک صفحه ثبتنام طراحی میکنید، "ورود با Google" را ادغام کرده و یاد میگیرید که چگونه داده کاربر را بهصورت امن به backend ارسال کنید. ما شما را در راهاندازی یک سرور برای پردازش درخواستهای ورودی، مدیریت داده در کنترلکننده و برقراری ارتباط با MongoDB راهنمایی خواهیم کرد.
بخش 3: پروژه سیستم مدیریت تسک:
با راهاندازی موتور، شما مهارتهای خود را برای ساخت یک سیستم مدیریت تسک ها بکار خواهید برد. این پروژه تمامی عملیات CRUD را نشان میدهد و به شما این امکان را میدهد که تنها با تعاملات frontend، تسک ها را ایجاد، بخوانید، بروزرسانی و حذف کنید. شما یک رابط کاربری دوستانه طراحی خواهید کرد که شامل یک هدر، فوتر، لیست تسک و آیتمهای تسک است. ما همچنین فرآیندهای backend مانند ذخیرهسازی داده در پایگاه داده و فراخوانی تسک ها برای نمایش را پوشش خواهیم داد.
بخش 4: پروژه سیستم چت بلادرنگ:
اوج یادگیری شما پروژه سیستم چت در زمان واقعی است. در اینجا شما از قدرت socket io برای تسهیل پیامرسانی فوری بین کاربران استفاده میکنید. شما یک صفحه اصلی، لیست کاربران و جعبه پیام طراحی میکنید و یاد میگیرید که چگونه اتصالات socket را در چارچوب اپلیکیشن خود مدیریت کنید. در پایان این بخش، شما یک سیستم چت کاملاً کاربردی خواهید داشت که میتوان آن را برای ویژگیهای پخش زنده یا پخش تطبیق داد.
در طول دوره، شما در استفاده از hook useContext در React برای مدیریت استیت، راهاندازی مسیرهای محافظتشده و نوشتن کد کنترلکننده قوی مهارت پیدا خواهید کرد. همچنین به موضوعات پیشرفته مانند راهاندازی Passport برای احراز هویت Google و مدیریت شناسههای کلاینت و اسرار پرداخته خواهید شد.
چه شما یک مبتدی باشید که به دنبال شروع با MERN stack باشید یا یک توسعهدهنده با تجربه که بهدنبال بهینهسازی گردش کار خود است، این دوره بینش و تجربه عملی ارزشمندی را ارائه میدهد.
امروز در دوره تسلط به MERN Stack ما شرکت کنید و نخستین قدم را بهسوی تبدیل شدن به یک توسعهدهنده Full-Stack ماهر بردارید.
این دوره برای چه کسانی مناسب است؟
- این دوره برای توسعهدهندگان مشتاق که به دنبال ورود به توسعه MERN stack و حرفهایهای با تجربه که به دنبال بهبود مهارتهای خود هستند، ایدهآل است.
ساخت موتور MERN Stack و ایجاد پروژهها برای پورتفولیو
-
مقدمه [مشابه مقدمه] 02:40
-
ایجاد ساختار فایل و فولدر 06:04
-
راهاندازی TailwindCSS 02:44
-
راهاندازی مسیریابی React 04:42
-
طراحی صفحه ثبتنام 11:54
-
طراحی ورود با Google 12:50
-
ارسال داده کاربر به backend 09:33
-
ایجاد سرور برای پردازش درخواستهای ورودی 17:31
-
پردازش داده در کنترلر 07:55
-
راهاندازی MongoDB 15:13
-
ایجاد مدل کاربر 03:50
-
ایجاد کنترلر برای ثبتنام کاربر - قسمت 1 19:10
-
طراحی صفحه ورود 04:09
-
ایجاد سیستم ورود 08:30
-
ورود با Google - راهاندازی Passport 16:47
-
ورود با Google - دریافت ClientID و ClientSecret 03:03
-
ورود با Google - اتمام 19:07
-
ایجاد مسیر محافظتشده 26:54
-
ایجاد کنترلر CRUD 14:17
-
نوشتن مسیر CRUD و کد کنترلر 22:27
-
راهاندازی پروژه 07:01
-
ایجاد هدر 06:32
-
فوتر 05:55
-
طراحی لیست تسک 14:23
-
طراحی آیتم تسک 15:58
-
ایجاد مسیر اضافه کردن تسک 06:12
-
ایجاد فرم تسک 16:52
-
ارسال داده فرم به backend 07:08
-
ایجاد مدل تسک 05:08
-
ذخیره داده در پایگاه داده 17:54
-
فراخوانی و نمایش تسک 09:23
-
بروزرسانی تسک 21:09
-
حذف تسک 15:32
-
مهم - ایجاد AuthProvider 14:45
-
ایجاد سیستم خروج 23:43
-
ایجاد ساختار پروژه 06:12
-
ایجاد صفحه اصلی 06:03
-
طراحی لیست کاربران 15:12
-
طراحی جعبه پیام 05:59
-
راهاندازی Socket io 06:48
-
تنظیم سوکت بهعنوان context 07:51
-
تنظیم سوکت به سرور 08:21
-
بارگذاری جزییات کاربر 14:17
-
دریافت شناسه گیرنده و بروزرسانی شناسه سوکت در پایگاه داده 16:12
-
ارسال پیام به کاربر دیگر از طریق Socket و MongoDB 11:53
-
اضافه کردن شرط به جعبه پیام 17:48
-
نمایش پیام 15:48
-
تبریک! 00:40
مشخصات آموزش
ساخت موتور MERN Stack و ایجاد پروژهها برای پورتفولیو
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:48
- مدت زمان :10:32:24
- حجم :5.56GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy