لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش جامع توسعه فرانتاند با React
- آخرین آپدیت
دانلود Frontend Development with React
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
بهروزرسانی شده در می ۲۰۲۵.
این دوره اکنون دارای Coursera Coach است!
روشی هوشمندانهتر برای یادگیری با گفتگوهای تعاملی و بلادرنگ که به شما کمک میکند دانش خود را آزمایش کنید، فرضیات را به چالش بکشید و در حین پیشروی در دوره، درک خود را عمیقتر کنید.
با این دوره جامع که بر React، یکی از قدرتمندترین کتابخانهها برای ساخت رابطهای وب پویا متمرکز است، در هنر توسعه فرانتاند استاد شوید. شما یاد میگیرید که رابطهای کاربری (UI) واکنشگرا بسازید، حالتهای پیچیده برنامه را با Redux مدیریت کنید و تجربههای کاربری بینقصی ایجاد کنید که با APIهای واقعی بکاند در تعامل باشند. در پایان این دوره، شما یک فرانتاند کاملاً کاربردی خواهید داشت که با سیستم احراز هویت کاربر، قابلیت ایجاد پست و بازخوردهای بلادرنگ یکپارچه شده است.
دوره با بررسی مسیرهای بکاند برای پستها شروع میشود، جایی که APIهایی را برای ایجاد، حذف، لایک و ثبت نظر روی محتوای تولید شده توسط کاربر را راهاندازی خواهید کرد. پس از تکمیل بخش بکاند، وارد دنیای React میشوید؛ شروع با نمای کلی UI و پیشروی در نصب، ایجاد کامپوننتها و مسیریابی با استفاده از React Router. همچنین ویژگیهای اصلی مانند ثبتنام و ورود کاربر را پیادهسازی کرده و فرانتاند خود را مستقیماً به سرویسهای بکاند متصل میکنید.
در ادامه، دوره Redux را معرفی میکند و پایهای قوی در مدیریت حالت سراسری (Global State Management) به شما میدهد. شما یک استور Redux میسازید، هشدارها را از طریق Reducerها و Actionها مدیریت میکنید و این ویژگیها را با استفاده از کامپوننتهای سفارشی در برنامه ادغام میکنید. ماژول نهایی بر ایجاد تجربههای کاربری امن و پویا از طریق جریانهای احراز هویت، مدیریت توکنها و بهروزرسانی عناصر UI بر اساس وضعیت کاربر متمرکز است.
این دوره برای توسعهدهندگان فرانتاند که میخواهند اپلیکیشنهای مدرن و تعاملی با استفاده از React و Redux بسازند، ایدهآل است. آشنایی با JavaScript و برخی مفاهیم بکاند توصیه میشود. سطح این دوره متوسط است و برای توسعهدهندگانی که هدفشان تبدیل شدن به متخصصان Full-Stack است، عالی است.
سرفصل ها و درس ها
مسیرهای API پستها
Post API Routes
ایجاد مدل پست
Creating The Post Model
مسیر افزودن پست
Add Post Route
مسیرهای دریافت و حذف پست
Get & Delete Post Routes
مسیرهای لایک و لایکزدایی پست
Post Like & Unlike Routes
مسیرهای افزودن و حذف کامنت
Add & Remove Comment Routes
شروع کار با React و فرانتاند
Getting Started With React & The Frontend
بررسی رابط کاربری و تم
A Look At The UI / Theme
نصب React و Concurrently
React & Concurrently Setup
پاکسازی و کامپوننتهای اولیه
Clean Up & Initial Components
راهاندازی React Router
React Router Setup
فرم ثبتنام و هوک useState
Register Form & useState Hook
مثال درخواست و فرم ورود
Request Example & Login Form
راهاندازی Redux و هشدارها
Redux Setup & Alerts
مفهوم کلی Redux
The Gist Of Redux
ایجاد استور Redux
Creating a Redux Store
Reducer، Action و Types هشدارها
Alert Reducer, Action & Types
کامپوننت هشدار و فراخوانی Action
Alert Component & Action Call
احراز هویت کاربر در React
React User Authentication
Auth Reducer و Action ثبتنام
Auth Reducer & Register Action
راهاندازی استور Redux و افزونه کروم
Redux Store & Chrome Extension Setup
نمایش نظرات