آموزش react ، در دوره آموزش ReactJS مباحث به صورت کاملا کاربردی با حل مثال های مختلف به دانشجویان آموزش داده می شود.

دوره آموزش ReactJS

درباره دوره

ReactJS یکی از سریع‌ترین و محبوب‌ترین کتابخانه های جاوا اسکریپت است که توسط جردن واک، یک مهندس نرم‌افزار در فیس‌بوک ساخته شده ‌است. ReactJS به شما اجازه می دهد تا با استفاده از قطعات کوچکی از کد که Component نامیده می شود رابط های کاربری پیچیده بسازید. این تکنولوژی می تواند View های ساده برای تمام حالت های اپلیکیشن طراحی کند و با تشخیص تغییرات داده ها در اپلیکیشن آن قسمت را Render و به روز رسانی کند. از ویژگی های دیگر این کتابخانه راحت بودن یادگیری و استفاده، کارایی ، تست پذیری و مقیاس پذیری است.

سرفصل دوره آموزشی

مروری بر 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
  • اعتبارسنجی اطلاعات فرم ها
  • نحوه مدیریت دسترسی ها

پیش نیاز دوره

دوره آموزشی طراحی سایت