لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش جامع React
- آخرین آپدیت
دانلود Learn React
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره نقطه شروع ایدهآل برای هر کسی است که مشتاق یادگیری مبانی مدرن React به تعاملیترین و عملیترین روش ممکن میباشد.
در طول این دوره، شما با بیش از ۱۷۰ چالش برنامهنویسی تعاملی روبرو خواهید شد و ۶ پروژه جذاب را میسازید. اگر از دورههای React که فقط باعث میشوند به یک صفحه خالی در ادیتور خیره شوید خسته شدهاید، جای درستی آمدهاید! در اینجا، شما **در پایان واقعاً پروژههای React میسازید** که به شما اعتمادبهنفس و مهارت لازم برای کار با اپلیکیشنهای دنیای واقعی را میدهد.
بخش ۱: صفحات استاتیک (پروژه: سایت ReactFacts)
در این بخش مقدماتی، با اصول اولیه React از جمله کامپوننتها، JSX و استایلدهی آشنا میشوید. شما یک سایت ساده ReactFacts خواهید ساخت و درباره کدهای ترکیبپذیر (Composable) و اعلامی (Declarative)، المانهای React و بهترین روشها برای ساخت صفحات استاتیک در React یاد میگیرید.
موضوعات covered:
- مقدمهای بر React
- چرا React؟: ترکیبپذیری و ساختار اعلامی
- المانهای React
- آشنایی با JSX
- ساخت کامپوننتهای سفارشی
- استفاده از Fragments
- استایلدهی با استفاده از Classها
بخش ۲: React دادهمحور (پروژه: دفترچه خاطرات سفر)
در مرحله بعد، با معرفی کامپوننتهای قابل استفاده مجدد، Props و رندرینگ دادهمحور، یاد میگیرید چگونه اپلیکیشنهای React خود را پویا کنید. در پروژه الهامبخش Travel Journal، شما دادهها را به کامپوننتها نگاشت میکنید، داراییهای استاتیک را مدیریت میکنید و از Props برای شخصیسازی تجربه کاربری استفاده میکنید.
موضوعات covered:
- کامپوننتهای قابل استفاده مجدد
- مفهوم Props
- ارزیابی JS در داخل JSX
- مدیریت داراییهای استاتیک (Static Assets)
- نگاشت دادهها به کامپوننتها
بخش ۳: مدیریت وضعیت در React (پروژه: Chef Claude)
این ماژول شما را با مدیریت وضعیت (State) در React آشنا میکند که به شما اجازه میدهد رویدادها را مدیریت کنید، وضعیتهای پیچیده را کنترل کنید و فرمهای واکنشگرا بسازید. پروژه Chef Claude به شما کمک میکند تفاوت بین Props و State را درک کنید، رندرینگ شرطی را پیادهسازی کنید و استایل کامپوننتها را بر اساس تعامل کاربر به صورت پویا تغییر دهید.
موضوعات covered:
- شنوندههای رویداد (Event Listeners)
- مقایسه Props در مقابل State
- ایجاد و تغییر State
- مدیریت وضعیتهای پیچیده
- فرمها و عملیاتهای فرم
- رندرینگ شرطی (Conditional Rendering)
- تنظیم State از طریق فرزندان
- استایلدهی پویا
بخش ۴: اثرات جانبی یا Side Effects (پروژه: Meme Generator)
با این ماژول درباره دریافت دادهها (Data Fetching)، کامپوننتهای کنترلشده و Refها، اثرات جانبی در React را کاوش کنید. در پروژه Meme Generator، شما مدیریت Side Effects، بهینهسازی وابستگیها و پاکسازی منابع را تمرین میکنید که پایهای قوی برای مدیریت دادههای خارجی و اثرات آنها به شما میدهد.
موضوعات covered:
- کامپوننتها/فرمهای کنترلشده
- برنامهنویسی تابعی در React
- دریافت دادهها (Fetching Data)
- مدیریت اثرات جانبی
- وابستگیهای Side Effect
- پاکسازی اثرات جانبی
- استفاده از Refها
بخش ۵: پروژه نهایی ۱: بازی Tenzies
این پروژه نهایی شما را به چالش میکشد تا تمام آنچه آموختهاید را با ساخت یک بازی کامل Tenzies به کار بگیرید. از طریق چالشهای گامبهگام، مهارتهای خود را با یادگیری مقداردهی اولیه تنبلانه (Lazy Initialization) وضعیت و دسترسیپذیری (Accessibility) بهبود میبخشید و یک تجربه تعاملی و صیقلخورده خلق میکنید.
موضوعات covered:
- مجموعهای از چالشها برای ساخت پروژه نهایی
- مقداردهی اولیه تنبلانه State
- بهبودهای مربوط به دسترسیپذیری
بخش ۶: پروژه نهایی ۲: Assembly: Endgame
در این پروژه نهایی، با مجموعهای از چالشها برای ساخت یک اپلیکیشن پیچیده و چندمنظوره روبرو خواهید شد. در پایان پروژه Assembly: Endgame، شما تجربه واقعی در حل مسئله و ترکیب تمام مهارتهای React که در طول دوره توسعه دادهاید، کسب خواهید کرد.
موضوعات covered:
- مجموعهای از چالشها برای ساخت پروژه نهایی
چرا این دوره؟
این دوره پر از چالشهای کدنویسی است که آنها را با نوشتن مستقیم کد React در داخل مرورگر تکمیل خواهید کرد! قبل از اینکه متوجه شوید، شش اپلیکیشن تعاملی React نوشتهاید!
شما همچنین از یادگیری فاصلهدار و تکرار در این دوره بهرهمند خواهید شد. حتماً برای تمام کردن آن به خودتان زمان (روزها/هفتهها) اختصاص دهید و استراحتهای زیادی در نظر بگیرید. سعی نکنید همه چیز را یکباره یاد بگیرید.
پس از اتمام، نسبت به مهارتهای React خود اعتمادبهنفس خواهید داشت و آماده ادامه مسیر برنامهنویسی خود خواهید بود.
سرفصل ها و درس ها
🟢 Static pages in React 01 Getting Started with React
🟨 Static pages in React 01 - Getting Started with React
🟢 Static pages in React 02 Building with React
🟨 Static pages in React 02 - Building with React
🟢 Static Pages in React 03 Test Your Knowledge
🟨 Static Pages in React 03 - Test Your Knowledge
🔵 Data Driven React 01 Understanding Props in React
🟦 Data-Driven React 01 - Understanding Props in React
🔵 Data Driven React 02 Working with Arrays and Advanced Props
🟦 Data-Driven React 02 - Working with Arrays and Advanced Props
🔵 Data Driven React 03 Test Your Knowledge!
🟦 Data-Driven React 03 - Test Your Knowledge!
🟡 React State 01 Introduction and Basics
🟩 React State 01 - Introduction and Basics
🟡 React State 02 State Management and React Forms
🟩 React State 02 - State Management and React Forms
🟡 React State 03 Conditional Rendering and State Communication
🟩 React State 03 - Conditional Rendering and State Communication
🟡 React State 04 API Integration
🟩 React State 04 - API Integration
🟡 React State 05 Test Your Knowledge
🟩 React State 05 - Test Your Knowledge
⚪ React Side Effects 01 Building the Meme Generator & Managing State
🟧 React Side Effects 01 - Building the Meme Generator & Managing State
⚪ React Side Effects 02 Data Fetching & useEffect in React
🟧 React Side Effects 02 - Data Fetching & useEffect in React
⚪ React Side Effects 03 Test Your Knowledge
🟧 React Side Effects 03 - Test Your Knowledge
🔳 Tenzies Capstone Project 01 Building the Tenzies Game Mechanics
⬛️ Tenzies Capstone Project 01 - Building the Tenzies Game Mechanics
Chris Croft
نمایش نظرات