دوره برنامه نویسی React JS

اهداف دوره React JS:

این دوره شما را در ساخت یک رابط کاربری (User Interface) سریع و جذاب برای وب سایت یا Web Application یاری می‌رساند. استفاده از React در طراحی‌های سمت کاربر (FronEnd) بدلیل بهره‌وری بسیار بالا اخیراً مورد توجه بسیاری از شرکت‌ها قرار گرفته تا جایی که برخی از شرکت‌ها، نسل بعدی رابط کاربری نرم‌افزارهای خود را بر پایه این کتابخانه جاوااسکریپت (JavaScript Library) می‌نویسند. React محصول شرکت facebook است و در حال حاضر شرکت‌های بزرگی در دنیا (نظیر Netflix, Slack, Yahoo, Udemy, Pinterest و …) از آن استفاده می‌کنند.

پيش نياز:

مخاطبین لازم است تجربه کار در زمینه‌های JavaScript ، Css3 و Html5 داشته باشند. دانستن javascript پیشرفته مورد نیاز نیست چون در حین این آموزش، با حدود زیادی با امکانات جدید آن (ECMAScript6 و بعد از آن) آشنا می‌شوید.

دست آوردهای دوره React JS :

پس از گذراندن دوره مذکور قادر به انجام فعالیت های زیر خواهید شد :
• درک صحیح از برنامه‌های SPA
• استفاده از امکانات جدید جاوااسکریپت
• استفاده از کتابخانه React در ساخت رابط کاربری وب
• Class Components و Hooks
• ترکیب کدهای Html و JavaScript و نوشتن JSX
• استفاده از Resultful برای برقراری ارتباط با سرور و کار با ساختار داده‌ای Json
• آشنایی با async programming
• آشنایی با Statemanagmentها و استفاده از Redux
• ایجاد یک پروژه واقعی از ابتدا و تکمیل آن

دوره جامع React JS – از مقدماتی تا پیشرفته

React JS یکی از محبوب‌ترین و پرکاربردترین فریمورک‌های فرانت‌اند است که به شما امکان می‌دهد وب‌سایت‌ها و اپلیکیشن‌های سریع، تعاملی و مقیاس‌پذیر بسازید. این دوره به شما کمک می‌کند تا از مبانی React تا پیشرفته‌ترین تکنیک‌ها، شامل مدیریت وضعیت، رندرینگ، کامپوننت‌های داینامیک و تعامل با APIها را به‌صورت عملی یاد بگیرید.

سرفصل‌های آموزشی دوره React JS

 مقدمه‌ای بر React

React چیست و چرا محبوب است؟
آشنایی با Single Page Applications (SPA)
مقایسه React با سایر فریمورک‌ها
آشنایی با JavaScript و ECMAScript
 تنظیم پروژه:

• مدیریت وابستگی‌ها با NPM
• آشنایی با Package.json و Babel
  نوشتن اولین کد در React

جاوااسکریپت مدرن (Next Generation JavaScript)

مدیریت ماژول‌ها (Export و Import)
استفاده از let و const
Arrow Functions و مزایای آن
آشنایی با کلاس‌ها در JavaScript
عملگرهای Spread و Rest
Destructuring در آرایه‌ها و آبجکت‌ها
تفاوت Reference و Primitive Types
توابع کاربردی در آرایه‌ها

ویژگی‌های پایه‌ای React (بخش ۱)

ساختار پروژه و Build Workflow
ایجاد پروژه React و مدیریت پوشه‌ها
JSX چیست و چگونه کار می‌کند؟
کامپوننت‌ها و نحوه استفاده از آن‌ها
 Props و ارسال داده بین کامپوننت‌ها

ویژگی‌های پایه‌ای React (بخش ۲)

مدیریت State در React
مدیریت رویدادها و متدها در React
کاربرد props.children در کامپوننت‌ها
نمایش محتوای داینامیک و شرطی
مفهوم Single Source of Truth

طراحی رابط کاربری در React

افزودن Style Sheet به پروژه
استایل‌دهی Inline در React
استایل‌دهی داینامیک و استفاده از Media Queries
مدیریت CSS Modules و محتوای داینامیک
به‌روزرسانی State به‌صورت امن و ایمن (Immutable State Update)
مدیریت لیست‌های داینامیک و بهینه‌سازی آن‌ها

ویژگی‌های پیشرفته React (بخش ۳)

چرخه عمر کامپوننت‌ها (Component Lifecycle)
کار با فرم‌ها و مدیریت اطلاعات ورودی
انتقال State بین کامپوننت‌ها (Lifting State Up)
تقسیم‌بندی اپلیکیشن به کامپوننت‌های کوچک‌تر
درک نحوه رندرینگ React و بهینه‌سازی عملکرد
Higher Order Components (HOC) و استفاده از آن‌ها

ساخت یک اپلیکیشن واقعی با React

برنامه‌ریزی و طراحی ساختار یک پروژه واقعی
ایجاد پروژه و تنظیم استایل‌ها
ساخت کامپوننت‌های اصلی مانند Core، Layout و…
مدیریت Prop Types برای کنترل دقیق داده‌ها
پیاده‌سازی کنترل‌های پویا، سفارشات، مدال‌ها و انیمیشن‌ها

تکمیل اپلیکیشن – تعامل با APIها و مدیریت داده‌ها

مدیریت درخواست‌های Ajax و دریافت داده از API
آشنایی با برنامه‌نویسی Asynchronous و Promise
ارسال و دریافت داده از APIهای JSON
اعتبارسنجی فرم‌ها و ورودی‌های کاربر
مدیریت مسیرها با React Router

مباحث پیشرفته و بهینه‌سازی React

مروری بر مدیریت وضعیت (State Management) و Redux Flow
کار با Hooks و کامپوننت‌های فانکشنال
Error Boundaries و مدیریت خطا در کامپوننت‌ها
دیباگ کردن اپلیکیشن‌های React
انتشار و استقرار پروژه روی وب

این دوره شما را به یک توسعه‌دهنده حرفه‌ای React تبدیل خواهد کرد و آماده ورود به بازار کار خواهید شد!

جزئیات سرفصل آموزشی دوره React JS را از طریق لینک زیر دریافت کنید: