حالت مطالعه
دانلود ویدئو ها
دانلود فصل به فصل ویدئو ها
توی این بخش میتونید ویدئو ها رو به صورت فصل به فصل به صورت یکجا دانلود کنید
برای مشاهده لینک های دانلود اینجا کلیک کنید
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پشتیبانی دوره
پشتیبانی دوره react
کانال مخصوص دوره و پشتیبانی دوره
ایدی پشتیبانی دوره
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پیش به سوی آموزش react
قبل از شروع آموزش مفاهیم ریکت ، مفاهیم مهم javascript که توی react خیلی پر کاربرد هستن رو بررسی میکنیم با هم (درک این پیش نیاز ها به شدت ضروریه و اگه این پیش نیاز ها رو به خوبی تمرین کنید و با دقت ویدئو ها رو ببینید، ریکت رو هم میتونید خیلی راحت یاد بگیرید)
آموزش scope در javascript
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - آموزش مفهوم scope در جاوا اسکریپت
02 - آموزش global scope
03 - آموزش function scope
04 - آموزش block scope
05 - آموزش مفهوم hoisting
06 - آموزش variable hoisting
07 - آموزش function hoisting
08 - آموزش undeclared variable و strict mode
آموزش مفاهیم مهم و کاربردی ES6
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - معرفی این فصل
02 - ternary operator
03 - back-tics syntax
04 - module concept
05 - import and export
06 - as keyword in module
07 - default export import
08 - arrow function
09 - rest operator
10 - spread operator
11 - array destructuring
12- object destructuring
13 - foreach method
14 - map method
15 - filter method
16 - reduce method
17 - reduce challenge
18 - this keyword
19 - bind method
مروری بر کلاس ها در javascript
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - روش های مختلف ساخت اشیاء - بخش اول
02 - روش های مختلف ساخت اشیاء - بخش دوم
03 - پارامترها در تابع سازنده (constructor function)
04 - کلاس (class) چیست؟
05 - متد سازنده (construnctor method)
06 - یک مثال از کلاس ها
07 - ارث بری (inheritance) در کلاس ها
خب حالا که مفاهیم مهم و کاربردی javascript که توی react زیاد استفاده میشن رو یاد گرفتیم ، بریم سراغ راه اندازی و نصب محیط توسعه ی ریکت و با پکیج create-react-app محیط توسعه ی برنامه های ریکتی رو آماده کنیم و با jsx آشنا بشیم و یه کوچولو هم توی ریکت کد بزنیم.
شروع کار با react
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - creat-react-app
02 - react project structure
03 - emmet plugin in react
04 - ?what is jsx
05 - jsx rules
06 - javascript in jsx
07 - ?why to use jsx
08 - example - website templete
09 - example - product card
دانلود فایل های این فصل
حالا بریم با یکی از مهم ترین مفاهیم توی react یعنی کامپوننت ها (component) آشنا بشیم.
کامپوننت ها (component) توی react
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - component concept
02 - component example
03 - nested component
04 - class component vs function component
05 - root comp - App.js
دانلود فایل های این فصل
حالا بریم سراغ موضوع جذاب و دوست داشتنی و هم چنین مهمِ props ، و ببینیم پراپ ها چه ارتباطی با component ها دارن
props توی کامپوننت
برای مشاهده هر ویدئو روی عنوان ویدئو کلیک کنید
01 - user component example
02 - what is props
03 - props destructuring
04 - spread in props
05 - default props
06 - children props
07 - props in class component
08 - default props in class component
09 - card component with props
10 - conclusion
دانلود فایل های این فصل
حالا وقتش رسیده بریم سراغ طراحی یه پروژه با ریکت ، تا به صورت کامل موضوع component ها و prop ها رو درک کنیم ، و همچنین با ساختار پوشه بندی یه پروژه ریکتی به صورت استاندارد تر آشنا بشیم.
پروژه (تبدیل یه قالب سایت به یه پروژه ی ریکتی)
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - project introduction
02 - project structure
03 - header component
04 - about component
05 - service component - part1
06 - service component - part2
07 - blog component - part1
08 - blog component - part1
09 - footer component
حالا بریم و با رویداد ها (event) توی ریکت آشنایی پیدا کنیم ، ببینیم چطور میتونیم توی react رویداد ها رو مدیریت کنیم و با event object یا همون شی رویداد هم آشنا بشیم
رویداد ها (event) در react
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - react event vs js event
02 - click event in class component
03 - arrgument in event handler
04 - event object in react
فرم ها (form) یه بخش جدایی ناپذیر از وبسایت ها هستند و تقریبا سایتی پیدا نمیشه که از فرم ها توش استفاده نشده باشه ، پس بریم و با موضوع form ها توی react آشنا بشیم.
فرم ها (form) در react
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - input type text
02 - form select
03 - checkbox
04 - checkbox challenge
05 - radio button
بریم با یکی از مهم ترین موضوعات react یعنی state ها آشنا بشیم.
اِستیت (state) ها در react
برای دنلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - why use state
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - render , re-render
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - useState
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - react developer tools
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - useState - state type
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - useState - array in state
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - useState - object in state
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
خب بریم سراغ رندر شرطی یا همون conditional rendering توی ریکت
رندر شرطی (conditional rendering) در react
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - falsy and turthy vale
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - evaluate AND (&&) operator
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - conditional rendering example
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - conditional rendering example
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - counter challenge
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - counter challenge answer
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - function as props
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
حالا بریم یه مینی پروژه با هم انجام بدیم تا چیزایی که تا الان یاد گرفتیم رو در عمل ازش استفاده کنیم ، میخوایم یه ماشین حساب جمع و چور با هم طراحی کنیم تا به موضوع state ها کامل مسلط بشیم و مطالب جدیدی رو با انجام این مینی پروژه یاد بگیریم.
مینی پروژه ماشین حساب (calculator application)
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - intro mini project
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - html
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - css
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - useState for screen result
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - clear and c button
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - equal button
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - equal button
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
08 - dot button
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
09 - dot button
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
10 - useState vs regular variable
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
11 - install mathjs package
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
12 - package.json , package-lock.json
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
حالا بریم سراغ یکی از موضوعات به شدت پرکاربرد و مهم توی ریکت یعنی useEffect ، هوک useEffect یکی از هوک های خیلی پر کاربرد هست توی اپلیکیشن های ریکتی و توی این فصل یه آشنایی مقدماتی باهاش پیدا میکنیم ، و توی فصل های آینده با جزئیات بیشتر کاربرد هاش رو یاد میگیریم با هم.
آشنایی مقدماتی با useEffect در react
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - change className challenge
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - challenge answer
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - when to use useEffect
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - start with useEffect
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - useEffect - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - useEffect - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - useEffect - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
خب حالا بریم با لیست ها توی react و key prop توی لیست ها آشنا بشیم ، list ها توی ریکت یکی از موضوعات خیلی ساده و در عین حال پرکاربرد هستن که توی این فصل یاد میگیرم چطور لیست ها رو توی ریکت مدیریت کنیم.
lists and keys توی react
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - list in react
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - key prop in lists
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - tips for key prop
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - exercise
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
یکی از سوالاتی که زیاد پرسیده میشه اینه که چطور میتونیم از bootstrap توی ریکت استفاده کنیم؟ توی این فصل روش اصولی و درستِ استفاده از بوت استرپ توی react و استفاده از پکیج react-bootstrap رو واستون توضیح دادم.
استفاده از پکیج react-bootstrap در react
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - use from bootstrap in react
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - install bootstrap with npm
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - install react-bootstrap
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - importing component
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - accordion component
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - finall word
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
خب وقتش رسیده بریم سراغ یکی از مهم ترین فصل های دوره ریکت ، یعنی فصل آمـــــــــــــوزش مقدماتی پکیج react-router-dom ،توی این فصل یه مینی پروژه ساده رو به صورت spa (single page application) پیاده سازی میکنیم.
فصل بعد از این فصل هم در قالب یه پروژه عملی مباحث پیشرفته ی react-router-dom رو بهتون آموزش میدم.
آموزش react-router-dom مقدماتی + مینی پروژه
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - intro
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - spa vs mpa
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - react-router-dom install
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - route - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - route - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - navbar component
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - error 404
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
08 - NavLink - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
09 - NavLink - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
خب بریم با هم یه پروژه spa رو پیاده سازی کنیم که از تمام مفاهیمی که تا الان یاد گرفتیم به صورت ترکیبی استفاده کنیم و همچنین با انجام این پروژه مفاهیم خیلی پیشرفته react-router-dom رو یاد میگیریم با هم.
پروژه spa + مفاهیم پیشرفته react-router-dom
برای دانلود هر ویدئو روی عنوان ویدئو کلیک کنید
01 - intro
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - install packages
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - project structer
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - pages
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - routes
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - fonts
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - navbar component - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
08 - navbar component - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
09 - home page - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
10 - home page - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
11 - home page - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
12 - footer component
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
13 - useParam - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
14 - useParam - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
15 - useParam - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
16 - about page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
17 - nesting route
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
18 - nesting route
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
19 - nesting route - OutLet
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
20 - nesting route - useRoutes
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
21 - Navigate component
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
22 - private vs public Route
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
23 - private routes
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
24 - login page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
25 - login page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
26 - sweetalert package
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
27- useNavigate hook
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
28 - login & logout - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
29 - login & logout - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
30 - question
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
بریم سراغ مبحث جذاب api و کار کردن با api و همچنین آشنایی با دو پکیج axios و json-server و آشنایی با متد های GET و POST و PUT و DELETE و PATCH
fetch api , axios , json-server
برای دانلود هر ویدئو روی عنوان هر ویدئو کلیک کنید
01 - intro
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - what is api
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - what is json
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - working with api
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - working with api
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - json-server package
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - http get method
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
08 - http post method
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
09 - http delete method
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
10 - http patch method
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
11 - http put method
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
12 - axios package
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
13 - conclusion
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
بریم سراغ یه پروژه که توش مباحث فصل قبل رو در عمل به کار بگیریم و بهش مسلط بشیم
پروژه با api
برای دانلود هر ویدئو روی عنوان هر ویدئو کلیک کنید
01 - intro
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - project structer
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - fonts
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - install packages
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - react-icons package
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - json-server package
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - routes
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
08 - navbar component
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
09 - ArticleItem component
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
10 - Home page - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
11 - Home page - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
12 - AddArticle Page - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
13 - AddArticle Page - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
14 - AddArticle Page - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
15 - AddArticle Page - part4
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
16 - AddArticle Page - part5
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
17 - AddArticle Page - part6
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
18 - AddArticle Page - part6
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
19 - Article Page - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
20 - Article Page - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
21 - Article Page - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
22 - Article Page - part4
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
23 - Article Page - part5
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
24 - Article Page - part6
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
25 - Article Page - part7
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
26 - EditArticle Page - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
27 - EditArticle Page - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
28 - EditArticle Page - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
29 - EditArticle Page - part4
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
و اما بریم با هوک های (react hooks) مهم ریکت آشنا بشیم
هوک ها در ریکت (reack hooks)
برای دانلود هر ویدئو روی عنوان هر ویدئو کلیک کنید
01 - intro
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - rules of hooks
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - useContext - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - useContext - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - useContext - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - useRef - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - useRef - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
08 - useRef - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
09 - useState - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
10 - useState - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
11 - useState - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
12 - useState - part4
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
13 - useEffect - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
14 - useEffect - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
15 - useEffect - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
16 - useEffect - part4
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
17 - useEffect - part5
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
18 - useMemo part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
19 - useMemo part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
20 - useMemo part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
21 - useMemo part4
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
22 - memo
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
23 - memo vs useMemo
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
24 - primitive vs reference values
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
25 - useCallback part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
26 - useCallback part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
حالا که توی فصل قبل با پر کاربرد ترین هوک های ریکت آشنا شدیم وقتش رسیده با موضوع هوک های سفارشی (custom hook) آشنا بشیم.
هوک های سفارشی (custom hooks)
برای دانلود هر ویدئو روی عنوان هر ویدئو کلیک کنید
01 - useCounter
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - useFetch part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - useFetch part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - useFetch part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - useFetch part4
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
حالا بریم یاد بگیریم چطور میتونیم پروژه ریکتی که ساختیم رو روی سرور deploy کنیم
deploy کردن پروژه روی سرور
برای دانلود هر ویدئو روی عنوان هر ویدئو کلیک کنید
01 - liara intro
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - deploy on liara part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - deploy on liara part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - deploy on liara part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
نوبتی هم باشه نوبت میرسه به آموزش صفحه بندی (pagination) توی ریکت
صفحه بندی (pagination) در یکت
برای دانلود هر ویدئو روی عنوان هر ویدئو کلیک کنید
01 - intro
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - install react-paginate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - work with react-paginate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - work with react-paginate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - work with react-paginate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - work with react-paginate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - work with react-paginate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
08 - work with react-paginate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
09 - work with react-paginate
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
توی فصل های قبل یاد گرفتیم چطور میتونیم با api ارتباط برقرار کنیم و واسه ساخت یک api فیک از پکیج json-server استفاده کردیم ، توی این فصل میخوایم با یک api واقعی کار کنیم و بهتر درک کنیم ارتباط بین front-end و back-end چطور برقرار میشه و توی پروژه های واقعی دقیقا چه اتفاقی میوفته
پروژه با back-end واقعی
برای دانلود هر ویدئو روی عنوان هر ویدئو کلیک کنید
01 - intro
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
02 - typeof database
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
03 - install xampp
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
04 - create database
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
05 - api setup
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
06 - api docs - part1
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
07 - api docs - part2
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
08 - api docs - part3
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
09 - Home Page Refactor
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
10 - Article Page Refactor
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
11 - delete article
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
12 - add article
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
13 - edit article
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
14 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
15 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
16 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
17 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
18 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
19 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
20 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
21 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
22 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
23 - Articles Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
24 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
25 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
26 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
27 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
28 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
29 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
30 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
31 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
32 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
33 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
34 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
35 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
36 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
37 - Home Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
38 - create courses table
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
39 - api setup
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
40 - api docs
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
41 - CourseItem Component
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
42 - CourseItem Component
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
43 - CourseItem slider
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
44 - Courses Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
45 - Courses Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
46 - Courses Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
47 - Courses Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
48 - Courses Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
49 - Courses Page
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
قیمت :
3,499,000 تومان
87.73k بازدید 76 دیدگاه
میلاد بهرامی
برنامه نویس و توسعه دهنده وب
دسته: برنامه نویسی سایت