Click chuột lên hình để phóng to
Chia sẻ khóa học hướng dẫn học ReactJS cho người mới bắt đầu Hậu Nguyễn
Giới thiệu khóa học Khóa học gồm các phần : Khởi tạo dự án từ đầu với create-react-app Hướng dẫn setup Github + tự động deploy lên Ver...
Thông tin chi tiết
Giới thiệu khóa học
Khóa học gồm các phần :Khởi tạo dự án từ đầu với create-react-appHướng dẫn setup Github + tự động deploy lên VercelHọc kiến thức cơ bản qua các modules để hiểu được cách hoạt động của từng module.Kết hợp phần kiến thức trên vào dự án thực tế.Thấu hiểu việc khó khăn khi theo đuổi một khoá học dài lang mang, nên mình đã nỗ lực tinh gọn phần lý thuyết, để mọi người nắm được ý cơ bản xong vào ngay phần thực hành. Hi vọng mọi người sẽ hứng thú hihiKHÓA HỌC PHÙ HỢP VỚIBạn cần một khoá học ReactJS ngắn gọn, tập trung vào thực hành và kinh nghiệm thực chiến.Bạn mới tìm hiểu về ReactJS, giờ muốn hiểu rõ hơn về nó.Bạn đã biết ReactJS nhưng thiếu kinh nghiệm tổ chức cũng như ứng dụng vào thực tế.LỢI ÍCH KHI THAM GIA KHÓA HỌCKiến thức nền tảng của ReactJSQuản lý form hiệu quả với React Hook FormLàm giao diện nhanh và đơn giản với Material UIQuản lý state với Redux ToolkitThiết kế và triển khai API cho một dự án thực tếCách tổ chức files và folders như thế nào để dễ quản lýTự tay cài đặt phần đăng nhập, đăng ký cho dự án (điều mà những bạn mới ít có cơ hội được làm)Cùng mình code một dự án Shopping Cart để các bạn thấy được việc vận dụng kiến thức vào thực hành như thế nào.NỘI DUNG KHÓA HỌC19 sections • 159 lectures • 16h 50m total length
Expand all sections
Tổng quan về ReactJS 5 lectures • 11min
React là gì?
05:16
4 cách khác nhau để code ReactJS
05:06
Tham khảo lộ trình học ReactJS cho người mới
00:09
Tải slides của khoá học
00:15
Tham gia nhóm chat Discord
00:10
Cài đặt môi trường làm việc 4 lectures • 22min
Cài đặt và cấu hình cho VSCode
05:23
Cài đặt và cấu hình cho Git
04:03
Tạo ReactJS project với Create React App
06:27
Cấu trúc folder của ReactJS project
06:31
Setup auto deploy với Vercel 5 lectures • 22min
2 cách khác nhau để clone một Github repository
03:33
Tạo SSH key dưới local
05:09
Thêm SSH key vào tài khoản Github
03:07
Push code lần đầu lên Github
04:57
Cấu hình auto deploy với Vercel
05:43
Tổng quan về component 8 lectures • 33min
JSX - Cú pháp được sử dụng trong ReactJS
04:32
Mount component lên DOM với ReactDOM.render()
02:58
Component - Trung tâm vũ trụ của ReactJS
04:11
Phân biệt giữa Container và Presentational component
05:06
Bài tập phân tích cây component 1
04:16
Bài tập phân tích cây component 2
04:51
Bài tập phân tích cây component 3
06:22
Luyện tập phân tích cây component
00:21
Props và Composition 6 lectures • 52min
Props là gì? Composition là gì?
06:33
Props type checking
08:08
Render elements in reactjs
10:28
Folder structure
06:48
Lab: TodoList
08:31
Lab: AlbumList
11:21
State và dữ liệu trong ReactJS 4 lectures • 33min
State là gì?
08:10
Lab: Active Todo
15:34
Lab: Filter Todo
05:58
So sánh giữa Props và State
03:33
Component life cycles 6 lectures • 23min
Tổng quan về các life cycles
05:53
constructor()
02:15
componentDidMount()
03:36
componentWillUnmount()
03:37
componentDidUpdate()
03:23
Fix error cant setState on unmounted component
03:59
Tổng quan về react hooks 6 lectures • 59min
Xem thêm series hooks trên kênh Easy Frontend
00:16
Tổng quan về hooks
08:30
useState() - Những điều cần biết
12:03
useEffect() - Những điều cần lưu ý
14:07
Custom hook là gì?
10:41
useCallback vs useMemo
13:29
Routing trong ReactJS 11 lectures • 54min
Tổng quan về routing trong ReactJS
03:57
Tạo routing cho từng feature
05:38
Sự khác biệt giữa Link và NavLink
05:40
Sự khác biệt giữa Route và Switch
03:54
Giới thiệu route matching
06:08
Tạo redirect rule với Redirect
03:59
Routing hooks
03:10
Nested routing
07:27
Not Found
03:56
Sync filters to URL params
04:01
Sync state to URL
06:31
Prettier và Material UI 3 lectures • 8min
Config Prettier đơn giản
04:21
Lưu ý: Material UI nay đã release version 5
00:13
Cài đặt thư viện Material UI
03:02
GIẢNG VIÊN : HẬU NGUYỄNVui vẻ, thân thiện với mọi người.Thích công nghệ, đặc biệt là mảng Frontend.Sở thích: nghe nhạc, đi du lịch và học công nghệ mới!Hiện mình đang sở hữu một kênh Youtube Easy Frontend chia sẻ về kiến thức lập trình mảng frontend. Hiện đã được hơn 12000 subscribers.
19 sections • 159 lectures • 16h 50m total length
Expand all sections
Tổng quan về ReactJS 5 lectures • 11min
React là gì?
05:16
4 cách khác nhau để code ReactJS
05:06
Tham khảo lộ trình học ReactJS cho người mới
00:09
Tải slides của khoá học
00:15
Tham gia nhóm chat Discord
00:10
Cài đặt môi trường làm việc 4 lectures • 22min
Cài đặt và cấu hình cho VSCode
05:23
Cài đặt và cấu hình cho Git
04:03
Tạo ReactJS project với Create React App
06:27
Cấu trúc folder của ReactJS project
06:31
Setup auto deploy với Vercel 5 lectures • 22min
2 cách khác nhau để clone một Github repository
03:33
Tạo SSH key dưới local
05:09
Thêm SSH key vào tài khoản Github
03:07
Push code lần đầu lên Github
04:57
Cấu hình auto deploy với Vercel
05:43
Tổng quan về component 8 lectures • 33min
JSX - Cú pháp được sử dụng trong ReactJS
04:32
Mount component lên DOM với ReactDOM.render()
02:58
Component - Trung tâm vũ trụ của ReactJS
04:11
Phân biệt giữa Container và Presentational component
05:06
Bài tập phân tích cây component 1
04:16
Bài tập phân tích cây component 2
04:51
Bài tập phân tích cây component 3
06:22
Luyện tập phân tích cây component
00:21
Props và Composition 6 lectures • 52min
Props là gì? Composition là gì?
06:33
Props type checking
08:08
Render elements in reactjs
10:28
Folder structure
06:48
Lab: TodoList
08:31
Lab: AlbumList
11:21
State và dữ liệu trong ReactJS 4 lectures • 33min
State là gì?
08:10
Lab: Active Todo
15:34
Lab: Filter Todo
05:58
So sánh giữa Props và State
03:33
Component life cycles 6 lectures • 23min
Tổng quan về các life cycles
05:53
constructor()
02:15
componentDidMount()
03:36
componentWillUnmount()
03:37
componentDidUpdate()
03:23
Fix error cant setState on unmounted component
03:59
Tổng quan về react hooks 6 lectures • 59min
Xem thêm series hooks trên kênh Easy Frontend
00:16
Tổng quan về hooks
08:30
useState() - Những điều cần biết
12:03
useEffect() - Những điều cần lưu ý
14:07
Custom hook là gì?
10:41
useCallback vs useMemo
13:29
Routing trong ReactJS 11 lectures • 54min
Tổng quan về routing trong ReactJS
03:57
Tạo routing cho từng feature
05:38
Sự khác biệt giữa Link và NavLink
05:40
Sự khác biệt giữa Route và Switch
03:54
Giới thiệu route matching
06:08
Tạo redirect rule với Redirect
03:59
Routing hooks
03:10
Nested routing
07:27
Not Found
03:56
Sync filters to URL params
04:01
Sync state to URL
06:31
Prettier và Material UI 3 lectures • 8min
Config Prettier đơn giản
04:21
Lưu ý: Material UI nay đã release version 5
00:13
Cài đặt thư viện Material UI
03:02
Chia sẻ khóa học hướng dẫn học ReactJS cho người mới bắt đầu Hậu Nguyễn
 |
| Chia sẻ khóa học hướng dẫn học ReactJS cho người mới bắt đầu Hậu Nguyễn |