آموزش ساخت یک Todo List با امکانات کامل با React Js - آخرین آپدیت
دانلود Create a fully featured Todo list in React Js
مرور کلی دوره: در این دوره جذاب Skillshare، به دنیای ReactJS، یکی از محبوبترین و قدرتمندترین کتابخانههای جاوااسکریپت برای ساخت رابطهای کاربری، خواهیم پرداخت. چه یک مبتدی مطلق باشید و چه تجربهای در کدنویسی داشته باشید، این دوره طراحی شده تا شما را از یک تازهکار React به یک توسعهدهنده مطمئن تبدیل کند. شما اصول ReactJS را فرا خواهید گرفت، با چالشهای کدنویسی واقعی مقابله خواهید کرد و یک اپلیکیشن مدیریت وظایف پویا (Task Manager) را از صفر خواهید ساخت.
آنچه در این دوره خواهید آموخت: در پایان این دوره، شما قادر خواهید بود:
- مفاهیم اصلی ReactJS، از جمله کامپوننتها (components)، پراپسها (props) و استیت (state) را فرا بگیرید.
- نحوه راهاندازی محیط توسعه برای React را درک کنید.
- یک اپلیکیشن مدیریت وظایف (Task Manager) با قابلیتهایی مانند ایجاد، ویرایش و حذف وظایف بسازید.
- نحوه مدیریت ورودی کاربر و ارسال فرم را بیاموزید.
- مهارتهای لازم برای مدیریت مسیرها (routes) در یک اپلیکیشن ReactJS را کسب کنید.
- عملکرد اپلیکیشن خود را با استایلدهی CSS یا Bootstrap بهبود ببخشید.
- عملیات ضروری CRUD (ایجاد، خواندن، بهروزرسانی، حذف) را پیادهسازی کنید.
- تجربه عملی در توسعه React به دست آورید.
چرا باید در این دوره شرکت کنید: ReactJS یک تحولآفرین در دنیای توسعه وب است، و در ادامه دلایلی را میبینید که چرا این دوره ارزش وقت شما را دارد:
-
اهمیت و کاربرد: React به طور گسترده توسط غولهای صنعتی مانند فیسبوک (Facebook)، اینستاگرام (Instagram) و Airbnb استفاده میشود. یادگیری React فرصتهای شغلی متعددی را در نقشهای توسعه فرانتاند باز میکند.
-
کارایی: این دوره به گونهای طراحی شده که مختصر و مؤثر باشد. شما مهارتهای ضروری را تنها در دو ساعت کسب خواهید کرد، که آن را برای یادگیرندگان پرمشغله ایدهآل میکند.
-
کاربردی بودن: اپلیکیشن مدیریت وظایفی که میسازید، یک پروژه آماده برای پورتفولیو است که مهارتهای React شما را به کارفرمایان یا مشتریان بالقوه نشان میدهد.
-
یادگیری تعاملی: ما به یادگیری عملی اعتقاد داریم، بنابراین شما فعالانه در کنار من کدنویسی خواهید کرد و دانش خود را تقویت میکنید.
این دوره برای چه کسانی مناسب است:
- توسعهدهندگان وب مشتاقی که میخواهند ReactJS را از صفر بیاموزند.
- توسعهدهندگان فرانتاند که به دنبال گسترش مجموعه مهارتهای خود با React هستند.
- افرادی که تجربیات یادگیری متمرکز و کارآمد را ترجیح میدهند.
- کسانی که به دنبال ساخت یک پروژه کاربردی برای پورتفولیوی خود هستند.
مواد و منابع مورد نیاز: برای شرکت کامل در این دوره، شما به موارد زیر نیاز دارید:
- کامپیوتر با اتصال به اینترنت.
- یک ویرایشگر کد (مانند Visual Studio Code، Sublime Text).
- اشتیاق و تمایل به یادگیری.
با من در این سفر ReactJS همراه شوید، و بیایید با هم چیزی فوقالعاده بسازیم!
درسها Lessons
-
راهنمای کامل React Js: از اصول اولیه تا اپلیکیشنهای پویا Complete React Js Guide: From Fundamentals to Dynamic Apps
-
انتظارات دوره و بررسی اجمالی پیشنیازها Course Expectations and Prerequisites Overview
-
ساخت اولین اپلیکیشن ReactJs شما گام به گام Building Your First ReactJs APP step-By-Step
-
افزودن استایلها به پروژه React خود Adding Styles To Your React Project
-
درک CSS Scoping در ReactJs Understanding CSS Scoping In ReactJs
-
درک تداخل قوانین CSS در ReactJs Understanding CSS Rules Conflict In ReactJs
-
نوشتن کد JSX برای اپلیکیشن Track و اعمال کلاسهای CSS Writing JSX Code for the Track App and Applying CSS Classes
-
تسلط بر ساختار JSX و کامنتها برای کامپوننتهای واضح و منظم Mastering JSX Structure and Comments for Clear and Organized Components
-
کامپوننتسازی عناصر UI Componentizing UI Elements
-
شروع کار با مدیریت State: کاوش هوک useState در React Getting Started with State Management: Exploring the useState Hook in React
-
درک ارتباط کامپوننتها: تسلط بر استفاده از Props در React Understanding Component Communication: Mastering Props Usage in React
-
رندرینگ پویا: ساخت رابطهای کاربری واکنشگرا در React Dynamic Rendering: Building Responsive Interfaces in React
-
مدیریت وظایف و تعامل پویا در اپلیکیشن وبی React Managing Tasks and Dynamic Interaction in React Web App
-
ایجاد یک چکباکس پویا با نشانههای بصری در React Creating a Dynamic Checkbox with Visual Indications in React
-
بهبود تکمیل وظایف و مدیریت State در اپلیکیشن React شما Enhancing Task Completion and State Management in Your React App
-
تجربه عملی با هوک useEffect: افزودن فیلترها و استایلدهی پویا Getting Hands-On with useEffect Hook: Adding Filters and Dynamic Styling
-
شروع کار با آیکونهای React: ارتقای UI شما Getting Started with React Icons: Elevate Your UI
-
افزودن ناوبری چند صفحهای: پیادهسازی React Router DOM Adding Multi-Page Navigation: Implementing React Router DOM
-
بهبود ناوبری: تسلط بر کامپوننت NavLink در ReactJS Enhancing Navigation: Mastering the NavLink Component in ReactJS
-
تسلط بر کامپوننت Link و ساخت یک صفحه 404 سفارشی Mastering the Link Component and Creating a Custom 404 Page
-
مدیریت State پایدار در React: حفظ دادهها در مسیرهای مختلف Persistent State Management in React: Maintaining Data Across Routes
-
تسلط بر واکشی داده در React: ساخت صفحه درباره ما با یکپارچهسازی API Mastering Data Fetching in React: Building an About Page with API Integration
-
تسلط بر مسیرهای تودرتو در React.js: ناوبری در ساختارهای پیچیده اپلیکیشن Mastering Nested Routes in React.js: Navigating Complex App Structures
-
تجربه عملی با useRef: قدرت بخشیدن به پروژه React شما Getting Hands-On with useRef: Supercharging Your React Project
https://donyad.com/d/acc04c
Aymen El Kani
مهندس نرم افزار
نمایش نظرات