توضیحات
MERN Stack یک روش توسعه نرم افزار است. در این روش، با استفاده از تکنولوژی‌های ReactJS، Express، MongoDB و NodeJS یک نرم افزار را توسعه می‌دهیم. در توسعه قسمت‌های فرانت‌اند و بک‌اند، مهم‌ترین پارامتر زبان برنامه نویسی جاوااسکریپت است. به این دلیل که کتابخانه ReactJS و چهارچوب Express با استفاده از این زبان ساخته شده‌اند. پس می‌توان گفت درک زبان برنامه نویسی جاوااسکریپت، اصلی‌ترین پیش‌نیاز برای یادگیری توسعه نرم افزار با MERN است.
دوره MERN Stack فرانت کست، با هدف بررسی تمام مباحث مربوط به این تکنولوژی‌ها طراحی شده است. بعد از یادگیری این دوره، شما به عنوان توسعه دهنده Full Stack جاوااسکریپت می‌توانید وارد بازار کار شوید. در طول این دوره، با بررسی دقیق مفاهیم مربوط به MERN و انجام چالش‌های متعدد، یک نرم افزار را به صورت کامل توسعه خواهیم داد.
طبیعتا هر چه قدر دانش قبلی شما برای تکنولوژی‌های مربوط به MERN بیشتر باشد، درک مفاهیم این دوره ساده‌تر خواهد بود. با این حال، در طول دوره با نگاهی دقیق‌تر مفاهیم مربوط به NodeJS، ReactJS و MongoDB را از ابتدا بررسی خواهیم کرد.
دوره جامع MERN Stack در حال برگزاری است. در طول هفته ویدیوهای این دوره به روز رسانی می‌شوند. شما می‌توانید فایل‌های مربوط به چالش‌ها و ویدیوهای دوره را از پنل کاربری خود دانلود کنید.
سرفصل‌ها:
معرفی دوره. بررسی MERN Stack
۱. مسیر یادگیری و سرفصل‌های دوره – مشاهده ویدیو
۲. یادگیری دقیق‌تر مفاهیم – مشاهده ویدیو
۳. معماری نرم افزاری MERN – مشاهده ویدیو
۴. نصب و بررسی ساختار بسته Create React App – مشاهده ویدیو
۵. درک بهتر دستورات JSX
۶. کامپوننتها در ReactJS
۷. استفاده از کامپوننت‌های متعدد
۸. بررسی Props در ReactJS
۹. نمایش آیتم‌های داینامیک در کامپوننت
۱۰. مدیریت Eventها
۱۱. ارتباط کامپوننت‌های Parent و Child
۱۲. مدیریت State با تابع useState
۱۳. درک بهتر State در ReactJS
۱۴. دریافت اطلاعات از کاربر
۱۵. استفاده از React Router در پروژه اصلی
۱۶. توسعه کامپوننتها و صفحات مربوط به کاربران
۱۷. توسعه کامپوننت یک کاربر
۱۸. ایجاد لینک یکتا برای صفحه هر کاربر
۱۹. کامپوننت Navigation
۲۰. کامپوننت NavLink در React Router
۲۱. توسعه کامپوننتها و صفحات مربوط به پست‌ها
۲۲. توسعه کامپوننت یک پست
۲۳. مقادیر متغیر در آدرس صفحات
۲۴. المنت‌های داینامیک برای فرم
۲۵. توسعه کامپوننت Button
۲۶. استفاده از useReducer برای مدیریت Stateها
۲۷. بررسی روش‌های اعتبارسنجی
۲۸. استفاده از توابع اعتبارسنجی در فرم اضافه کردن پست
۲۹. اضافه کردن Inputهای متعدد
۳۰. اعتبارسنجی فرم و مدیریت Stateها
۳۱. تکمیل فرم اضافه کردن پست
۳۲. استفاده از Custom Hook برای فرم‌ها
۳۳. توسعه صفحه ورود کاربر
۳۴. اضافه کردن فرم عضویت
۳۵. توسعه Stateهای فرم عضویت
ویدیوهای اضافه شده:
۳۶. بررسی Context در ReactJS
۳۷. استفاده از Context برای احراز هویت کاربر
۳۸. تعیین سطح دسترسی برای Routeها
۳۹. تکمیل قسمت احراز هویت کاربر در فرانت‌اند
23 پاسخ به “دوره جامع MERN Stack”
سلام استاد
خیلی ممنون از برگزاری این دوره
توی دوره های جاوا اسکریپت پیشرفته شما و همچنین reactjs شما ثبت نام کردم و درحال یادگیری جاوا اسکریپت به صورت عمیق هستم…
با توضیحات شما پس ابتدا به جاوا اسکریپت مسلط بشیم و سپس دوره MERN رو شروع کنیم؟
سلام
ممنون که برای دوره‌ها ثبت نام کردین.
بله، اول باید جاوااسکریپت رو یاد بگیرید و بعد MERN.
سلام. خواهشا جلساتی هم به Unit Testing اختصاص بدین تا همونطور که گفتین یه توسعه دهنده کامل بشیم. ممنون
سلام.
انشاالله در مورد تست یک دوره کامل خواهیم داشت.
ممنون از دوره خوبتون.
در این دوره از Design Pattern ها هم استفاده میکنید؟
همینطور طریقه ایجاد رنامه های Real Time هم مثال میزنید؟
سلام
نه توی این دوره در مورد Design Pattern صحبت نمی‌شه.
پیشنهاد میکنم ویدیوی مربوط به توضیحات سرفصل‌ها رو ببینید.
سلام. چقدر دوره خوبی برگزار کردید. امیدوارم به خوبی بروزرسانی بشه. در این دوره SSR هم بگنجانید. ممنون
سلام
خیلی ممنونم از لطفتون.
SSR رو برای به روز رسانی دوره ReactJS در نظر دارم.
امکانش هست بقیه ی سرفصل ها رو هم قید کنید؟ ممنون
سلام
لطفا ویدیوی معرفی سرفصل‌ها رو ببینید. اونجا کامل توضیح دادم.
سلام، این دوره پروژه محور هستش؟
سلام.
بله، این دوره همراه با چالش‌های متعدد و پیاده سازی یک پروژه واقعی از ابتدا هست.
درود
لطفا در این دوره استفاده از کدها یا پروژه های آماده در گیت هابم اضافه کنید که چطور پروژه های آماده رو در پروژهای خودمان بگنجانیم و استفاده کنیم
استاد دوست داریم
مسعودجان دوره‌هات خیلی خوب هستند. هم صدای خوبی داری و هم خوب توضیح میدی.
ممنون از زحماتت.
فقط دوتا پیشنهاد:
۱. یه دوره‌ی تست هم داشته باشید لطفا. چون من خیلی کم دیدم شرکتی که برای JS تست بنویسن. در حالی که خیلی مهم و کلیدیه.
۲. یه مقدار جزئیات رو بیشتر بگی و سرعت حرف زدنت رو هم بالا ببری خیلی بهتر میشه و توی گفتن مطالب، بیشتر تمرکز روی کاربردی بودن باشه (که تا حدود خیلی زیادی همینطوری بوده و من شخصن خیلی لذت بردم از دوره‌هات)
دم شما گرم.
موفق باشی
سلام
خیلی ممنونم از لطفتون و مرسی بابت پیشنهاد خوبتون.
اتفاقا برای تست نویسی یک دوره مجزا در نظر گرفتم.
خیلی عالیه
مثل بقیه دوره های خوبتون، حتماً این دوره جالب خواهد بود.
به دلیل پیچیدگی سینتکس و state ها در ری اکت رفتم سراغ vuejs اما بقیه بخشها رو لازم دارم و یک جورایی MEVN نیاز دارم 🙂 بنظرتون میتونم از این دوره استفاده کنم یا برای vuejs برنامه دیگه ای دارین؟
سلام
خیلی ممنونم از لطفتون.
برای Vue.js انشاالله یک دوره جامع خواهیم داشت.
نقش React در این دوره توسعه قسمت View هست. طبیعتا اگر به جای React از Vue.js یا Angular استفاده کنیم، فقط توسعه قسمت View متفاوت خواهد بود. اما مباحث مربوط به Node.js، Express و MongoDB مشترک هستن.
سلام عرض میکنم
میخواستم بپرسم جلسات بعدی این دوره هر چند روز اضافه میشه یا امکانش هست همه جلسات رد یک جا قرار بدید که سریعتر جلو بریم
باتشکر
سلام
جلسات این دوره مثل دوره جامع و پیشرفته جاوااسکریپت پیش می‌ره. هفته‌ای حدود ۶ یا ۸ تا ویدیو.
این دوره در حال برگزاری هست، پس طبیعتا همه ویدیوها یک جا قرار نمی‌گیره.
مهم‌ترین دلیل این موضوع این هست که دانشجو مرحله به مرحله پیش بره تا تمام مفاهیم رو به طور دقیق متوجه بشه.
ممنونم از توضیحاتتون
حتما این دوره هم مثل دوره های دیگه شما بسیار عالی هستش
سلام خسته نباشید برنامه ای برای Nuxt.js و Vue.js ندارید ؟
سلام
چرا انشاالله به زودی.