Хичээлүүд

1. 34:36
   Энэ сургалтаар та юу сурч эзэмших вэ?
2. 33:18
   React гэж юу вэ? React-ийн түүх, React-ийг яагаад сурах ёстой вэ?
3. 32:04
   React-ийн цаана байх философи : Declarative, Reactive, Virtual DOM ойлголтууд
4. 25:09
   React-ийн цаана байх философи : UI Library
5. 31:48
   DOM, SSOM гэж юу вэ? DOM parsing процессийн цаана юу болдог вэ? Яагаад вэб гарч ирэх гэж уддаг вэ?
6. 18:25
   React-ийн цаана байх философи : Үнэний нэг эх үүсвэр
7. 30:07
   React-ийн цаана байх философи : Өгөгдлийн нэг чигт урсгал
8. 36:02
   Хамгийн анхны React апп #1-р хэсэг! Роботуудын хайлтын апп, codesandbox.io танилцуулга
9. 12:51
   Хамгийн анхны React апп #2-р хэсэг! card компонент, хайлт гүйцэтгэх, хэлбэржүүлэлт дуусгах
10. 20:45
    Хамгийн анхны React апп #3-р хэсэг! Хайлт хийх
11. 07:11
    codesandbox.io ашиглан кодыг fork хийж хадгалж авах
12. 30:18
    VS Code editor суулгах, тохируулах
13. 15:13
    VS Code Extension суулгах, тохируулах
14. 30:55
    git гэж юу вэ? gitbash суулгах
15. 29:13
    git үндсэн командууд, git init, status, add, commit, checkout, push, pull командууд
16. 18:41
    git тохиргоо, github холбох
17. 17:36
    NodeJS, npm гэж юу вэ?
18. 33:34
    Creacte-react-app ашиглан project үүсгэх, npx, npm ашиглах
19. 24:15
    Онлайн бургер захиалгын аппын CSS-ийг бичицгээе!
20. 24:17
    Класс ашиглан компонент бичих /код хавсаргасан/
21. 29:08
    Функц ашиглан компонент бичиж үзэх /хичээлийн файлыг хавсаргасан/
22. 15:08
    Компонент гэж юу вэ? Түүний үүрэг, бүтэц
23. 25:05
    Компонентод болон React вэб сайтад CSS хэлбэржүүлэлт хийх нь, build процессийн цаад дүр төрх
24. 17:34
    Функц компонент дотор useState hook ашиглан дотоод төлөвтэй ажиллах, default болон named export
25. 13:56
    Классын амьдарлын циклийн функцүүдтэй танилцая : componentDidUpdate ...
26. 15:45
    React компонентууд хэзээ, хэрхэн РЕНДЕР хийгддэг вэ
27. 17:23
    React developer tool-тэй танилцах, классын байгуулагч функцэд props дамжуулах шаардлагатай юу?
28. 13:31
    React компонентууд яаж RENDER хийгдэж байгааг код дээр харцгаая
29. 23:53
    Амьдарлын циклийн функцүүдийг кодоор туршиж үзэцгээе, Comment-ийг хаах товч нэмэх
30. 16:06
    Сургалтаар хийх апптайгаа танилц : Онлайн бургер захиалгын SPA
31. 14:53
    Онлайн бургер захиалгын аппын компонентуудыг төлөвлөе !
32. 18:21
    Burger Project үүсгэж хавтаснуудын зохион байгуулалтыг хийх
33. 23:16
    CSS Module ашиглах, Toolbar компонентийг хэлбэржүүлэх
34. 07:36
    Burger болон BurgerIngredient компонентуудыг хөгжүүлэх
35. 17:12
    Burger болон BurgerIngredient компонентуудын CSS хэлбэржүүлэлт
36. 26:06
    Хачиртай талхны орцыг динамикаар дүрслэх нь
37. 34:25
    Хачиртай талхны орцыг оруулах BuildControls, BuildControl компонентийг бичих
38. 16:19
    Орцыг хасах товч, захиалсан бургерийн үнийн дүнг үзүүлэх хэсгийг хийцгээе!
39. 06:06
    Захиалгын нийт дүнг үзүүлэх
40. 22:44
    Захиалга хийх товчийг нэмэх, кодын нэмэлт засварууд
41. 12:59
    Захиалгыг баталгаажуулах модал цонхыг хийцгээе!
42. 14:14
    Модал дотор OrderSummary компонентийг хийцгээе!
43. 18:40
    Модал цонхыг динамикаар гаргаж ирэх
44. 15:10
    Shadow компонентийг бичиж Модал цонхонд оруулцгаая
45. 15:16
    Button компонентийг бичиж OrderSummary компонентод ашиглацгаая
46. 14:51
    Logo компонентийг хийж Toolbar компонентод ашиглах, serve ашиглан production build кодыг ажиллуулах
47. 17:32
    Цэс буюу Menu, MenuItem компонентууыг програмчилцгаая
48. 18:01
    SideBar компонентийг програмчилцгаая
49. 20:19
    SideBar компонентыг анимацитайгаар гаргаж ирэх, App компонентийг класс компонент рүү хөрвүүлэх
50. 18:25
    HamburgerMenu компонентийг бичих, Shadow дээр дарахаар SideBar арилгах
51. 42:44
    Firebase гэж юу вэ буюу SERVERLESS програмчлалын эринд тавтай морил!
52. 24:10
    Firebase дээр project үүсгээд axios ашиглан анхныхаа захиалгыг хадгалж үзэцгээе!
53. 22:53
    Firebase базаас axios ашиглан захиалгыг уншиж авах, хачиртай талхыг сэрвэр дээрх захиалгаар буцааж угсрах
54. 22:14
    Firebase базаас унших, бичих үед Spinner үзүүлэх
55. 23:33
    Хэрхэн хуудас хооронд шилжих вэ, React Router танилцуулга
56. 28:03
    1234.mn сургалтын сайтыг React ашиглан бүтээх нь, 1234.mn платформын Backend service-үүдтэй танилцах, тэдгээрийг дуудах
57. 26:32
    1234.mn сургалтын дэлгэрэнгүйг үзүүлэх Course компонентийг бүтээцгээе
58. 25:46
    OrdersPage, Order компонентуудыг бүтээх
59. 15:39
    Burger төсөлд React Router холбох, захиалгын хуудсыг линк дарж гаргах
60. 30:00
    ShippingPage компонент болон URL param дамжуулах, withRouter компонент, хэрхэн back хийх вэ
61. 26:01
    Contact компонентийг бичих, nested route ашиглах
62. 36:48
    ContactData компонентоос өгөгдлийг Firebase рүү хадгалах, компонент хооронд өгөгдөл дамжуулах
63. 08:34
    Хуудас/компонент хооронд шилжилт буюу history хэрхэн ажилладаг вэ?
64. 17:49
    PROPS DRILLING асуудалтай танилцая, Бургер дээр дуртай орцоо санал асуулгаар сонгох нь
65. 12:22
    React аппд төлөвийн зохицуулалт яагаад төвөгтэй байдаг вэ, шийдэл нь REDUX!
66. 29:36
    Аварга том систем бүтээц нууц ТААМАГЛАГДАХУЙЦ UI буюу PREDICTABLE UI
67. 38:16
    Аварга том систем бүтээц нууц ТААМАГЛАГДАХУЙЦ ӨГӨГДӨЛ буюу FLUX АРХИТЕКТУР болон REDUX төлөвийн менежмент системийн философи
68. 24:43
    REDUX архитектуртай дэлгэрэнгүй танилцая !
69. 17:45
    Хэрэв REDUX-ийг өөрсдөө бүтээвэл яаж хийх байсан бэ? Кодлож үзье!
70. 30:16
    REDUX суулгаж Burger төсөлд холбох, reducer үүсгэх BurgerPage компонентод Redux холболт хийж шалгах
71. 25:48
    Хачиртай талханд орц нэмэх BurgerReducer-ийг бичих
72. 22:23
    BurgerReducer-т хачиртай талхны орцыг хасах, бургерийн үнийг тооцоолох кодыг нэмэх BurgerActions.js файлыг бичих
73. 24:26
    BurgerPage компонентийг REDUX-аас салгаж Burger, OrderSummary, BuildControls, ShippingPage компонентуудыг REDUX-тай холбох өөрчлөлт
74. 16:38
    BurgerPage дээр ЗАХИАЛАХ товчийг ажилладаг болгох, зарим жижиг засваруудыг гүйцэтгэх
75. 11:38
    ShippingPage, ContactData компонентийг REDUX тай холбох
76. 16:30
    Middleware гэж юу вэ Анхны лог хийгч Middleware өөрсдөө бичиж үзэцгээе!
77. 09:42
    REDUX DEVTOOL суулгах ашиглах TIME TRIVEL DEBUGGING гэж юу вэ?
78. 36:12
    REDUX THUNK гэж юу вэ? OrderReducer, OrderAction бэлтгэх combineReducer ашиглан хоёр reducer-ийг нэгтгэн ажиллуулах
79. 27:20
    REDUX THUNK суулгах, захиалгыг THUNK ашиглан FIREBASE сэрвэрээс захиалгуудыг татаж авах
80. 13:31
    Захиалга хадгалах ACTION-уудыг үүсгэж ContactData компоненттой холбож турших
81. 23:55
    Захиалга хадгалах хэсгийн кодыг дуусгах: REDUCER-ийн кодыг бичиж өгөх
82. 18:33
    Burger аппдаа логин хийх бүртгүүлэх боломж нэмье Login, Signup компонентуудыг бэлтгэх
83. 18:31
    REST API BACK-END технологитой танилц FIREBASE REST сэрвис ашиглах
84. 23:52
    Signup компонентыг REDUX холболт хийж хэрэглэгчийг FIREBASE-д бүртгэе
85. 23:26
    Signup компонент дээр бүртгүүлэх үед үүсэх FIREBASE алдааг үзүүлэх, signupReducer бичих, Redirect компонент ашиглан шилжих
86. 20:58
    Login компонентийг REDUX-тай холбох , loginAction, loginReducer бичих
87. 24:13
    Логин хийсний дараах цэснүүдээ тохируулах, LOG_OUT action, reducer бичих
88. 25:40
    Хэрэглэгчийн зөвхөн өөрийнх нь захиалгыг шүүж харуулах, FIREBASE collection дээр индекс тавиж query илгээх
89. 13:08
    FIREBASE талд хамгаалалт тавих, token ашиглаж хамгаалалттай документууд руу хандах
90. 25:05
    Refresh хийхэд логин мэдээлэл алга болж байгаа асуудлыг шийдэх нь Token-ийг LocalStorage-д хадгалж ашиглах
91. 16:09
    SignupAction –ийг LocalStorage тэй холбох, аппын кодыг debug хийх
92. 30:01
    Токений хугацаа дуусахад автоматаар logout хийх нь, хугацаа нь дууссан токенийг шинэчлэх
93. 10:43
    Burger аппаа github дээр байрлуулж gitpage ашиглан онлайн болгох
94. 15:13
    Burger аппаа FIREBASE HOST дээр байрлуулж ажиллуулцгаая
95. 26:01
    REACT ертөнцөд супер боломж олгосон REACT HOOKS тэй танилц!
96. 21:21
    useState hook ашиглан Burger төслийн класс компонентуудыг функц компонент болгон хувиргацгаая
97. 27:02
    useEffect hooks гэж юу вэ, ажиллах зарчим Учир шалтгаан, үр дагаварын хууль :) ShippingPage, LoginPage компонентуудыг функц компонент болгон хөрвүүлэх
98. 14:03
    useEffect hooks ашиглан ContactData компонентийг функц компонент руу хөрвүүлэх
99. 37:26
    useEffect цэвэрлэгч функцийг ойлгох нь ContactData компонент дээр цэвэрлэгч функц ашиглах
100. 11:41
     useEffect ашиглан App, OrderPage, Logout компонентуудыг функц компонент руу хөрвүүлэх
101. 25:30
     useEffect hooks нэмэлт мэдээлэл, жижиг засвар, SignupPage өөрөөр бичиж үзэх
102. 07:04
     useRef hooks гэж юу вэ? Бургер төсөлд useRef ашиглан текстийн өнгийг солих
103. 10:27
     Javascript файлуудыг хэрэгтэй үед нь л ачаалах буюу React.lazy, Suspence ашиглан Lazy loading гүйцэтгэх
104. 24:16
     Context API гэж юу вэ? Context Provider болон useContext Hook хэрэглэн контекстээс унших, бичих
105. 14:30
     Context API болон useContext, useState hook хэрэглэн Burger компонентийг REDUX-аас hooks рүү шилжүүлцгээе!
106. 16:56
     App, Burger, BuildControl компонентуудыг REDUX-аас hooks рүү шилжүүлцгээе!
107. 15:40
     BurgerStore дээр үнэ, болон бусад төлөвүүдийг нэмэх, BuildControls компонентийг REDUX-с салгах
108. 25:44
     OrderSummary, ShipPage, ContactData компонентуудыг REDUX-с салгаж Context, Hooks рүү хөрвүүлэх
109. 21:24
     OrderPage компонентийг REDUX-с салгаж Context, Hooks рүү хөрвүүлэх
110. 06:36
     useHistory hooks хэрэглэн өөр route руу үсрэх
111. 20:22
     UserContext контекстийг бичиж SignupPage, App компонентуудыг хөрвүүлэх
112. 18:58
     LoginPage, Logout, Menu компонентуудыг REDUX-с салгаж контекст болон hooks рүү аппыг бүрэн шилжүүлж дуусгах
113. 08:31
     Өөрийн захиалгыг Firebase-с унших, бичих, автомат логинийг ажиллуулах
114. 13:13
     Апп эхлэх үед localStorage шалган автоматаар логин хийх
115. 18:33
     Токены хугацаа дуусахад автоматаар токеноо Firebase сэрвэрээс шинэчилж авдаг болгох
116. 16:15
     useMemo hooks ашиглан рендэр дээр оптимизаци хийх нь
117. 24:53
     REDUX VS Context + Hooks Аль нь дээр вэ? Цаашаа юу үзэх хэрэгтэй вэ?
118. 18:54
     AdminLTE темплэйтийг React сайтад холбож ашиглах нь
119. 19:37
     AdminLTE темплэйт бүхий React сайтад DataTable компонент хийцгээе!
120. 11:53
     DataTable-ийг 1234.mn сайтын рест апитай холбон, сүүлд нэмэгдсэн хичээлүүдийг үзүүлдэг болгох