ReactJS 2022
Khóa học Chinh Phục Reactjs: Trở Thành Chuyên Gia Front-End là chương trình đào tạo chuyên sâu giúp bạn hiểu rõ và làm chủ phát triển ứng dụng web hiệu quả. Khóa học bắt đầu từ các khái niệm cơ bản như components, state, và props, sau đó chuyển sang các chủ đề nâng cao như routing, quản lý trạng thái, và kết hợp React với các công nghệ khác như RedUX. Bạn sẽ được thực hành chi tiết thông qua việc xây dựng các ứng dụng thực tế, giúp áp dụng kiến thức vào các dự án thực tế. Khóa học ReactJS cung cấp lộ trình toàn diện để bạn trở thành một nhà phát triển React kỹ thuật cao.
5
(0)
F8 VN
What you'll learn
Nắm vững các khái niệm React như components, state, props, routing, quản lý trạng thái, và RedUX
Hiểu cách thức hoạt động của React và áp dụng kiến thức vào thực tế
Khả năng xây dựng các ứng dụng web React hoàn chỉnh
Skills you'll gain
Lập trình JeactJSCourse content
0 sections
•
0 Lessons
•
0h 0m
Expand all section
ReactJS 2022 1
5 Lesson
•
61 minutes 43 seconds
ReactJS là gì? Tại sao nên học ReactJS?10:41
SPA/MPA là gì?22:20
Arrow function trong Javascript ES608:37
Module trong javascript ES614:50
Enhanced object literals trong javascript ES605:15
ReactJS 2022 2
5 Lesson
•
55 minutes 06 seconds
Spread trong javascript ES613:57
Destructuring trong javascript ES613:20
document.createElement() để làm gì?10:02
Video bổ sung: Lưu ý! React đã có version 1802:56
Thêm React vào Website? Github, NPMJS, UNPKG là gì?14:51
ReactJS 2022 3
5 Lesson
•
62 minutes 18 seconds
React.createElement() nữa là sao?14:31
React-DOM là gì? Tại sao cần React-DOM?11:09
Video bổ sung: Sử dụng ReactDOM Version 1807:03
JSX là gì? Tại sao cần JSX?15:59
JSX render Arrays | JSX FQA13:36
ReactJS 2022 4
5 Lesson
•
102 minutes 05 seconds
React element types | React components14:13
Props là gì? Dùng props khi nào?25:42
DOM events? Làm việc với JSX #113:58
Tạo Components linh hoạt? Làm việc với JSX #226:07
Children props & Render props? Làm việc với JSX #322:05
ReactJS 2022 5
5 Lesson
•
63 minutes 39 seconds
NodeJS là gì? Tại sao phải sử dụng NodeJS trong khóa ReactJS?11:39
Video bổ sung: Cài đúng React & ReactDOM 17 ở bài sau02:13
Tạo dự án với React + Webpack31:15
Nâng cấp React & ReactDOM từ 17 lên 1804:19
Create React App14:13
ReactJS 2022 6
5 Lesson
•
104 minutes 37 seconds
NPM, NPX và YARN là gì?31:31
CRA Folder Structure12:37
Hooks là gì? Giới thiệu React Hooks12:31
useState trong React hook | React hook 202119:51
Two-way binding | React hooks 202128:07
ReactJS 2022 7
5 Lesson
•
75 minutes 17 seconds
Todolist with useState() | React hooks 202115:08
Mounted & Unmounted?05:37
React useEffect hook chi tiết cho người mới24:50
useEffect with dependencies | React hooks 202113:03
useEffect() with DOM events16:39
ReactJS 2022 8
5 Lesson
•
66 minutes 40 seconds
useEffect() with timer functions09:03
useEffect() with preview avatar12:31
useEffect() with fake Chat App18:46
useLayoutEffect() hook? | React hooks 202108:45
useRef() hook17:35
ReactJS 2022 9
5 Lesson
•
69 minutes 51 seconds
React.memo() HOC11:00
useCallback() hook10:12
useMemo() hook11:06
useReducer() hook15:58
Todo App with useReducer() hook21:35
ReactJS 2022 10
5 Lesson
•
95 minutes 06 seconds
useReducer() recap | React hooks 202118:18
React Context & useContext() hook18:52
Global State with Context + useReducer28:54
useImperativeHandle() hook16:45
Sử dụng CSS trong dự án ReactJS12:17
ReactJS 2022 11
5 Lesson
•
51 minutes 40 seconds
CSS module là gì? Dùng NTN?14:51
Thư viện clsx và classnames?12:12
Install SASS để dùng SCSS?05:23
React Router V6 | Định tuyến trong ReactJS15:07
Giới thiệu dự án Tiktok Clone | Thực hành khóa ReactJS tại F804:07
ReactJS 2022 12
5 Lesson
•
58 minutes 51 seconds
Tạo dự án Tiktok và đẩy lên Github | Thực hành ReactJS tại F810:22
Cài đặt customize-cra để tuỳ chỉnh cấu hình Webpack | Thực hành ReactJS với dự án Tiktok06:43
Cài đặt babel plugin module resolver | Thực hành dự án Tiktok với ReactJS19:29
Cài đặt và cấu hình Prettier trên VS Code08:18
Cấu hình sử dụng CSS, SASS | Thực hành dự án Tiktok Clone tại F813:59
ReactJS 2022 13
5 Lesson
•
218 minutes 30 seconds
Cấu hình Router và xây dựng cơ chế tải Layout cho dự án Tiktok tại F837:15
Dựng khung DefaultLayout dự án Tiktok | Thực hành ReactJS tại F823:02
Xây Dựng UI Phần Header Dự Án Tiktok #1 | Thực Hành ReactJS Tại F858:52
Xây Dựng UI Phần Header Dự Án Tiktok #2 | Thực Hành ReactJS Tại F844:09
Xây Dựng UI Phần Header Dự Án Tiktok #3 | Thực Hành ReactJS Tại F855:12
ReactJS 2022 14
5 Lesson
•
181 minutes 31 seconds
Xây Dựng UI Phần Header Dự Án Tiktok #4 | Thực Hành ReactJS Tại F842:27
Xây Dựng UI Phần Header Dự Án Tiktok #5 | Thực Hành ReactJS Tại F835:37
Xây Dựng UI Phần Header Dự Án Tiktok #6 | Thực Hành ReactJS Tại F838:25
Xây Dựng UI Phần Header Dự Án Tiktok #7 | Thực Hành ReactJS Tại F834:24
Xây Dựng Logic Phần Header Dự Án Tiktok #1 | Thực Hành ReactJS Tại F830:38
ReactJS 2022 15
5 Lesson
•
152 minutes 24 seconds
Xây Dựng Logic Phần Header Dự Án Tiktok #2 | Thực Hành ReactJS Tại F838:06
Xây Dựng Logic Phần Header Dự Án Tiktok #3 | Thực Hành ReactJS Tại F815:01
Tìm Hiểu Và Sử Dụng Thư Viện Axios Trong Dự Án ReactJS36:28
Sửa Lỗi Và Hoàn Thiện Phần Header #126:53
Sửa Lỗi Và Hoàn Thiện Phần Header #235:56
ReactJS 2022 16
5 Lesson
•
103 minutes 55 seconds
Tái Cấu Trúc Và Tối Ưu Code #128:59
Tìm Hiểu Thư Viện PropTypes Trong React14:58
Áp Dụng PropTypes Vào Dự Án Tiktok21:09
Khắc Phục Vấn Đề Nhiều File Index.js12:40
Tối Ưu Header Dự Án Tiktok phần cuối #final26:09
ReactJS 2022 17
3 Lesson
•
127 minutes 09 seconds
Xây Dựng UI Phần Sidebar #148:36
Xây dựng UI phần sidebar #236:21
Xây dựng UI phần sidebar #342:12
Instructor
F8 VN
Review
5
0 Review
5
(0)
4
(0)
3
(0)
2
(0)
1
(0)
_1707189345290.png)
_1707189407137.png){kind=icon}
Resources
General policies & support
Scan to join Medoo's community
Copyright © Medoo | All right reserved
The website is running in test mode, waiting for licensing from the Ministry of Industry and Trade.