Doanh nghiệp

Hội viên

Đăng nhập

Lập Trình ReactJS Từ Cơ Bản Đến Chuyên Sâu

Khóa học giúp bạn sẽ biết tự tay khởi tạo 1 project ReactJS từ đầu, và được giải thích chi tiết về cấu trúc cũng như các khái niệm (các concepts), các thuật ngữ, và các thành phần của 1 project reactjs.

5.0 (2 đánh giá)

12 học viên

Nguyễn Ngọc Mẫn

Bạn sẽ học được gì?

Hiểu và biết cách sử dụng ReactJS từ cơ bản đến chuyên sâu

Biết cách tư duy và áp dụng các kiến thức trong công nghệ REACT vào dự án thực tế

Tự tay init một project cho đến xây dựng và phát triển 1 ứng dụng REACT ngay từ đầu

Biết cách tích hợp các công nghệ làm front end phổ biến nhất hiện nay

Giới thiệu khóa học

Khóa học Lập Trình ReactJS Từ Cơ Bản Đến Chuyên Sâu sẽ hướng dẫn các bạn sử dụng công nghệ phát triển ứng dụng web ở phía front-end phổ biến nhất và mạnh mẽ nhất hiện nay là ReactJS - một thư viện viết bằng Javascript. Đây là công nghệ mã nguồn mở được tạo ra và phát triển bởi Facebook, một ông lớn công nghệ mà mọi người đều biết. Hiện nay React được sử dụng bởi rất nhiều công ty lớn nhỏ như: Netflix, Nasdaq, Instagram... và tất nhiên là cả Facebook cũng đang sử dụng công nghệ này. Hơn nữa, nhu cầu tuyển dụng lập trình viên có kỹ năng về ReactJS là rất lớn vì vậy các bạn nên lựa chọn công nghệ này để học tập và nghiên cứu.

Bạn sẽ biết tự tay khởi tạo 1 project ReactJS từ đầu, và được giải thích chi tiết về cấu trúc cũng như các khái niệm (các concepts), các thuật ngữ, và các thành phần của 1 project reactjs. Và trong khóa học này tôi cũng hướng dẫn các bạn tích hợp các công nghệ phổ biến khác như Bootstrap, Material UI, Redux, Hooks, Restful API... vào trong project ReactJS, đây đều là các công nghệ phổ biến và cần thiết với các dự án thực tế.

Nhanh tay đăng ký khóa học để nhận ưu đãi từ Unica nhé!

Nội dung khóa học

5 Phần• 58 Bài bài giảng • 09h 53p 09 giờ 53 phút

Phần 1: Giới Thiệu và Cài Đặt Môi Trường 10 bài học

Bài 1: Giới thiệu tổng quan về ReactJS 00:09:58

Bài 2: Cài đặt môi trường và các công cụ 00:02:16

Bài 3: Cài đặt NodeJS 00:02:18

Bài 4: Cài đặt Yarn 00:02:01

Bài 5: Cài đặt Visual Studio Code 00:02:22

Bài 6: Cài đặt ReactJS Code Snippets 00:01:29

Bài 7: Cài đặt ESLint and Prettier 00:03:07

Bài 8: Khởi tạo dự án reactJS đầu tiên 00:18:10

Bài 9: Giải thích cấu trúc của dự án ReactJS 00:07:24

Bài 10: Hướng dẫn tải Source Code các dự án demo 00:08:12

Phần 2: Các Khái Niệm Chính 18 bài học

Bài 11: Giới thiệu JSX 00:04:55

Bài 12: Biên dịch các phần tử 00:10:23

Bài 13: Kỹ thuật (Virtual DOM) DOM ảo 00:07:18

Bài 14: Giải Thích Khái Niệm Components 00:04:37

Bài 15: Class Component 00:06:09

Bài 16: Functional Component 00:05:33

Bài 17: Giải Thích Khái Niệm Props / Thuộc tính 00:19:07

Bài 18: Giải Thích Khái Niệm State / Trạng thái 00:17:24

Bài 19: Sử dụng state trong Functional Component 00:11:34

Bài 20: Sự khác biệt giữa Props và State 00:03:40

Bài 21: Vòng đời của component 00:15:41

Bài 22: Xử lý sự kiện 00:19:21

Bài 23: Điều kiện Rendering 00:14:02

Bài 24: Rendering 1 danh sách 00:13:31

Bài 25: Xử lý Forms 00:17:11

Bài 26: Kỹ thuật Lifting State Up 00:16:32

Bài 27: Xử lý sự kiện xóa dữ liệu 00:08:06

Bài 28: Thinking in ReactJs / Tư duy ở trong ReactJS 00:11:39

Phần 3: Sử Dụng CSS, Bootstrap, Material UI, và Icons 10 bài học

Bài 29: Styling in ReactJS/Trang trí ở trong ReactJS 00:04:29

Bài 30: Inline Styles / Trang trí kiểu Inline 00:04:47

Bài 31: CSS Styles / Trang trí kiểu CSS 00:05:50

Bài 32: SCSS (SASS) / Trang trí sử dụng SCSS 00:12:14

Bài 33: CSS Module / Trang trí sử dụn CSS Module 00:14:55

Bài 34: Using React-Bootstrap / Sử dụng Bootstrap 00:13:16

Bài 35: Using React-Icons / Sử dụng thư viện React-Icons 00:08:55

Bài 36: Giới thiệu và cài đặt thư viện Material UI 00:09:49

Bài 37: Sử dụng Material UI 00:14:11

Bài 38: Trang trí trong Material UI 00:10:30

Phần 4: Điều Hướng Ở Trong ReactJS 12 bài học

Bài 39: Giới thiệu về điều hướng ở trong project ReactJS 00:10:41

Bài 40: Demo tạo template website 00:21:23

Bài 41: Nested Routes/ Các route lồng nhau 00:11:30

Bài 42: Sử dụng Link NavLink và Active Link 00:06:41

Bài 43: Sử dụng Navigate 00:11:08

Bài 44: Chuyển hướng sang 1 route khác 00:05:00

Bài 45: Xử lý URL not found 00:06:38

Bài 46: Sử dụng Routing Hooks 00:09:10

Bài 47: Dynamic Segments/Xử lý các đường dẫn động 00:05:18

Bài 48: Đọc URL params 00:18:05

Bài 49: Đọc search params 00:09:21

Bài 50: Đồng bộ URL search params 00:11:06

Phần 5: Sử dung React Hooks 8 bài học

Bài 51: Giới thiệu về React Hooks 00:06:56

Bài 52: Sử dung Hooks - useState() 00:19:51

Bài 53: Sử dung Hooks - useEffect() 00:15:54

Bài 54: Sử dung Hooks - useContext() 00:07:56

Bài 55: Sử dung React.memo() 00:08:47

Bài 56: Sử dung Hooks - useCallback() 00:22:48

Bài 57: Sử dung Hooks - useMemo() 00:10:38

Bài 58: Tự tạo Custom Hook 00:11:44

Tags:

Thiết kế Web Ngôn ngữ lập trình Lập Trình Web

Thông tin giảng viên

Nguyễn Ngọc Mẫn

5.0 Đánh giá

97+ Học viên

1 Khóa học

* Xin chào các bạn, tôi là: Mẫn Nguyễn.
* Tôi đã có khoảng 8 năm làm việc trong lĩnh vực IT cho 1 số công ty công nghệ lớn như: TMA Solutions, Yahoo Japanse,… Và tại các công ty này tôi cũng đã đảm nhận nhiều vai trò khác nhau như: nghiên cứu và phát triển sản phẩm từ Front-End cho đến Backend và cả Devops, và đồng thời tôi cũng chịu trách nhiệm mentor cho 1 số bạn mới ra trường,...
* Hiện tôi đang là giảng viên ở 1 số website như: Udemy, hoclaptrinhonline.net và bây giời là tại Unica.
* Tôi cũng đã đào tạo và giúp đỡ cho hàng ngàn bạn học viên với các khóa học miễn phí và cả có phí. Và tôi cũng là owner của kênh YOUTUBE: Học Lập Trình Online tại đây tôi cũng cung cấp rất nhiều khóa học và video miễn phí về học lập trình (Refer at URL: https://youtube.com/hoclaptrinhonline).