آشنایی با prop

توضیحات

در این جلسه به توضیح prop از دوره آموزش ری اکت (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 ساس

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

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

کامل شده

آموزش رایگان html و css (اچ تی ام ال و سی اس اس) پروژه محور

برای اینکه وارد دنیای طراحی وب شوید اولین چیزی که باید با آن آشنا شوید HTML است، HTML یک زبانه نشانگذاری برای ایجاد وبسا...

رایگان

13:47:11

کامل شده

آموزش Responsive Layout پروژه محور

Responsive یا واکنشگرا به این معنی می باشد که ما چگونه سایت را به شکلی طراحی کنیم که سایت ما در دیوایس های مختلف به خوبی...

رایگان

01:11:30

کامل شده

% 10 تخفیف

آموزش نکست جی اس (next.js)

نکست جی اس، فریمورک Next.js یکی از فریمورک های کتابخانه React برای production است به این معنی که، برای تمام آنچه که به ع...

~~599,000~~ 539,000 تومان

24:41:33

کامل شده

آموزش رایگان sass (ساس) پروژه محور

sass (ساس) مخفف کلمات Syntactically Awesome Stylesheets است. sass را می توان به عنوان یک پیش پردازنده برای css در نظر گر...

رایگان

04:46:01

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

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

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

armindev
- 4 سال پیش
- پاسخ به دیدگاه
سلام
چقدر پيش مياد كه بخواهيم ازكامپوننت پدر به كامپوننت فرزند مقاديري رو با pops وارد كنيم و كجاها كاربرد داره؟
مگر ما فقط نبايد يك كامپوننت رو توسعه بديم و اونو در كامپوننت پدر مثل app تعريف كنيم تا كامپوننت app در index نمايش داده شه؟
ديگه چه نيازي به prop هست وقتي مستقيم ميتونيم يك كامپوننت رو جدا توسعه بديم؟
تشكر
- علی شیخ
  
  4 سال پیش
  
  سلام وقت بخیر.
  برای درک بهتر دوره را تا انتها ببینید که پروژه ها زده میشه، ممنون

آشنایی با prop

توضیحات

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

آشنایی با 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

معرفی پروژه