معرفی پروژه - آکادمی آموزش آنلاین تخصصی برنامه نویسی

توضیحات

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

javascript جاوااسکریپت react ری اکت

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

آشنایی با react شامل 4 قسمت

1

معرفی react

رایگان 05:11

2

ایجاد پروژه react

رایگان 14:02

3

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

رایگان 15:45

4

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

رایگان 10:34
آشنایی با JSX شامل 3 قسمت

5

معرفی JSX

نقدی 04:42

6

قوانین JSX

نقدی 07:18

7

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

نقدی 09:08
stlye در react شامل 5 قسمت

8

افزودن فایل css

رایگان 06:43

9

افزودن فایل sass

نقدی 04:58

10

inline style

نقدی 03:22

11

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

رایگان 05:59

12

افزودن react-bootstrap

نقدی 05:56
event & props شامل 4 قسمت

13

event در react

نقدی 08:39

14

آشنایی با prop

نقدی 06:05

15

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

نقدی 03:17

16

prop (children)

نقدی 02:26
کار با form شامل 3 قسمت

17

input & textarea

نقدی 03:59

18

select box

نقدی 07:36

19

check box & radio

نقدی 09:18
هوک useState شامل 4 قسمت

20

آشنایی با useState

نقدی 12:49

21

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

نقدی 06:30

22

useState با object

نقدی 08:42

23

useState با array

نقدی 07:40
هوک useEffect شامل 5 قسمت

24

آشنایی با useEffect

نقدی 05:02

25

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

نقدی 04:39

26

cleanup

نقدی 11:53

27

fetch data بخش اول

نقدی 11:08

28

fetch data بخش دوم

نقدی 06:04
هوک useContext شامل 2 قسمت

29

آشنایی با context

نقدی 02:43

30

useContext

نقدی 09:53
هوک useReducer شامل 5 قسمت

31

useReducer بخش اول

نقدی 12:58

32

useReducer بخش دوم

نقدی 07:02

33

چندین reducer

نقدی 03:21

34

useReducer و useContext بخش اول

نقدی 07:58

35

useReducer و useContext بخش دوم

نقدی 12:54
هوک های useCallback و useMemo شامل 3 قسمت

36

React.memo

نقدی 11:44

37

useCallback

نقدی 06:38

38

useMemo

نقدی 10:37
useRef و custom hook شامل 2 قسمت

39

useRef

نقدی 04:39

40

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

نقدی 08:52
react router شامل 9 قسمت

41

توضیح SPA (single page application)

نقدی 05:37

42

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

نقدی 20:40

43

Link & NavLink

نقدی 20:24

44

basename & 404 page

نقدی 06:39

45

useParams

نقدی 06:37

46

useLocation

نقدی 04:32

47

Redirect & useHistory

نقدی 16:25

48

nested routing

نقدی 21:10

49

useRouteMatch

نقدی 10:44
پروژه spa شامل 12 قسمت

50

معرفی پروژه

رایگان 10:21

51

ایجاد header

نقدی 09:28

52

لیست کاربران

نقدی 15:02

53

آشنایی با react-devtools

نقدی 03:57

54

نمایش کاربر

نقدی 13:50

55

لیست پست ها

نقدی 05:33

56

نمایش پست

نقدی 04:11

57

ایجاد پست بخش اول

نقدی 10:45

58

ایجاد پست بخش دوم

نقدی 14:22

59

ویرایش پست

نقدی 18:01

60

حذف پست

نقدی 07:24

61

deploy (آپلود روی سرور)

نقدی 06:05
پروژه Todo شامل 13 قسمت

62

معرفی پروژه

رایگان 04:26

63

ایجاد header

نقدی 06:18

64

ایجاد context

نقدی 08:33

65

ایجاد reducer

نقدی 09:38

66

کتابخانه axios

نقدی 08:30

67

دریافت Todo ها

نقدی 15:41

68

نمایش Todo ها

نقدی 09:40

69

فیلتر Todo ها

نقدی 12:10

70

ایجاد Todo بخش اول

نقدی 05:51

71

ایجاد Todo بخش دوم

نقدی 11:40

72

ویرایش Todo

نقدی 14:25

73

حذف Todo

نقدی 11:12

74

deploy (آپلود روی سرور)

نقدی 04:55
redux شامل 7 قسمت

75

آشنایی با redux

رایگان 09:15

76

action

نقدی 05:22

77

reducer

نقدی 05:59

78

store

نقدی 06:20

79

چندین reducer

نقدی 07:20

80

async action

نقدی 08:04

81

میدلور thunk

نقدی 12:42
react-redux شامل 10 قسمت

82

معرفی react-redux

نقدی 04:54

83

action

نقدی 04:24

84

reducer

نقدی 03:24

85

store

نقدی 03:57

86

connect

نقدی 07:34

87

useSelector & useDispatch

نقدی 03:38

88

چندین reducer

رایگان 08:59

89

آشنایی با redux-devtools

نقدی 03:04

90

async action

نقدی 18:04

91

میدلور thunk

نقدی 08:28
پروژه سبد خرید شامل 12 قسمت

معرفی پروژه

رایگان 04:42

93

ایجاد header

نقدی 11:03

94

نصب redux

نقدی 04:31

95

لیست محصولات

نقدی 19:07

96

افزودن به سبد خرید بخش اول

نقدی 14:22

97

افزودن به سبد خرید بخش دوم

رایگان 09:23

98

نمایش سبد خرید

نقدی 12:56

99

ویرایش سبد خرید بخش اول

نقدی 08:38

100

ویرایش سبد خرید بخش دوم

نقدی 05:36

101

حذف از سبد خرید

نقدی 12:03

102

ذخیره سبد خرید در localStorage

نقدی 09:20

103

deploy (آپلود روی سرور)

نقدی 13:10
ری اکت ورژن 18 شامل 3 قسمت

104

آشنایی با ویژگی های ورژن 18

رایگان 16:28

105

suspense در ری اکت

رایگان 24:12

106

concurrent در ری اکت

رایگان 18:06

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

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

مدت دوره 16:08:35

تعداد ویدیو 106

وضعیت دوره : کامل شده

قیمت دوره : ~~399,000~~ 379,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 ساس

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

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

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

کامل شده

% 10 تخفیف

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

در این دوره با برنامه نویسی Asynchronous (ناهمگام) و Synchronous (همگام) و نحوه کارکرد آنها در دنیای جاوااسکریپت صحبت می...

~~149,000~~ 134,000 تومان

03:47:45

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

کامل شده

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

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

رایگان

02:19:59

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

کامل شده

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

اگر به تازگی وارد دنیای طراحی وب شده‌اید مطمئنا نام Sass یا پیش‌پردازنده‌ها را شنیده‌اید. اگر مطمئن نیستید که Sass چیست...

رایگان

02:28:26

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

کامل شده

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

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

رایگان

13:47:11

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

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

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

Mohammadreza khosravi
- 1 ماه پیش
- پاسخ به دیدگاه
سلام وقت بخیر
من به php تسلط خوبی دارم میخام برای فرانت از ریکت استفاده کنم به نظرتون پیشنهاد خوبی هست یا نه ممنون میشم راهنماییم کنید
- علی شیخ
  
  1 ماه پیش
  
  سلام وقت بخیر.
  این بستگی به شما داره یه وقت قصد کار در شرکت دارید باید برید ببینید شرکت ها بیشتر با چی کار میکنند
  اما در کل خوبه بعدش میتونید با فریمورکش یعنی next.js آشنا بشید از اون طرفم با فریمورک لاراول

payam sh
- 2 سال پیش
- پاسخ به دیدگاه
با سلام و خسته نباشید
آیا next.js فرق زیادی با react داره ؟ و به نظرتون خود react کافی نیست؟
- علی شیخ
  
  2 سال پیش
  
  سلام وقت بخیر.
  برای درک این موضوع واقعا نیاز هست که با هر دو آشنا بشید و یا در ابتدا با ری اکت بخوبی آشنا بشید و بعد از اون ویدیو معرفی و یا قسمت های رایگان دوره نکست را مشاهده کنید.