آموزش ساخت لیست کارهای کامل با React JS - آخرین آپدیت
دانلود Create a fully featured Todo list in React Js
آموزش جامع ریاکت جیاس (ReactJS): از مبتدی تا حرفهای
در این دوره آموزشی جذاب در Skillshare، به دنیای ریاکت جیاس (ReactJS)، یکی از محبوبترین و قدرتمندترین کتابخانههای جاوااسکریپت برای ساخت رابطهای کاربری، میپردازیم. این دوره برای شما که از مبتدیان کامل هستید یا تجربه کدنویسی دارید، طراحی شده است تا شما را از یک تازهکار ریاکت به یک توسعهدهنده با اعتماد به نفس تبدیل کند. اصول اولیه ریاکت جیاس را یاد خواهید گرفت، چالشهای کدنویسی واقعی را انجام خواهید داد و یک اپلیکیشن پویا مدیریت وظایف (Task Manager) را از ابتدا خواهید ساخت.
در این دوره چه چیزهایی یاد خواهید گرفت؟
- تسلط بر مفاهیم اصلی ریاکت جیاس، شامل کامپوننتها (components)، پراپس (props) و استیت (state).
- یادگیری نحوه ایجاد محیط توسعه برای ریاکت.
- ساخت اپلیکیشن مدیریت وظایف با قابلیتهایی نظیر ایجاد، ویرایش و حذف وظایف.
- نحوه مدیریت ورودی کاربر و ارسال فرم.
- کسب مهارت برای مدیریت مسیرها (routes) در یک اپلیکیشن ریاکت جیاس.
- افزایش کارایی اپلیکیشن خود با استفاده از CSS یا Bootstrap.
- پیادهسازی عملیات ضروری CRUD (ایجاد، خواندن، بهروزرسانی، حذف).
- کسب تجربه عملی در توسعه با ریاکت.
چرا باید در این دوره شرکت کنید؟
ریاکت جیاس (ReactJS) یک تغییردهنده بازی در دنیای توسعه وب است، و در اینجا دلایلی وجود دارد که چرا این دوره ارزش وقت شما را دارد:
-
ارتباط: ریاکت به طور گسترده توسط غولهای صنعتی مانند فیسبوک، اینستاگرام و ایربیانبی استفاده میشود. یادگیری ریاکت فرصتهای شغلی در زمینه توسعه فرانتاند را برای شما باز میکند.
-
کارایی: این دوره به گونهای طراحی شده است که مختصر و تاثیرگذار باشد. شما مهارتهای ضروری را تنها در دو ساعت کسب خواهید کرد، که آن را برای یادگیرندگان پرمشغله ایدهآل میسازد.
-
عملی بودن: اپلیکیشن مدیریت وظایف که خواهید ساخت، یک پروژه آماده برای نمایش در پورتفولیوی شما است که مهارتهای ریاکت شما را به کارفرمایان یا مشتریان بالقوه نشان میدهد.
-
یادگیری تعاملی: ما به یادگیری عملی اعتقاد داریم، بنابراین شما به طور فعال همراه با من کدنویسی خواهید کرد و دانش خود را تقویت خواهید نمود.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان وب مشتاق که میخواهند ریاکت جیاس را از ابتدا یاد بگیرند.
- توسعهدهندگان فرانتاند که به دنبال گسترش مجموعه مهارتهای خود با ریاکت هستند.
- افرادی که تجربیات یادگیری متمرکز و کارآمد را ترجیح میدهند.
- کسانی که به دنبال ساخت یک پروژه عملی برای پورتفولیوی خود هستند.
مواد و منابع مورد نیاز:
برای شرکت کامل در این دوره، شما نیاز دارید:
- یک کامپیوتر با اتصال به اینترنت.
- یک ویرایشگر کد (مانند Visual Studio Code، Sublime Text).
- اشتیاق و تمایل به یادگیری.
به من در این سفر ریاکت جیاس بپیوندید و بیایید با هم چیزی فوقالعاده خلق کنیم!
درسها 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
-
درک Scope بندی CSS در 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: بررسی Hook 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
-
ایجاد یک Checkbox پویا با نشانههای بصری در React Creating a Dynamic Checkbox with Visual Indications in React
-
بهبود تکمیل وظایف و مدیریت State در اپلیکیشن React شما Enhancing Task Completion and State Management in Your React App
-
کار عملی با Hook 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: ساخت صفحه About با یکپارچهسازی API Mastering Data Fetching in React: Building an About Page with API Integration
-
تسلط بر Nested Routes در 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/dc22ac
Aymen El Kani
مهندس نرم افزار
نمایش نظرات