Thiết kế Web bằng HTML5, CSS3 và AI ChatGPT, Copilot

Khóa học “Thiết kế Web với HTML5, CSS3 và ChatGPT, GitHub Copilot” giúp người mới bắt đầu nắm vững kỹ năng thiết kế giao diện web từ cơ bản đến nâng cao. Nội dung chia thành 3 giai đoạn:

Phần 1: Kiến thức nền HTML5, CSS3 (Buổi 1–7)

Giới thiệu lập trình web, VS Code, Git, GitHub

Cấu trúc HTML5, thẻ định dạng, chèn CSS, bảng, danh sách, đa phương tiện

Luyện tập tổng hợp: Tạo một trang web tĩnh đơn giản

Phần 2: CSS nâng cao & Responsive (Buổi 8–14)

Box Model, thuộc tính layout, Flexbox, Grid

Animation, Transition, Media Queries

Luyện tập tổng hợp: Giao diện hiển thị tốt trên nhiều thiết bị

Phần 3: Bootstrap 5 & Dự án theo Figma (Buổi 15–20)

Cài đặt và sử dụng Bootstrap 5: Grid System, Components, Utilities

Ứng dụng thực tế qua 3 dự án thiết kế theo Figma, độ khó tăng dần.

Các Dự Án Thực Hành

Dự án 1: Giao diện trang giới thiệu cá nhân
Thiết kế đơn giản gồm ảnh đại diện, thông tin cá nhân, kỹ năng, liên hệ. Tập trung vào cấu trúc HTML5 và CSS cơ bản.

Dự án 2: Giao diện landing page sản phẩm
Thiết kế hiện đại với bố cục nhiều cột, hình ảnh minh họa, nút CTA, form đăng ký. Sử dụng Flexbox/Grid và responsive design.

Dự án 3: Giao diện trang tin tức/blog
Giao diện phức tạp với nhiều danh mục, bài viết, sidebar, pagination. Kết hợp Bootstrap 5, hiệu ứng CSS và bố cục linh hoạt.

Khóa học tích hợp ChatGPT và GitHub Copilot giúp học viên tra cứu nhanh, hiểu mã tốt hơn và viết code hiệu quả trong suốt quá trình học và làm dự án. Sau khóa học, học viên có thể hoàn thiện portfolio giao diện web cá nhân chuyên nghiệp.