مروری بر javascript
- ساختارهای شرطی در جاوااسکریپت
- کار با حلقه های تکرار در جاوا اسکریپت مانند for و while
- بررسی توابع
- اشیاء در جاوا اسکریپت
- بررسی ES6
آشنایی با React
- معرفی کتابخانه react و کاربرد آن در ساخت صفحات وب و موبایل
- React چگونه کار می کند
- آشنایی با سایت های Single Page Application
- معرفی و نصب npm و js
- ساختار اولیه یک پروژه react
آشنایی با سینتکس React
- ایجاد اولین پروژه react
- کار با jsx
- آشنایی با render element
کار با Component ها در React
- Component چیست؟
- نحوه ساخت Component در react
- آشنایی با state ها در react
- تفاوت state و useState
- تغییر state ها در react
- کامپوننت های تابعی
- کامپوننت های class-based
- کامپوننت های stateless
- کامپوننت های stateful
style css در کامپوننت های react
- افزودن stylesheet
- Inline style
- CSS modules
- کار با media query
- Dynamic content
- Dynamic style
Bootstrap در React
- استفاده از Bootstrap در react
- آشنایی با کتابخانه react bootstrap
- معرفی روش طراحی Material Design و طراحی صفحات در react با استفاده از Material Design
Debuging
- آشنایی با انواع خطاها در react
- آشنایی با error Boundery
- استفاده از react developer tools
- خطایابی با استفاده از chrome و vsCode
Context و Reducer
- Context چیست؟
- ایجاد اولین Context
- استفاده از Context hook
- آشنایی با Context Type
- استفاده از چندین Context
- Context یا Reducer
- Reducer چیست؟
- استفاده از Reducer
React Router
- Route چیست؟
- نحوه مسیریابی و مدیریت آدرس ها در React
- راه اندازی react router
- ایجاد چندین route
- انتقال بین صفحات
- آشنایی با کامپوننت switch
- آشنایی با خطای 404
Validation
- ساخت فرم های مختلف ورود و نمایش اطلاعات
- آشنایی با کتابخانه validate.js
- اعتبارسنجی اطلاعات فرم ها
- نحوه مدیریت دسترسی ها