ReactJS, Redux, NextJS & GraphQL To’liq Kurs. Real Loyihalar

30h

1-MODUL. ReactJS boshlang’ich ko’nikmalar

1-dars. Kurs Haqida (telegram guruh)
00:05:54

3-dars. Nimalar kerak bo’ladi
00:22:00

4-dars. Webstorm (tekin kupon)
5:37

7-dars. Sof React JS
00:11:45

8-dars. Mini loyiha
00:10:53

9-dars. JSX
00:08:42

10-dars. Amaliyot
00:07:48

11-dars. JSX hususiyatlari
00:17:14

12-dars. Ilovani modullarga bo’lish
00:07:05

13-dars. Shartli ko’rsatish
00:04:09

14-dars. Loader misoli
00:05:47

15-dars. Amaliyot
00:12:01

2-MODULE. Class reaktiv komponentlari & formalar bilan ishlash

3-MODULE. AMALIYOT. React JS film (React Movie)

4-MODULE. AMALIYOT. Twitter Clone (Analog)

5-MODULE. Funktsiya komponentlari & hooklar

6-MODULE. AMALIYOT. Vitrina

7-MODULE. Murakkab boshqaruv dastur holati (context)

8-MODULE. AMALIYOT. SPA dasturi

9-MODULE. Redux to’liq kurs

10-MODULE. NextJS & GraphQL

BONUS. AMALIYOT. Styled-Component. Calculator

BONUS. AMALIYOT. Bozor ro’yhati

BONUS. AMALIYOT. O’yin yasash

About Course

React JS «From 0 to Hero»: Eng mashhur JavaScript kutubxonani o’zlashtiring va amalda qo’llashni o’rganing!

Ushbu kurs ReactJS-ni chuqur o’rganishga qaratilgan, ammo asosiy maqsad – uni real loyida qo’llashdir.

Bu shuni anglatadiki, siz ishlash uchun material olasiz va birgalikda biz bosqichma-bosqich haqiqiy loyihalarni yaratamiz.

Nazariy yaxshi, ammo amaliyotsiz natija bo’lmaydi. Shuning uchun xar bir nazariy blog amaliyot bilan yakunlanadi, u erda siz dastur, sayitdagi interaktiv elementlar va hokazo. Ish uchun barcha materiallar ta’minlanadi.

React nima?

Foydalanuvchi interfeyslarini yaratish uchun JavaScript kutubxonasi.

Frontend hozirgi kunda talab qilinadigan kasblaridan biridir. Qiziqarli va o’ziga qaram qiladi. React – bu Facebook tomonidan ishlab chiqilgan eng mashhur kutubxona. Instagram, Facebook, Twitter, AirBnb, PayPal, Uber, Netflix, Vkontakte, Vimeo, Trello, Yandex xizmatlari va boshqa ko’plab yirik mahsulotlar React-da ishlab chiqarilgan.

-Biz portfolio-ga qo'shish mumkun bo'lgan va ularning asosida o'zingizni noyob loyihalaringizni amalga oshirishingiz mumkun bo'lgan 5 tadan ziyod xilma-xil loyihalar.
-Biz React bilan ishlashning asosiy ko'nikmalari - oddiy komponentlarni yaratish, dastur holatini va uning lifecycle jarayonini boshqarishni o'rganamiz
-Biz React bilan ishlashning mukammal ko'nikmalari - yaxshi natijaga erishish uchun zamonaviy usullarni o'rganamiz
-Bitta sahifa dasturini yaratish (SPA) - sayitga tashrif buyuruvchilarga brauzerda to'liq qayta yuklanmasdan sahifalar o'rtasida harakatlanish imkonini beradigan mashhur SPA-ilovalar yaratishni o'rganamiz
-Hamma mavjud bo'lgan hook (ilgaklarni) tahlil qilish va React dasturlari bilan ishalsh usulini o'zgartirgan o'zingizni ichki metodlaringizni yaratishni o'rganamiz
-Veb-ilovalarni yaratishda turli me'moriy yondashuvlarni o'rganamiz
-Biz boshqariladigan va boshqarilmaydigan komponentlarni o'rganamiz
-Biz class va funktsional komponentlarni o'rganamiz
-Va albatta, biz barcha o'tgan mavzularni haqiqiy loyihada mukammal o'zlashtiramiz

4.61 /5

Samar Badriddinov

4 Courses

4.76 /5

mainmain

27 Courses

Turli xil sohadagi kurslar

O'zingizga mos kategoriyadagi kursni tanlang va o'qishni boshlang

.NET

Anvar Narzullayev

Backend dasturlash

Bepul kurslar

Data Science

Database

DevOps

Farhod Dadajanov

ReactJS, Redux, NextJS & GraphQL To’liq Kurs. Real Loyihalar

Beginner

30h

148

Course content

1-MODUL. ReactJS boshlang’ich ko’nikmalar

1-dars. Kurs Haqida (telegram guruh)00:05:54

4-dars. Webstorm (tekin kupon)5:37

7-dars. Sof React JS00:11:45

8-dars. Mini loyiha00:10:53

9-dars. JSX00:08:42

10-dars. Amaliyot00:07:48

11-dars. JSX hususiyatlari00:17:14

12-dars. Ilovani modullarga bo’lish00:07:05

13-dars. Shartli ko’rsatish00:04:09

14-dars. Loader misoli00:05:47

15-dars. Amaliyot00:12:01

2-MODULE. Class reaktiv komponentlari & formalar bilan ishlash

17-dars. Komponent holati va boshqaruvi00:23:10

18-dars. Class komponentlarda metodlar yaratish00:6:02

19-dars. Amaliyot00:10:20

20-dars. Hayotiy tsikl tushunchasi va React komponenti00:42:54

21-dars. Amaliyot00:18:18

22-dars. To’plamlar va kalit atribut bilan ishlash00:8:57

23-dars. Props00:18:53

24-dars. Amaliyot00:12:14

25-dars. Formalar bilan ishlash va validation16:30

26-dars. Checkbox, radio va TextArea bilan ishlash15:38

27-dars. Amaliyot10:10

28-dars. CreateRef haqida batafsil12:55

29-dars. Boshqarib bo’lmaydigon forma6:29

3-MODULE. AMALIYOT. React JS film (React Movie)

30-dars. Tanishuv00:1:47

32-dars. Movie API bilan tanishuv00:7:16

33-dars. API Content Component (umumiy film royhatni yaratish)00:19:09

34-dars. Qidiruv tugmasini yasash00:17:48

35-dars. Kategoriya bo’yicha filtirlashni qo’shish00:16:55

36-dars. Muvaffaqiyatsiz qidiruvni boshqarish va Hostga joylash00:21:20

4-MODULE. AMALIYOT. Twitter Clone (Analog)

39-dars. Komponentlar xususiyatlari00:26:09

40-dars. Komponentlarni holatlari00:15:38

41-dars. Ma’lumotlarni bazadan o’chirish00:25:21

42-dars. Form bilan ishlash00:13:05

43-dars. Dataga ma’lumot qoshish00:46:07

44-dars. Qidiruv tizimi va filter00:40:03

5-MODULE. Funktsiya komponentlari & hooklar

45-dars. Funktsional komponentda ishlash00:24:58

46-dars. Funktsional komponent orqali hayot aylanishini boshqarish00:18:41

47-dars. Funktsional komponentda reflardan foydalanish00:7:40

48-dars. Amaliyot. Komponentlar00:26:00

49-dars. Amaliyot 1-qism00:11:29

50-dars. Amaliyot 2-qism00:7:49

51-dars. Hooks. useState, useEffect, useRef va useMemo1:38:36

52-dars. Hook useCallback va useContext35:00

53-dars. Hook useLayoutEffect7:54

54-dars. Hook useImperativeHandle25:55

55-dars. Hook useReducer25:01

56-dars. Maxsus hooklar15:47

57-dars. Hooklardan foydalanish shartlari5:33

58-dars. Amaliyot. Hook useReducer13:26

6-MODULE. AMALIYOT. Vitrina

59-dars. Loyiha bilan tanishuv00:3:23

60-dars. API bilan tanishuv00:13:27

61-dars. Loyihani tayyorlash, Header va Footer00:20:41

62-dars. Mahsulotlar ro’yhatini ko’rsatish00:37:14

63-dars. Buyurtma holati va Korzinka Belgisi00:17:06

64-dars. Buyurtma berish uchun mahsulotlarni qo’shish funktsiyasi00:22:10

65-dars. RemoveGoods Funktsiyasi00:32:52

66-dars. Savatdagi mahsulotlar sonini o’zgartirish00:11:55

67-dars. Mahsulotlarni qo’shish va o’chirish00:20:13

1-dars. Kurs Haqida (telegram guruh)
00:05:54

4-dars. Webstorm (tekin kupon)
5:37

7-dars. Sof React JS
00:11:45

8-dars. Mini loyiha
00:10:53

9-dars. JSX
00:08:42

10-dars. Amaliyot
00:07:48

11-dars. JSX hususiyatlari
00:17:14

12-dars. Ilovani modullarga bo’lish
00:07:05

13-dars. Shartli ko’rsatish
00:04:09

14-dars. Loader misoli
00:05:47

15-dars. Amaliyot
00:12:01

17-dars. Komponent holati va boshqaruvi
00:23:10

18-dars. Class komponentlarda metodlar yaratish
00:6:02

19-dars. Amaliyot
00:10:20

20-dars. Hayotiy tsikl tushunchasi va React komponenti
00:42:54

21-dars. Amaliyot
00:18:18

22-dars. To’plamlar va kalit atribut bilan ishlash
00:8:57

23-dars. Props
00:18:53

24-dars. Amaliyot
00:12:14

25-dars. Formalar bilan ishlash va validation
16:30

26-dars. Checkbox, radio va TextArea bilan ishlash
15:38

27-dars. Amaliyot
10:10

28-dars. CreateRef haqida batafsil
12:55

29-dars. Boshqarib bo’lmaydigon forma
6:29

30-dars. Tanishuv
00:1:47

32-dars. Movie API bilan tanishuv
00:7:16

33-dars. API Content Component (umumiy film royhatni yaratish)
00:19:09

34-dars. Qidiruv tugmasini yasash
00:17:48

35-dars. Kategoriya bo’yicha filtirlashni qo’shish
00:16:55

36-dars. Muvaffaqiyatsiz qidiruvni boshqarish va Hostga joylash
00:21:20

39-dars. Komponentlar xususiyatlari
00:26:09

40-dars. Komponentlarni holatlari
00:15:38

41-dars. Ma’lumotlarni bazadan o’chirish
00:25:21

42-dars. Form bilan ishlash
00:13:05

43-dars. Dataga ma’lumot qoshish
00:46:07

44-dars. Qidiruv tizimi va filter
00:40:03

45-dars. Funktsional komponentda ishlash
00:24:58

46-dars. Funktsional komponent orqali hayot aylanishini boshqarish
00:18:41

47-dars. Funktsional komponentda reflardan foydalanish
00:7:40

48-dars. Amaliyot. Komponentlar
00:26:00

49-dars. Amaliyot 1-qism
00:11:29

50-dars. Amaliyot 2-qism
00:7:49

51-dars. Hooks. useState, useEffect, useRef va useMemo
1:38:36

52-dars. Hook useCallback va useContext
35:00

53-dars. Hook useLayoutEffect
7:54

54-dars. Hook useImperativeHandle
25:55

55-dars. Hook useReducer
25:01

56-dars. Maxsus hooklar
15:47

57-dars. Hooklardan foydalanish shartlari
5:33

58-dars. Amaliyot. Hook useReducer
13:26

59-dars. Loyiha bilan tanishuv
00:3:23

60-dars. API bilan tanishuv
00:13:27

61-dars. Loyihani tayyorlash, Header va Footer
00:20:41

62-dars. Mahsulotlar ro’yhatini ko’rsatish
00:37:14

63-dars. Buyurtma holati va Korzinka Belgisi
00:17:06

64-dars. Buyurtma berish uchun mahsulotlarni qo’shish funktsiyasi
00:22:10

65-dars. RemoveGoods Funktsiyasi
00:32:52

66-dars. Savatdagi mahsulotlar sonini o’zgartirish
00:11:55

67-dars. Mahsulotlarni qo’shish va o’chirish
00:20:13

68-dars. Toast kutubxonasi va GitHub
00:14:10

69-dars. Context va Provider yaratish
00:13:50

70-dars. Reducer yaratish
00:27:41

72-dars. Sharh
00:11:24

* MUHIM *
00:10:00

71-dars. Barcha komponentlarni rekvizitlar o’rniga kontekstga o’tkazish
00:25:40

73-dars. Routing va SPA. Tanishuv
00:8:02

74-dars. Routing Asoslari va Komponent Link
00:24:03

75-dars. Hooks. useHistory, useParams, useLocation va useRouteMatch
00:14:04

76-dars. API
00:7:45

77-dars. API usullari (method)
00:14:16

78-dars. Kategoriya va Bosh sahifa
00:29:47

79-dars. Get Filter Category usuli (method)
00:18:27

80-dars. Recipe
00:38:20

81-dars. Search Panel
00:33:49

1-dars. Redux nima?
00:27:37

2-dars. Store nima. CreateStore
00:26:08

3-dars. Payload bilan ishlash
00:22:39

4-dars. Optimillashtirish. BindActionCreator method
00:20:54

5-dars. React bilan ishlash
00:16:50

6-dars. React & Redux ulash
00:31:18