Lộ trình khóa học
Không chỉ học code, bạn sẽ học cách suy nghĩ như lập trình viên, sử dụng công cụ AI để hỗ trợ, tiết kiệm hàng giờ làm việc và rút ngắn lộ trình làm web thực tế.
Khóa 1: Thiết kế Web bằng HTML5, CSS3 và AI ChatGPT, Copilot
18 phần - 38 bài giảng
Khóa 2: Lập trình Web ReactJS với AI ChatGPT, Github Copilot
20 phần - 45 bài giảng
Bài 22 : Thực hành tạo giao diện web Responsive với Media Queries
Bài 23 : responsive design, cú pháp Media Queries (Dùng chatGPT sinh code, sửa lỗi)
Bài 24 : Tạo layout Web sử dụng CSS Flexbox
Bài 25 : Cách sử dụng Flexbox để căn chỉnh và phân bố không gian trang Web
Bài 26 : Thực hành tạo giao diện với Grid layout
Bài 27 : Sử dụng Grid layout để thiết kế giao diện phức tạp
Bài 28 : Thực hành xây dựng trang web tích hợp các kỹ thuật HTML5, CSS3 đã học
Bài 29 : Thực hành code bố cục Web responsive với Grid system
Bài 30 : Tài liệu học: Bootstrap 5 và hệ thống lưới
Bài 31 : Thực hành làm việc với UI trong Bootstrap 5: Button, NavBar, Forms, Cards
Bài 32 : Đọc thêm: các thành phần UI cơ bản & nâng cao trong Bootstrap 5
Bài 33 : Thực hành code trang Web Profile cá nhân
Bài 34 : Tài liệu hướng dẫn xây dựng trang Web Profile cá nhân với HTML5, CSS3, Bootstrap 5
Bài 35 : Thực hành Code Trang Web Landing Page Giới thiệu Sản phẩm
Bài 36 : Thiết kế Web hiện đại với Flex Box, Grid, bố cục Responsive
Bài 37 : Hướng dẫn thiết kế Website Blog tin tức với Bootstrap 5 và ChatGPT
Bài 38 : Hướng dẫn Bootstrap nâng cao, pagination phân trang
Bài 3 : Tổng quan Typescript, cài đặt
Bài 4 : Tài liệu hướng dẫn (slide)
Bài 5 : Code mẫu (của Tất cả Các bài trong Khoá học)
Bài 6 : Thực hành Typescript - làm việc với các kiểu dữ liệu cơ bản
Bài 7 : Làm việc với các kiểu dữ liệu có sẵn, kiểu tự định nghĩa trong Typescript
Bài 8 : Bài tập lập trình Typescript - sử dụng các kiểu dữ liệu
Bài 9 : Tài liệu hướng dẫn OOP Typescript
Bài 10 : Thực hành lập trình OOP với Typescript
Bài 11 : Bài tập lập trình hướng đối tượng với Typescript
Bài 12 : Thực hành code Dự án quản lý nhân viên với Typescript
Bài 13 : Cách sử dụng Flexbox, Grid trong ReactJS
Bài 14 : Thực hành code giao diện web responsive với FlexBox, Grid
Bài 15 : Hướng dẫn render danh sách, bảng với ReactJS
Bài 16 : Thực hành code render danh sách, bảng với ReactJS
Bài 17 : Render giao diện ReactJS - Biểu mẫu và nhập liệu
Bài 18 : Tạo form đăng ký với React, xử lý nhập liệu và validate form cơ bản
Bài 19 : Cách tạo hiệu ứng, chuyển động đẹp trong ReactJS (ChatGPT hỗ trợ)
Bài 20 : Thực hành code hiệu ứng, chuyển động trong ReactJS
Bài 21 : Cách Tạo Functional Component và tái sử dụng
Bài 22 : Tạo Component, truyền dữ liệu qua props (thực hành)
Bài 23 : Quản lý state với useState, xử lý event click, input
Bài 24 : Thực hành dùng useState, xử lý click, input(prompt Chat GPT hỗ trợ code, sửa lỗi
Bài 25 : Tài liệu học (slide, bài tập)
Bài 26 : Ẩn hiện component theo điều kiện (thực hành), sử dụng React.memo
Bài 27 : Tài liệu học React Router (Slide, bài tập)
Bài 28 : Cài đặt react-router-dom, thực hành tạo Menu điều hướng các trang
Bài 29 : Sử dụng Context API
Bài 30 : Truyền dữ liệu từ component con lên component cha với Context API
Bài 31 : Tài liệu học (slide, bài tập)
Bài 32 : Quản lý state của form và validate dữ liệu (thực hành)
Bài 33 : React Hooks: Cách Sử Dụng useEffect & useRef Hiệu Quả
Bài 34 : Tạo và sử dụng useEffect, useRef với Github Copilot
Bài 35 : Xử lý CRUD API với Axios
Bài 36 : Thực hành gọi API trong ReactJS với thư viện Axios
Bài 1 : Hướng dẫn tổng quan
Bài 2 : Cài đặt môi trường
Bài 45 : Hướng dẫn phát triển Website Chia sẻ kiến thức lập trình
Bài 37 : Thực hành xây dựng trang web tin thể thao với ReactJS
Bài 38 : Hướng dẫn thực hành Web tin thể thao (phần 2) - rss
Bài 39 : Slide hướng dẫn, bài tập
Bài 40 : Thực hành xây dựng Web Sổ ghi chú với ReactJS (Phần 1)
Bài 41 : Thực hành xây dựng Web Sổ ghi chú với ReactJS (Phần 2) - mockapi
Bài 42 : Slide hướng dẫn, bài tập
Bài 43 : Tài liệu hướng dẫn (Firebase, Tailwind CSS, ReactJS) cho dự án
Bài 44 : Video hướng dẫn thực hành code Website Chia sẻ kiến thức Lập trình
Bài 7 : Thực hành CSS3 cơ bản, chèn vào giao diện Web
Bài 8 : Tài liệu học CSS
Bài 9 : HTML5 cơ bản - Tạo danh sách, bảng dữ liệu với ChatGPT
Bài 10 : Tài liệu học (Slide)
Bài 11 : Thực hành nhúng hình ảnh, video HTML5 với ChatGPT
Bài 12 : Thực hành nhúng âm thanh, video (phần 2) với HTML 5
Bài 13 : Tài liệu học (Slide)
Bài 14 : Thiết kế giao diện Web cơ bản với HTML5, CSS3 và AI hỗ trợ
Bài 15 : Tổng hợp kiến thức HTML5 và CSS3 cơ bản
Bài 18 : Thực hành sử dụng CSS Block Properties
Bài 19 : Thuộc tính CSS3: width, height, display và position (AI chatgpt hỗ trợ)
Bài 20 : Thực hành tạo hiệu ứng chuyển động cho các phần tử trên trang web
Bài 21 : Làm việc với hiệu ứng, chuyển động trong CSS3 (AI hỗ trợ sinh code, sửa lỗi)
Bài 16 : Thiết kế khối nội dung bằng CSS Box Model
Bài 17 : Giới thiệu Box Model: Content, Padding, Border, Margin
Bài 1 : Giới thiệu lập trình Web và các công nghệ sử dụng
Bài 2 : HTML5 cơ bản, viết trang web đầu tiên với AI hỗ trợ (ChatGPT, Copilot)
Bài 3 : Hướng dẫn cài đặt và sử dụng VSCode (Visual Studio Code) để lập trình Web
Bài 4 : Git & Github - Giới thiệu và cài đặt, sử dụng
Bài 5 : Bài tập trắc nghiệm Buổi 1
Bài 6 : Tài liệu quan trọng: Code mẫu (của tất cả các bài trong khoá học)