تسلط به React.js: ساخت اپلیکیشن هایی با درجه تولید

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

• نصب و پیکربندی محیط توسعه برای ReactJS
• آشنایی با ابزارهای ضروری، فایل‌های تمرینی، React CLI و React Developer Tools
• راه‌اندازی پروژه ReactJS با آخرین نسخه Bootstrap (نسخه 5)
• ساخت طرح‌بندی ریسپانسیو با استفاده از Bootstrap و ایجاد کامپوننت‌های قابل استفاده مجدد
• تمایز بین کامپوننت‌های stateless و stateful در React
• استفاده از قدرت Hooks API برای مدیریت مؤثر state 
• مدیریت ایونت ها، رندر شرطی و ارسال فرم‌ها
• پیاده‌سازی منطق پیچیده با useReducer و ایجاد و dispatch اکشن‌ها
• استفاده از Context API برای مدیریت state کلی اپلیکیشن React
• ساخت شیء context و کپسوله کردن منطق اپلیکیشن با کامپوننت Provider
• امکان اشتراک‌گذاری کامپوننت‌ها در تغییرات context و بروزرسانی متناسب آنها
• ادغام یکپارچه Firebase در پروژه React 
• راه‌اندازی پروژه جدید در کنسول Firebase Google و نصب SDK سرویس های Firebase
• کار با Cloud Firestore برای افزودن، مدیریت و بازیابی داده‌ها
• سینک کردن داده‌ها در Cloud Firestore و خواندن از کالکشن ها
• تعریف متغیرهای محیطی React برای مدیریت امن داده‌ها
• راه‌اندازی یک bucket در Cloud Storage برای ذخیره و بازیابی تصاویر
• پیاده‌سازی توابع ناهمزمان برای آپلود و دانلود فایل
• بروزرسانی رابط کاربری با تصاویر و تنظیم تاریخ اسناد
• احراز هویت و مدیریت کاربران با استفاده از Firebase Authentication
• پیاده سازی مدیریت state احراز هویت کاربر با Context API
• تضمین امنیت داده‌ها در Cloud Firestore و Cloud Storage بر اساس اعتبار کاربران
• نصب و پیکربندی React Router v6 برای مسیریابی سمت کلاینت
• ساخت کامپوننت‌های ناوبری و پیکربندی مسیرها
• پیاده‌سازی رندر شرطی و محافظت از مسیرها برای افزایش امنیت
• پیاده‌سازی قابلیت‌های جستجو و فیلتر در اپلیکیشن React 
• ایجاد اکشن‌های جدید برای مدیریت نتایج فیلتر شده و اعمال اثرات جانبی
• تسلط به تکنیک‌های دیباگ و اشتراک‌گذاری تغییرات context برای اشکال‌زدایی کارآمد
• نصب Firebase CLI و راه‌اندازی پروژه جدید برای استقرار
• ساخت نسخه تولیدی از اپلیکیشن React 
• استقرار اپلیکیشن روی Firebase Hosting برای محیط تولید مقیاس‌پذیر و قابل اعتماد

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

• آشنایی پایه با جاوا اسکریپت
• آشنایی با HTML و CSS
• تجربه قبلی در مفاهیم و شیوه‌های توسعه وب مفید است ولی الزامی نیست
• دانشجویان باید یک ویرایشگر متن مورد علاقه خود مانند ویژوال استودیو کد، Atom یا Sublime Text را روی سیستم خود نصب داشته باشند.
• NodeJS و npm (Node Package Manager) باید روی کامپیوتر دانشجو نصب باشد تا امکان نصب وابستگی‌ها و استفاده از React CLI فراهم شود.
• برای شرکت کامل در دوره، دانشجویان نیاز به ایجاد حساب Firebase دارند. آموزش‌های مربوط به راه‌اندازی پروژه Firebase در دوره ارائه خواهد شد.
• تمایل به یادگیری و ساخت اپلیکیشن

توضیحات دوره

با دوره جامع «تسلط به ReactJS: ساخت اپلیکیشن هایی با گرید تولید» توانایی کامل ReactJS را آشکار کنید. این دوره از اصول پایه تا تکنیک‌های پیشرفته به گونه طراحی شده که مهارت‌های لازم برای معماری اپلیکیشن های ReactJS مستحکم و مقیاس‌پذیر را به شما آموزش دهد. هر ماژول به گونه‌ای طراحی شده که تجربه عملی ارائه کند و مطمئن شود نه تنها مفاهیم را می‌فهمید بلکه می توانید از آنها در سناریوهای واقعی استفاده کنید.

مروری بر دوره:

در این دوره، سفری را آغاز خواهید کرد که از راه‌اندازی محیط توسعه تا استقرار اپلیکیشن کاملا کاربردی ReactJS را پوشش می‌دهد. در ادامه نگاهی اجمالی داریم به آن چه یاد می‌گیرید:

ماژول 1: مقدمه

• شروع کار با ReactJS و راه اندازی محیط توسعه
• شناخت ابزارهای ضروری، فایل‌های تمرینی، React CLI و React Developer Tools

ماژول 2: شروع پروژه جدید React

• افزودن Bootstrap 5 برای بهبود رابط کاربری اپلیکیشن تک‌صفحه‌ای 
• ساخت طرح‌بندی‌های ریسپانسیو و ایجاد کامپوننت‌های قابل استفاده مجدد
• تسلط به هنر ارسال props به کامپوننت‌های فرزند

ماژول 3: از کامپوننت Stateless تا کامپوننت Stateful در React

• کاوش در Hooks API و مدیریت ایونت ها و بروزرسانی state 
• یادگیری رندر شرطی، مدیریت فرم و اثرات جانبی با useEffect
• بررسی مدیریت پیشرفته state با useReducer

ماژول 4: مدیریت state اپلیکیشن با Context API

• ایجاد شیء context برای مدیریت state عمومی
• راه‌اندازی کامپوننت Provider برای کپسوله کردن منطق اپلیکیشن

ماژول 5: افزودن Firebase به پروژه React

• ادغام Firebase در اپلیکیشن شما
• بررسی SDK سرویس های Firebase و راه‌اندازی پروژه جدید

ماژول 6: ایجاد و اتصال به پایگاه داده (Firestore)

• کار با Cloud Firestore برای افزودن، مدیریت و بازیابی داده‌ها
• سینک کردن داده در Cloud Firestore و خواندن داده از کالکشن

ماژول 7: ایجاد bucket برای ذخیره تصاویر (Cloud Storage)

• استفاده از Cloud Storage برای ذخیره و بازیابی تصاویر
• پیاده‌سازی قابلیت آپلود و دانلود فایل

ماژول 8: احراز هویت و مدیریت کاربران (Firebase Auth)

• پیاده‌سازی احراز هویت کاربران با Firebase
• مدیریت state کاربران با Context API و هوک‌های سفارشی

ماژول 9: مسیریابی سمت کلاینت با React-Router V6

• نصب و پیکربندی React Router v6 برای مسیریابی سمت کلاینت
• ساخت کامپوننت های ناوبری، پیاده سازی رندر شرطی و محافظت از مسیرها

ماژول 10: فیلتر، جستجو و یادگیری دیباگ 

• پیاده‌سازی قابلیت جستجو و فیلتر در اپلیکیشن

• استفاده از تکنیک‌های دیباگ و اشتراک‌گذاری در تغییرات context

ماژول 11: استقرار اپلیکیشن React شما (Firebase Hosting)

• استفاده از Firebase Hosting برای استقرار اپلیکیشن آماده تولید React
• یادگیری ساخت نسخه تولیدی و استقرار سایت در فضای ابری

با ما در این مسیر یادگیری عمیق همراه شوید و مهارت‌های توسعه ReactJS خود را به ارتقا دهید تا اپلیکیشن هایی مطابق استانداردهای حرفه‌ای بسازید.

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

• توسعه‌دهندگان فرانت‌اند
• توسعه‌دهندگان وب با هدف مقیاس‌پذیری
• توسعه‌دهندگان جاوا اسکریپت
• توسعه‌دهندگان سطح متوسط ReactJS
• کسانی که قصد تبدیل شدن به توسعه‌دهنده فول‌استک را دارند.
• علاقه‌مندان و فراگیران حوزه فناوری
• افراد در حال تغییر مسیر حرفه‌ای
• هر کسی که به ساخت اپلیکیشن های آماده تولید علاقه‌مند است.