NỘI DUNG
Khóa học lập trình ReactJS cung cấp các kiến thức trọng tâm về ReactJS cũng như cách áp dụng ReactJS trong việc xây dựng các project chúng ta thường gặp trong thực tế.
Khóa học ReactJS tại ZendVN sử dụng tài liệu mới nhất ReactJS phiên bản 15.6.1, ngoài ra Chương 7 của khóa học sẽ tiến hành cập nhật thêm Project thực tế tổng hợp, sử dụng ReactJS phiên bản 16.x
Khóa học được xây dựng dựa trên các project thực tế, mỗi chương học là mỗi project, thông qua việc xây dựng các project này các bạn học viên sẽ được tiếp cận ngay với cách sử dụng ReactJS để giải quyết tình huống thực tế (hạn chế học các phần lý thuyết thừa và không áp dụng được vào công việc)
Khóa học hướng dẫn học viên các đọc và sử dụng tài liệu ReactJS mới nhất, giúp các bạn học viên tự tin hơn về khả năng đọc hiểu và vận dụng tài liệu vào công việc.
Khóa học tập trung 100% kiến thức về ReactJS và Project thực tế, không đề cập đến HTML CSS Javascript Bootstrap ES6, do đó các bạn cần chuẩn bị các kiến thức này trước khi tham gia khóa học ReactJS tại ZendVN
Khóa học lập trình ReactJS cung cấp các kiến thức trọng tâm về ReactJS cũng như cách áp dụng ReactJS trong việc xây dựng các project chúng ta thường gặp trong thực tế.
Với hơn 6 dự án thực tế được hướng dẫn xuyên suốt trong suốt khóa học, Chúng tôi tin chắc rằng bạn sẽ hoàn toàn chinh phục được ngôn ngữ lập trình ReactJS một cách bài bản và logic nhất.
dàn bài
Khóa học được xây dựng dựa trên kinh nghiệm làm dự án thực tế của ZendVN, ngoài ra trong suốt khóa học ZendVN sẽ hướng dẫn các bạn cách đọc và sử dụng tài liệu ở các website sau:
- Tài liệu tìm hiểu về ReactJS: https://facebook.github.io/react/
- Tài liệu tìm hiểu về Redux: http://redux.js.org/
- Tài liệu tìm hiểu về React Router: https://reacttraining.com/react-router/
Ngoài ra khóa học còn sử dụng các tài liệu từ trang Google, stackoverflow.com và các trang web khác.
- Bài 1 - Introduce và phân tích kiến thức 1 video1Free
Full video
- Bài 2 - ReactJS thông tin cần biết 6 video1Free
ReactJS
2FreeEnviroment
3FreeHello ReactJS 01
4FreeHello ReactJS 02
5FreeHello ReactJS 03
6FreeHello ReactJS 04
- Bài 3 - Tích hợp Bootstrap 1 video1Free
Full video
- Bài 4 - Xây dựng Component 4 video1Free
App
2FreeCourse
3FreeLesson
4FreeJSX
- Bài 5 - Sử dụng Props, Event, Ref và State 5 video1Free
Props 01
2FreeJSX Foreach
3FreeEvent
4FreeRef
5FreeState
- Bài 6 - Tìm hiểu LifeCycle 2 video1Free
Part 01
2FreePart 02
- Bài 7 - Hệ thống kiến thức và mở rộng 1 video1Free
Full video
- Bài 1 - Introduce và phân tích kiến thức 1 video1Free
Full video
- Bài 2 - Xây dựng và tích hợp giao diện 2 video1Free
Part 01
2FreePart 02
- Bài 3 - Phân chia Component của ứng dụng 2 video1Free
Part 01
2FreePart 02
- Bài 4 - Hiển thị danh sách các Item 4 video1Free
Mock data 01
2FreeMock data 02
3Freeuuid
4FreeShow Level
- Bài 5 - Form Toogle 3 video1Free
Add Task
2FreeClose Form
3FreeForm - Cancel
- Bài 6 - Xây dựng chức năng Search 5 video1Free
State strSearch 01
2FreeState strSearch 02
3FreeState strSearch 03
4FreeSearch 01
5FreeSearch 02
- Bài 7 - Xây dựng chức năng Sort 3 video1Free
Show Sort
2FreeHandle Sort
3FreeSort
- Bài 8 - Xây dựng chức năng Delete 2 video1Free
Part 01
2FreePart 02
- Bài 9 - Xây dựng chức năng Add 5 video1Free
Form - Text
2FreeForm - Select
3FreeForm - Checkbox
4FreeAdd 01
5FreeAdd 02
- Bài 10 - Xây dựng chức năng Edit 5 video1Free
Part 01
2FreePart 02
3FreePart 03
4FreePart 04
5FreePart 05
- Bài 11 - Sử dụng LocalStorage 2 video1Free
Part 01
2FreePart 02
- Bài 12 - Tối ưu ứng dụng 1 video1Free
Full video
- Bài 13 - Publish ứng dụng 2 video1Free
Part 01
2FreePart 02
- Bài 14 - Hệ thống kiến thức và mở rộng 1 video1Free
Full video
- Bài 1 - Introduce và phân tích kiến thức 1 video1
Full video
- Bài 2 - Xây dựng Tool Convert HTML to JSX 2 video1
React 16
2HTML to JSX
- Bài 3 - Sử dụng Redux 9 video1
TodoList on v16
2Why Redux
3Redux 01
4Redux 02
5Redux 03
6Redux 04
7Redux 05
8Redux 06
9Redux DevTool
- Bài 4 - Hiển thị danh sách các Item với Redux 3 video1
Part 01
2Part 02
3Part 03
- Bài 5 - Form Toogle với Redux 5 video1
ToggleForm
2Form
3Open - Close
4Cancel
5Edit Item
- Bài 6 - Xây dựng chức năng Search với Redux 3 video1
Part 01
2Part 02
3Part 03
- Bài 7 - Xây dựng chức năng Sort với Redux 2 video1
Part 01
2Part 02
- Bài 8 - Xây dựng chức năng Delete với Redux 1 video1
Full video
- Bài 9 - Xây dựng chức năng Add với Redux 1 video1
Full video
- Bài 10 - Xây dựng chức năng Edit với Redux 3 video1
Part 01
2Part 02
3Part 03
- Bài 11 - Hệ thống kiến thức và mở rộng 1 video1
Full video
- Bài 1 - Introduce và phân tích kiến thức 1 video1
Full video
- Bài 2 - Xây dựng cấu trúc ứng dụng 4 video1
init
2Analyst
3layout
4fix error
- Bài 3 - Xây dựng chức năng hiển thị sản phẩm 4 video1
actions
2reducers
3ProductList
4ProductItem
- Bài 4 - Xây dựng chức năng Add sản phẩm vào giỏ hàng 6 video1
Empty Cart
2Validate Quantity
3showError
4add product
5CartItem
6Cart Footer
- Bài 5 - Xây dựng chức năng Xóa sản phẩm khỏi giỏ hàng 1 video1
Full video
- Bài 6 - Xây dựng chức năng Update số lượng sản phẩm 1 video1
Full video
- Bài 7 - Redux các vấn đề nâng cao 6 video1
Container
2ProductsContainer
3PropType
4ProductItem 01
5ProductItem 02
6Review
- Bài 8 - Hệ thống kiến thức và mở rộng 1 video1
Full video
- Bài 1 - Introduce và phân tích kiến thức 1 video1
Full video
- Bài 2 - Sử dụng React Router 10 video1
React Router
2Link - NavLink
3Not Found
4match 01
5match 02
6menu config 01
7menu config 02
8route config
9Prompt
10Redirect
- Bài 3 - Xây dựng cấu trúc ứng dụng 3 video1
Init Project
2Component 01
3Component 02
- Bài 4 - Xây dựng Page và cấu hình Router 3 video1
Pages
2Config Route
3Review
- Bài 5 - Xây dựng Menu và Custom Link 2 video1
Menu
2Custom Menu
- Bài 6 - Xây dựng Page Login giới hạn vùng truy cập 4 video1
Redux prepare
2BlogPage
3UserControl
4FormLogin
- Bài 7 - Hệ thống kiến thức và mở rộng 1 video1
Full video
- Bài 1 - Introduce và phân tích kiến thức 1 video1
Intro
- Bài 2 - Phân tích yêu cầu và xác định giải pháp 2 video1
Analyst
2visual studio code
- Bài 3 - Xây dựng cấu trúc ứng dụng 2 video1
structure
2query reducer
- Bài 4 - Spotify App và Access Token 2 video1
Register
2AccessToken
- Bài 5 - Xây dựng trang tìm kiếm Artist 7 video1
url
2send token
3set artists
4show artist
5fix token
6SpotifyFetch
7querystring
- Bài 6 - Xây dựng trang Artist 4 video1
get artist
2show artist
3get album
4show album
- Bài 7 - Xây dựng trang Album 1 video1
show page
- Bài 8 - Xây dựng Breadcrumb 5 video1
home
2artist
3artist list
4album
5search enter
- Bài 9 - Tình huống tự thực hành 3 video1
introduce
2mockapi
3github
- Bài 10 - Hệ thống kiến thức và mở rộng 1 video1
Full video
- Bài 1 - Introduce và phân tích kiến thức 1 video1
Intro
- Bài 2 - Phân tích yêu cầu và xác định giải pháp 3 video1
List Task
2Page - Component
3Extension copy paste
- Bài 3 - Tích hợp Firebase vào ứng dụng 3 video1
Structure
2Firebase 01
3Firebase 02
- Bài 4 - Xây dựng Task Page - Task Doing 5 video1
Firebase database
2Add
3List Item
4Show Item
5Completed
- Bài 5 - Xây dựng chức năng Notify 6 video1
Alert 01
2Alert 02
3Notify Add Task 01
4Notify Add Task 02
5Notify Completed Task
6Notify Optimize
- Bài 6 - Xây dựng Task Page - Task Completed 3 video1
List
2Delete
3Clear All
- Bài 7 - Xây dựng Signup Page 4 video1
General
2Custom Field
3save userinfo
4clear userinfo
- Bài 8 - Xây dựng Signin Page 2 video1
signin
2Custom Field
- Bài 9 - Hoàn chỉnh các chức năng của ứng dụng 5 video1
delete - clear all
2email user
3Admin area
4Notify Optimize
5Menu
- Bài 10 - Hệ thống kiến thức và mở rộng 1 video1
Full video
Video Demo:
Giảng viên
Lưu Trường Hải Lân
Kinh nghiệm công tác
- Quản lý đào tạo tại ZendVN
- Vị trí đã từng đảm nhiệm: Developer, Teamleader, Project manager, Training manager
- Công việc hiện nay: Training manager & Project manager tại ZendVN
Thông tin liên hệ
- Facebook: https://www.facebook.com/luutruonghailan
- Phone: 0383308983
- Youtube Lập trình: https://www.youtube.com/user/luutruonghailan
- Youtube Chia sẻ cho lập trình viên: https://www.youtube.com/user/zendvn123
Sản phẩm
Cảm nhận học viên
Lịch sử học tập
10 lịch sử học tập gần nhất của các bạn học viên được ghi nhận từ hệ thống training.zendvn.com, bạn cần đăng ký khóa học có phí để có tài khoản truy cập vào hệ thống học trực tuyến.
| # | Họ và tên | Bài học | Thời gian |
|---|---|---|---|
| 1 | *** Kim | Đang xem video CartItem, trong bài học Xây dựng chức năng Add sản phẩm vào giỏ hàng, | 13 phút trước 10:37 ngày 24-07-2021 |
| 2 | *** Kim | Đang xem video CartItem, trong bài học Xây dựng chức năng Add sản phẩm vào giỏ hàng, | 13 phút trước 10:37 ngày 24-07-2021 |
| 3 | *** Quân | Đang xem video Redux 01, trong bài học Sử dụng Redux, | 13 phút trước 10:37 ngày 24-07-2021 |
| 4 | *** Quân | Đang xem video Why Redux, trong bài học Sử dụng Redux, | 18 phút trước 10:32 ngày 24-07-2021 |
| 5 | *** Kim | Đang xem video reducers, trong bài học Xây dựng chức năng hiển thị sản phẩm, | 49 phút trước 10:01 ngày 24-07-2021 |
| 6 | *** Kim | Đang xem video actions, trong bài học Xây dựng chức năng hiển thị sản phẩm, | 56 phút trước 09:54 ngày 24-07-2021 |
| 7 | *** Diển | Đang xem video Notify Optimize, trong bài học Xây dựng chức năng Notify, | 1 giờ trước 09:41 ngày 24-07-2021 |
| 8 | *** Diển | Đang xem video Notify Completed Task, trong bài học Xây dựng chức năng Notify, | 1 giờ trước 09:38 ngày 24-07-2021 |
| 9 | *** Kim | Đang xem video showError, trong bài học Xây dựng chức năng Add sản phẩm vào giỏ hàng, | 1 giờ trước 09:35 ngày 24-07-2021 |
| 10 | *** Kim | Đang xem video showError, trong bài học Xây dựng chức năng Add sản phẩm vào giỏ hàng, | 1 giờ trước 09:35 ngày 24-07-2021 |
Lý Kim Thắng
Để lại cảm nhận vào ngày 15-07-2021
Phải hiểu được javascript và các thay đổi trong phiên bản từ ES6 trở đi thì mới học được, không là vô há mồm.