آنچه یاد خواهید گرفت:
چگونه یک موتور 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 و حرفهایهای با تجربه که به دنبال بهبود مهارتهای خود هستند، ایدهآل است.