ایجاد header

توضیحات

در این جلسه به ایجاد هدر در پروژه سبد خرید از دوره آموزش ری اکت (React.js) پروژه محور میپردازیم.

javascript جاوا اسکریپت جاوااسکریپت fetch api asynchronous react ری اکت ری_اکت_جی_اس ری_اکت_جی_اس_ورژن_19 react_js react_js_version_19 ریداکس_جی_اس redux_js ری_اکت_روتر react_router

برای مشاهده آنلاین و دسترسی به ویدیو لطفا ابتدا وارد سایت شوید . صفحه ورود

آموزش react.js (بازتولید کامل دوره)
- آشنایی با react.js شامل 6 قسمت
  
  1
  
  آشنایی با react.js
  
  رایگان 10:27
  
  2
  
  آشنایی با نحوه کار react.js
  
  رایگان 11:10
  
  3
  
  ایجاد پروژه react.js با cdn
  
  رایگان 21:26
  
  4
  
  آشنایی با JSX (javascript XML)
  
  رایگان 25:38
  
  5
  
  ایجاد پروژه react.js با vite.js
  
  نقدی 26:41
  
  6
  
  آشنایی و ایجاد کامپوننت
  
  نقدی 12:22
- کار با style در react.js شامل 6 قسمت
  
  1
  
  افزودن فایل css
  
  نقدی 08:16
  
  2
  
  افزودن فایل sass
  
  نقدی 06:31
  
  3
  
  آشنایی با inline style
  
  نقدی 04:48
  
  4
  
  افزودن فریمورک bootstrap (بوت استرپ)
  
  نقدی 07:18
  
  5
  
  افزودن فریمورک react-bootstrap
  
  نقدی 06:07
  
  6
  
  افزودن فریمورک tailwindcss (تیلویند سی اس اس)
  
  نقدی 07:29
- آشنایی با event و props شامل 3 قسمت
  
  3
  
  آشنایی با event در react.js
  
  نقدی 12:12
  
  1
  
  آشنایی با props
  
  نقدی 07:17
  
  2
  
  ارسال تابع به عنوان prop
  
  نقدی 09:26
- کار با المان های فرم (form) در react.js شامل 3 قسمت
  
  1
  
  کار با input و textarea
  
  نقدی 06:34
  
  2
  
  کار با select box
  
  نقدی 08:27
  
  3
  
  کار با checkbox و radio
  
  نقدی 11:05
- آشنایی با هوک useState شامل 4 قسمت
  
  1
  
  آشنایی با هوک useState
  
  نقدی 17:34
  
  2
  
  مقدار قبلی در useState
  
  نقدی 05:00
  
  3
  
  استفاده از object در useState
  
  نقدی 10:01
  
  4
  
  استفاده از array در useState
- آشنایی با هوک useEffect شامل 5 قسمت
  
  1
  
  آشنایی با هوک useEffect
  
  2
  
  اجرای useEffect بصورت شرطی و یکبار
  
  3
  
  آشنایی با clean up در useEffect
  
  4
  
  data fetching با useEffect (بخش اول)
  
  5
  
  data fetching با useEffect (بخش دوم)
آموزش react.js (محتوای قبل از باز تولید)

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ

مدت دوره 21:00:21

تعداد ویدیو 133

وضعیت دوره : درحال برگزاری

قیمت دوره : ~~699,000~~ 524,000 تومان

برای دانلود ابتدا وارد سایت شوید

دسته بندی دوره ها

HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی

کامل شده

آموزش Javascript پروژه محور

آموزش جاوا اسکریپت + ES6 به همراه پروژه. جاوا اسکریپت زبان برنامه‌نویسی سطح بالا است که برای ایجاد تعامل با صفحات وب به...

رایگان

06:09:03

کامل شده

آموزش بوت استرپ 5 (Bootstrap) پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان

12:08:39

کامل شده

آموزش FlexBox پروژه محور

Flexbox ها کدهای جدید در CSS می باشند که توسط W۳C برای رفع مشکلات استفاده از کد های float و طراحی زیبا و دقیق تر سایت ها...

رایگان

01:57:13

درحال برگزاری

% 25 تخفیف

آموزش ری اکت (React.js) پروژه محور

ری اکت (React.js) یک کتابخانه جاوااسکریپتی برای ساخت رابط کاربری(user interfaces) برای اپلیکیشن های تک صفحه ای (single p...

~~699,000~~ 524,000 تومان

21:00:21

مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

ایجاد header

توضیحات

سرفصل های دوره

آشنایی با react.js

آشنایی با نحوه کار react.js

ایجاد پروژه react.js با cdn

آشنایی با JSX (javascript XML)

ایجاد پروژه react.js با vite.js

آشنایی و ایجاد کامپوننت

افزودن فایل css

افزودن فایل sass

آشنایی با inline style

افزودن فریمورک bootstrap (بوت استرپ)

افزودن فریمورک react-bootstrap

افزودن فریمورک tailwindcss (تیلویند سی اس اس)

آشنایی با event در react.js

آشنایی با props

ارسال تابع به عنوان prop

کار با input و textarea

کار با select box

کار با checkbox و radio

آشنایی با هوک useState

مقدار قبلی در useState

استفاده از object در useState

استفاده از array در useState

آشنایی با هوک useEffect

اجرای useEffect بصورت شرطی و یکبار

آشنایی با clean up در useEffect

data fetching با useEffect (بخش اول)

data fetching با useEffect (بخش دوم)

معرفی react

ایجاد پروژه react

توضیح ساختار پروژه react

ایجاد کامپوننت

معرفی JSX

قوانین JSX

جاوااسکریپت در JSX

افزودن فایل css

افزودن فایل sass

inline style

افزودن فریمورک bootstrap

افزودن react-bootstrap

event در react

آشنایی با prop

ارسال تابع به عنوان prop

prop (children)

input & textarea

select box

check box & radio

آشنایی با useState

مقدار قبلی در useState

useState با object

useState با array

آشنایی با useEffect

اجرا useEffect بصورت شرطی و یکبار

cleanup

fetch data بخش اول

fetch data بخش دوم

آشنایی با context

useContext

useReducer بخش اول

useReducer بخش دوم

چندین reducer

useReducer و useContext بخش اول

useReducer و useContext بخش دوم

React.memo

useCallback

useMemo

useRef

ایجاد هوک (custom hook)

توضیح SPA (single page application)

نصب و استفاده از react router

Link & NavLink

basename & 404 page

useParams

useLocation

Redirect & useHistory

nested routing

useRouteMatch

معرفی پروژه