Web Front-end Devlopment with ReactJS

Coding Bootcamp

80 học viên đã ghi danh

Nội dung khóa học

Default Module

10 bài học · 154 hoạt động

Tài liệu 1 hoạt động

Tổng quan về UX/UI & Typescript 27 hoạt động

[Bài đọc] Sử dụng mẫu chữ F để trình bày nội dung
[Bài đọc] 10 nguyên tắc để thiết kế Type tốt hơn
[Bài đọc] Các vấn đề thường gặp khi kết hợp các kiểu chữ trong Typo
[Bài đọc] Tản mạn về Typography
[Bài đọc] Các nhà thiết kế web nên học typography
[Bài đọc] Biến và kiểu dữ liệu trong TypeScript
[Bài đọc] Cấu Trúc Điều Kiện Trong TypeScript
[Bài đọc] Cấu Trúc Lặp Trong TypeScript
[Bài đọc] Mảng trong TypeScript
[Bài đọc] Function Trong TypeScript
[Bài đọc] Promises Trong TypeScript
[Thực hành] Sử dụng Adobe Color
[Thực hành] Sử dụng màu sắc trong trang web
[Thực hành] Khai báo và sử dụng biến trong Typescript
[Thực hành] Câu lệnh điều kiện và vòng lặp
[Thực hành] Kiểm tra số nguyên tố
[Thực hành] Xây dựng các đối tượng hình học
[Thực hành] Sử dụng Promise
[Bài tập] Phối màu cho newsletter
[Bài tập] Xây dựng Landing Page
[Bài tập] Tính tổng các số Fibonacci
[Đọc thêm] 3 mẫu thiết kế bố cục *
[Code Inspection] Giao diện "vô hình" — Nút bấm hoàn hảo nhưng người dùng không bấm được?
[Code Inspection] Chiếc hộp "màu nhiệm" — Khai báo TypeScript nhưng tại sao lại không bắt được lỗi?
[Dialogue] Tổng kết UI/UX
[Quiz] Tổng quan về UI/UX
[Quiz] Tổng quan về Typescript

Tổng quan về React JS & JSX 20 hoạt động

[Bài đọc] Tổng Quan về React JS
[Bài đọc] Toolchain Trong Phát Triển React
[Bài đọc] Client Side Rendering (CSR) Và Server Side Rendering (SSR)
[Bài đọc] Giới thiệu React Element và cơ chế Rendering Elements
[Bài đọc] Cú pháp JSX trong React
[Bài đọc] Sử dụng được cú pháp gán thuộc tính trong JSX
[Thực hành] Cài đặt môi trường phát triển
[Thực hành] Cài đặt môi trường phát triển với Vite
[Thực hành] Hiển thị tên bằng hàm React.createElement
[Thực hành] Hiển thị tên bằng cú pháp JSX trong React
[Thực hành] Tạo Element thể hiện danh sách các loại quả
[Thực hành] Hiển thị thời gian hiện tại (dd/mm/yyyy – hh/mm/ss)
[Bài tập] Tạo Element thể hiện thông tin của Trình duyệt bạn đang sử dụng
[Bài tập] Tạo Element thể hiện bảng thông tin các sinh viên trong lớp học
[Bài tập] Tạo Element thể hiện Profile Card
[Bài tập] Tạo Element thể hiện Sign in Form sử dụng Bootstrap
[Quiz] Tổng quan về ReactJS
[Code Inspection] Virtual DOM và chiếc bẫy "Biến trực tiếp" — Sao UI không chịu cập nhật?
[Code Inspection] Cú sập nguồn trên Server — Lỗi "ReferenceError: window is not defined"
[Dialogue] Tổng kết bài học

React Components, State & Lifecycle method 20 hoạt động

[Bài đọc] React Components - Function Component Và Class Component
[Bài đọc] Props Trong ReactJS
[Bài đọc] Ý nghĩa của pure function với React Component
[Bài đọc] Tìm hiểu State trong ReactJS
[Bài đọc] Xử lý sự kiện trong Reactjs
[Bài đọc] Component Life Cycle trong ReactJS
[Bài đọc] Tìm hiểu cơ chế Render có Điều Kiện
[Thực hành] Sử dụng Props trong Component
[Thực hành] Đếm số lần click vào Button tăng/giảm (State + event)
[Thực hành] Đổi màu nền component sau khi xuất hiện
[Thực hành] Hiện thông báo trước khi Component ẩn
[Thực hành] Kiểm tra User Login/Logout
[Bài tập] Xây dựng Alert component
[Bài tập] Xây dựng component hiển thị danh sách sinh viên
[Bài tập] Component Expand/Collapse nội dung
[Bài tập] Ứng dụng quản lý công việc (Todo App)
[Bài tập] Ứng dụng quản lý học sinh (CRUD sử dụng Table)
[Code Inspection] "Chiếc bóng" của Props — Tại sao state không chịu cập nhật?
[Quiz] React Components, State & Lifecycle method
[Dialogue] Tổng kết bài học

Hook 13 hoạt động

[Bài đọc] Khái niệm Hook trong ReactJS
[Bài đọc] State Hook
[Bài đọc] Effect Hook
[Bài đọc] Hook Custom
[Thực hành] Triển khai useState
[Thực hành] Triển khai useEffect
[Thực hành] Triển khai HookCustom
[Bài tập] Xây dựng component Car selection
[Bài tập] Xây dựng Component Timer
[Code Inspection] Điều ước đếm ngược — Tại sao số không chịu giảm xuống 0?
[Code Inspection] Chiếc nút bấm "mất trí nhớ" — Bấm 3 lần sao chỉ tăng 1?
[Quiz] Tổng quan Hook trong ReactJS
[Dialogue] Tổng kết bài học

React Form & Router 20 hoạt động

[Bài đọc] Sử dụng Form trong React
[Bài đọc] Sử dụng được thẻ nhập liệu căn bản Textarea, Select, Input Upload
[Bài đọc] Form validation
[Bài đọc] Giới thiệu cơ bản Formik
[Bài đọc] Cơ chế Routing trong ReactJS
[Bài đọc] Giới thiệu về React-Router
[Thực hành] Form đăng ký tài khoản mới
[Thực hành] Validate Form đăng ký
[Thực hành] Validate Form Login with Formik
[Thực hành] Router 1
[Thực hành] Router 2
[Thực hành] Router 3
[Bài tập] Tạo form liên hệ
[Bài tập] Ứng dụng quản lý sách
[Bài tập] Router 1
[Bài tập] Router 2
[Code Inspection] Chiếc Form "vô hiệu" — Nhập liệu xong bấm không thấy dữ liệu đâu?
[Code Inspection] Cú nhảy trắng trang — Sao bấm chuyển trang lại bị reload web?
[Quiz] React Form vs Router
[Dialogue] Tổng kết bài học

Tổng quan về Next.js 12 hoạt động

[Bài đọc] Tổng quan về SSR và SEO trong SSR
[Bài đọc] Tổng quan về Next.js
[Bài đọc] Navigate Between Pages and CSS Styling
[Bài đọc] Data Fetching & Dynamic Routes
[Thực hành] Thực hiện tính năng đăng nhập
[Thực hành] Quản lý thông tin sinh viên (Dynamic Routes)
[Bài tập] Tạo toolbar
[Bài tập] Lấy danh sách nhân vật Studio Ghibli
[Code Inspection] Bẫy SEO "Trang Trắng" — Tại sao Google Bot lại không tìm thấy bài viết?
[Code Inspection] Dynamic Route "Bất Động" — Tại sao đổi ID trên URL mà dữ liệu không chịu đổi?
[Quiz] Tổng quan về NextJS
[Dialogue] Tổng kết bài học

API Clients 16 hoạt động

[Bài đọc] Giới thiệu Web API với kiến trúc RESTful
[Bài đọc] Sử dụng công cụ Mock API để mô phỏng Backend
[Bài đọc] Thực hiện HTTP request với Axios
[Bài đọc] Xử lý bất đồng bộ với Promise và Async/Await
[Thực hành] Tạo Mock API quản lý User và Article
[Thực hành] Lấy danh sách User bằng Axios
[Thực hành] Tạo và chỉnh sửa User thông qua call API bằng Axios
[Thực hành] Lấy danh sách User và Article bằng Axios
[Bài tập] Xây dựng ứng dụng Quản lý sách
[Bài tập] Xây dựng ứng dụng Quản lý danh bạ
[Bài tập] Xây dựng ứng dụng Quản lý User và Article
[Code Inspection] HTTP Method "Nhầm nhọt" — Xóa dữ liệu bằng GET?
[Code Inspection] RESTful API "Lọ Lem" — URI làm luôn việc của Verb!
[Code Inspection] Bẫy Async/Await trong Vòng lặp
[Dialogue] Tổng kết bài học
[Quiz] API Client

Redux 13 hoạt động

[Bài đọc] Tổng quan về Redux
[Bài đọc] Redux Action
[Bài đọc] Redux Reducers
[Bài đọc] Redux Store
[Bài đọc] Redux Middleware
[Thực hành] Triển khai ứng dụng Redux-Saga
[Thực hành] Triển khai ứng dụng Redux-Thunk
[Thực hành] Xây dựng ứng dụng Todo List với Redux
[Thực hành] Xây dựng tính năng Giỏ hàng trong website bán hàng
[Bài tập] Sử dụng fake api và redux saga để thực hiện get user và delete user
[Bài tập] Sử dụng fake api và redux thunk để thực hiện get post, add post, update post
[Dialogue] Tổng kết bài học
[Quiz] Tổng quan về Redux

Testing & Deploy 12 hoạt động

[Bài đọc] Tìm hiểu về kiểm thử tích hợp (Integration Testing)
[Bài đọc] Tìm hiểu Unit Test và sử dụng Jest trong Unit Test
[Bài đọc] Test Component trong React với Jest
[Bài đọc] Deploy ứng dụng ReactJS lên GitHub Pages
[Bài đọc] Deploy ứng dụng ReactJS lên Heroku
[Thực hành] Sử dụng React Testing Library để testing React State (v.2025)
[Thực hành] Sử dụng React Testing Library để testing React Function (v.2025)
[Thực hành] Sử dụng React Testing Library để testing React Elements (v.2025)
[Thực hành] Deploy ứng dụng ReactJS lên Vercel (v.2025)
[Bài tập] Sử dụng Jest và Testing Library để testing React Calculator Form
[Quiz] Testing & Deploy
[Dialogue] Tổng kết bài học

6,650,000đ

1,900,000đ

Mua ngay

Đã có tài khoản?

Giảng viên

Cấn Tuấn Anh

Khóa học liên quan

Coding Bootcamp

Bootcamp Preparation

Khoá học BootCamp Preparation giúp học viên làm chủ các kiến thức lập trình cơ bản và tư duy giải quyết vấn đề. Hoàn thành khoá học, học viên có đủ ki...

4,500,000đ 5,500,000đ

Coding Bootcamp

Học cách học - C8

Nếu bạn gặp một bài toán khó, dù cố gắng nhiều mà giải mãi không xong, thì làm thế nào? Câu trả lời phổ biến nhất là cố gắng tìm ra chỗ sai trong lập...

1,000,000đ

Coding Bootcamp

Hoàn thành mọi việc với Kanban

“Tôi bận”, “Tôi không có đủ thời gian” hay “Ước gì một ngày 48 tiếng” gần như đã trở thành những câu cửa miệng trong cuộc sống của chúng ta ngày nay....

390,000đ 1,000,000đ

Coding Bootcamp

Sử dụng Generative AI - Biến AI thành Trợ lý Đắc lực của bạn

Bạn có đang nghe về AI, ChatGPT ở khắp mọi nơi và cảm thấy mình sắp bị bỏ lại phía sau? Bạn lo lắng rằng AI quá phức tạp, chỉ dành cho dân công nghệ, hay đơn giản là không biết bắt đầu từ đâu để ứng dụng vào công việc và cuộc sống? Nếu có, khóa học "GenAI Essential" chính là điểm khởi đầu hoàn hảo dành cho bạn. Khóa học này giới thiệu cho bạn về trí tuệ nhân tạo tạo sinh (GenAI) và giải thích cách thức hoạt động của các mô hình ngôn ngữ lớn và các công cụ AI tạo sinh, như ChatGPT. Khám phá việc sử dụng GenAI một cách hiệu quả cho các nhiệm vụ từ đơn giản tới phức tạp. Các kiến thức và kỹ năng học được có ý nghĩa cho cả hiện tại lẫn đáp ứng các thay đổi trong tương lai. Đây là chiếc chìa khóa để bạn không chỉ hiểu, mà còn tự tin biến AI thành trợ lý đắc lực, một đồng minh sáng tạo, và một lợi thế cạnh tranh thực sự trong kỷ nguyên số.

990,000đ 2,000,000đ

Coding Bootcamp

Prompt Engineering: Khai thác hiệu quả Generative AI

299,000đ 990,000đ

Coding Bootcamp

Học cách học

Cách học

1,000,000đ

Coding Bootcamp

Advanced Programming with Java

Module Advanced Programming with Java giúp học viên nắm vững các khái niệm và kỹ thuật cốt lõi trong lập trình, nâng cao tư duy và kỹ năng lập trình....

8,900,000đ 9,900,000đ

Coding Bootcamp

Lập trình Web với Java

Khóa học Lập trình Web với Java được thiết kế chuyên sâu để xây dựng nền tảng vững chắc nhất cho một Backend Developer. Khóa học giúp học viên làm chủ...

5,650,000đ 6,650,000đ

Coding Bootcamp

Git và Github từ căn bản đến nâng cao

Để bắt đầu hành trình trở thành một lập trình viên chuyên nghiệp, việc hiểu và sử dụng thành thạo hai công cụ là Git và GitHub là điều kiện tiên quyết.

git

990,000đ 2,000,000đ

Coding Bootcamp

C++ Cơ bản 2: Hàm, Mảng, Chuỗi & Con trỏ

Làm chủ hàm, tham chiếu, đệ quy, mảng 1D/2D, std::vector, tìm kiếm - sắp xếp, xử lý chuỗi và con trỏ bộ nhớ động theo chuẩn C++20.

890,000đ 2,000,000đ

Web Front-end Devlopment with ReactJS

Nội dung khóa học

Default Module

Khóa học liên quan

CODEGYM LEARN - CÔNG TY CP CODEGYM VIỆT NAM