درباره دوره
ReactJS یکی از سریعترین و محبوبترین کتابخانه های جاوا اسکریپت است که توسط جردن واک، یک مهندس نرمافزار در فیسبوک ساخته شده است. ReactJS به شما اجازه می دهد تا با استفاده از قطعات کوچکی از کد که Component نامیده می شود رابط های کاربری پیچیده بسازید. این تکنولوژی می تواند View های ساده برای تمام حالت های اپلیکیشن طراحی کند و با تشخیص تغییرات داده ها در اپلیکیشن آن قسمت را Render و به روز رسانی کند. از ویژگی های دیگر این کتابخانه راحت بودن یادگیری و استفاده، کارایی ، تست پذیری و مقیاس پذیری است.
پیش نیاز دوره
مخاطبین دوره
- افرادی که علاقمند به یادگیری تکنولوژی قدرتمند ReactJS هستند.
- آن دسته از موسسات و شرکت هایی که قصد دارند کارمندان خود را با جدیدترین تکنولوژی های برنامه نویسی در سمت client آشنا کنند و از آن در پروژه های خود بهره مند شوند.
- آن دسته از دانشجویانی که با مباحث HTML، CSS و Javascript آشنا هستند و می خواهند دانش خود را در حوزه FrontEnd گسترش دهند.
اهداف دوره
- در این دوره سعی شده است تا تمامی مباحث از ابتدا به صورت کامل و روان گفته شود و با توجه به پروژه محور بودن دوره آموزشی، بعد از اتمام مباحث پایه شروع به ساخت پروژه خواهیم کرد تا دانشجویان درک بیشتری از ReactJS پیدا کنند و با نحوه ی انجام یک پروژه بیشتر آشنا گردند.
- در این دوره همچنین روش های کد نویسی تمیز و سریعتر نوشتن کدهای مورد نیاز را به دانشجویان آموزش خواهیم داد.
سرفصل دوره آموزشی
مروری بر 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
- اعتبارسنجی اطلاعات فرم ها
- نحوه مدیریت دسترسی ها