Khoá học

Frontend React Mastery

Sử dụng TypeScript trong React, kết hợp với hệ sinh thái phong phú của React, để xây dựng ứng dụng hiện đại với giao diện tinh tế và hiệu suất cao

Những gì bạn sẽ đạt
được sau

Frontend React Mastery

Tư duy phân tích

Kỹ năng phân tích website chuẩn chỉnh theo thiết kế UI/UX & Responsive

Nắm vững nền tảng React

Hiểu sâu các công cụ và thư viện bổ trợ tăng tốc quá trình phát triển website React

Kinh nghiệm thực chiến

Tăng tốc tải trang, tối ưu cây DOM, dung lượng bộ nhớ, animation mượt mà,...

Portfolio nổi bật

Gây ấn tượng với nhà tuyển dụng qua bộ profile và portfolio chuyên nghiệp, thu hút

Thông thạo các
Stack Frontend

Khám phá những công cụ và kiến thức cốt lõi bạn sẽ thành thạo trong "Frontend React Mastery".

Khoá học thiết kế
dành riêng cho
Frontend Developer

Chương trình học được thiết kế để cung cấp cho bạn trải nghiệm thực tế, áp dụng ngay trong công việc.

Nắm vững nền tảng & tư duy layout website

01
Tư duy phân tích layout
02
JavaScript (ES6)
03
TypeScript

React: Cơ bản đến nâng cao

01
Tổng quan về ReactJS và thiết lập môi trường phát triển
02
Component, JSX, Props, Fragments
03
State, Lifecycle component, Hooks cơ bản
04
Handling events, Conditional rendering, Form, List & Key
05
Lifting State up, Context API, useReducer, Composition & Inheritance, HOC, Render props
06
Error boundaries, Suspense & Lazy loading
07
Portals, Refs, Hooks nâng cao

State Management

01
State management library là gì? Tại sao cần có?
02
So sánh Redux, Recoil, Context Api
03
Setup Redux Toolkit trong React
04
Redux debugger
05
Redux thunk, Redux saga
06
Bonus: Setup Recoil trong React

Navigate & Routing

01
Routing trong Single-page
02
Các thay đổi từ Version 5 -> 6
03
Setup React Router trong React
04
Config Routes
05
Navigation
06
Layout, Nested routes và Dynamic routes
07
Handle error

Backend Integration, Caching, SSR & SEO

01
Data fetching
02
Server state & Client state
03
Giới thiệu về các thư viện Fetching data (React query, SWR, RTK Query)
04
Setup React Query trong React

Testing trong React

01
Unit test là gì?
02
Kiểm thử chức năng (Functional Testing)
03
Kiểm thử Snapshot (Snapshot Testing)
04
Kiểm thử React Router (Navigation Testing)
05
Kiểm thử Xác thực (Authentication Testing)
06
Kiểm thử Biểu mẫu (Form Testing)

Tối ưu performance và vital scores

01
Các yếu tố ảnh hưởng đến performance
02
Tools đo lường hiệu suất: Lighthouse, React DevTools Profiler, Webpack Bundle Analyzer
03
Lighthouse và các chỉ số quan trọng

Triển khai ứng dụng React

01
Triển khai ứng dụng với Docker
02
Triển khai trên các dịch vụ lưu trữ tĩnh (Static Hosting Services)
03
Thiết lập cấu hình (Environment Variables, Routing)
04
Tích hợp CI/CD

Bài tập cuối khoá

01
Các học viên được giao bài tập để hoàn tất và nhận certification của 200Lab trong vòng 30 ngày.

Tổng kết và các chia sẻ về JD, CV

01
Tổng kết khóa học.
02
Chia sẻ phân tích JD: hiểu rõ nhu cầu doanh nghiệp và chiến lược ứng tuyển.
03
Chia sẻ review CV: chiến lược để có CV ấn tượng và tăng khả năng nhận offer.
04
Chia sẻ về con đường tiếp theo.

Demo trong khoá học

Minh họa thực tế chất lượng, giúp bạn hiểu sâu hơn về những gì sẽ được học trong khóa học này

Vy TranVy TranVy Tran
Vy TranVy TranVy Tran
Vy TranVy TranVy Tran

Đối tượng tham gia

Sinh viên IT

Dành cho sinh viên IT đã nắm vững HTML5, CSS3 và JavaScript, muốn nâng cao kỹ năng và khám phá công nghệ mới để bước vào lĩnh vực Frontend chuyên nghiệp.

React Developer

Dành cho lập trình viên React gặp khó khăn trong triển khai hoặc quản lý dự án, giúp nắm vững công cụ và phương pháp tối ưu hiệu suất, quản lý state hiệu quả.

Backend Developer

Dành cho lập trình viên Backend muốn mở rộng sang Frontend, học tích hợp với công nghệ hiện đại như React, nắm vững quản lý giao diện và trải nghiệm người dùng.

200lab frontend

Tài nguyên khoá học

Code & Videos

Truy cập full source code. Repository tổ chức theo nhánh buổi học cụ thể. Khóa học có hỗ trợ record để học viên xem lại không giới hạn.

Review CV & JD

Hỗ trợ review, update CV và chia sẻ kinh nghiệm phỏng vấn xin việc sau khoá học.

Support & Q/A

Hỗ trợ giải đáp các thắc mắc trong và ngoài khoá học (vấn đề trong công ty, dự án cá nhân, dự án tốt nghiệp).

Bonus Deals

Giảm giá 20% tất cả khoá học tiếp theo của 200Lab.

Gặp gỡ giảng viên
khoá học

Tiến Lưu

Former Fullstack Developer Bixso
Frontend Engineer at 200Lab

Với kinh nghiệm thực tế và niềm đam mê trong lĩnh vực phát triển Frontend, đặc biệt là React, mình tự tin mang đến cho bạn kiến thức quý báu để thăng tiến trong doanh nghiệp và trên con đường sự nghiệp. Qua khóa học "Frontend React Mastery", bạn sẽ có cái nhìn sâu sắc về cách ứng dụng React hiệu quả trong các dự án thực tế.
Bạn sẽ học cách đưa ra những quyết định quan trọng như: Tại sao chọn React thay vì các framework khác? Và làm thế nào để tối ưu hiệu suất ứng dụng mà không ảnh hưởng đến trải nghiệm người dùng?

200lab frontend mentor

Hơn 2500 học viên đã lựa chọn khoá học tại 200Lab

Học viên cá nhân

5,990,000đ

6,990,000đ

Quyền lợi đi kèm

  • Hình thức học: Online

  • 20 buổi học
  • Video Record sau mỗi buổi học
  • Full Tài liệu + Source code
  • Mentor hỗ trợ Online + Nhóm chat
  • Chứng chỉ hoàn thành khoá học
  • Hỗ trợ review CV
Học viên cá nhân

6,490,000đ

7,490,000đ

Quyền lợi đi kèm

  • Hình thức học: Offline

  • 20 buổi học
  • Video Record sau mỗi buổi học
  • Full Tài liệu + Source code
  • Mentor hỗ trợ Offline trực tiếp
  • Chứng chỉ hoàn thành khoá học
  • Hỗ trợ review CV
Doanh nghiệp

Liên hệ

Quyền lợi đi kèm

  • Setup theo nhu cầu doanh nghiệp
  • Chương trình học thực tế
  • Video Record sau mỗi buổi học
  • Full Tài liệu + Source code
  • Chứng chỉ hoàn thành khoá học
  • Mentor hỗ trợ Online/Offline

Frontend React Mastery (FE01)

Lịch khai giảng

  • Hình thức học: Online & Offline , các mentor sẽ livestream share screen. Mỗi buổi đều có record lại và upload trên hệ thống học online của 200Lab.
  • Thời lượng dự kiến: 20 buổi, 120phút/buổi
  • Thời gian học: tối thứ 3 & thứ 5, 19h-21h.
  • Khai giảng: 10/12/2024|Tối Thứ 3

Cảm nhận Học viên
nói gì về 200Lab

Khóa học bao quát tất cả các phần quan trọng của React từ cơ bản đến nâng cao. Nội dung luôn được cập nhật theo các phiên bản mới nhất của React, giúp tôi không bị lạc hậu
avatarVy Tran
Phần Dockerize React và CI/CD trên Vercel là những kỹ năng hiện đại và thiết thực, giúp học viên chuẩn bị cho các dự án lớn. Tuy nhiên, khóa học sẽ phong phú hơn nếu có phần mở rộng về CI/CD trên các nền tảng khác như AWS hoặc GitHub Actions, giúp học viên dễ dàng áp dụng vào nhiều môi trường công việc khác nhau.
avatarHoang Xuan
Các bài tập thực hành và dự án cuối khóa rất hữu ích, giúp tôi áp dụng kiến thức đã học và xây dựng được portfolio ấn tượng.
avatarQuang Anh
Giảng viên rất tận tâm và giải thích các khái niệm phức tạp của React một cách dễ hiểu. Tôi cảm thấy tự tin hơn khi áp dụng kiến thức vào dự án thực tế.
avatarLe Thanh Nhan
Phần này giúp học viên làm quen với nhiều công cụ từ Webpack đến Vite, và các plugin như ESLint, Prettier để tăng hiệu quả làm việc. Tuy nhiên, có thể thêm phần về xử lý các lỗi thường gặp khi setup, giúp học viên tránh được các lỗi nhỏ không mong muốn.
avatarNgoc Thach
Đôi khi tốc độ giảng dạy hơi nhanh, khiến tôi phải xem lại video nhiều lần để hiểu rõ hơn.
avatarThanh Nguyen

Các câu hỏi thường gặp

Tất cả những gì bạn nên biết về khoá học Frontend React Mastery

Tất cả khoá học tại 200Lab có 2 hình thức online và offline phù hợp với nhu cầu của từng học viên. Lớp offline sẽ được tố chức tại Phú Nhuận, Tp.HCM. Lớp online sẽ được học qua google meet.Bạn sẽ được cung cấp tài khoản học tập bao gồm các video bài giảng chất lượng cao và livestream trực tiếp cùng mentor để giúp các bạn có được trải nghiệm học tốt nhất.