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

Khoá học Thiết kế Web cơ bản với 5+ dự án Web hoàn chỉnh: Profile cá nhân, Web tin tức, Landing page sản phẩm.

5.0

(4 đánh giá)

10 Học viên

Giảng viên: Lê Hồng Duy (Trung tâm CodeFresher Việt Nam)

Lần cập nhật cuối 06/2025

Bạn sẽ học được

Học từ cơ bản đến nâng cao về HTML5, CSS3, Bootstrap 5

Làm chủ thiết kế giao diện web chuẩn responsive, thân thiện đa thiết bị

Tích hợp ChatGPT, GitHub Copilot để tra cứu nhanh, hỗ trợ viết mã

Thực hành thiết kế 3+ giao diện web thực tế

Làm quen với quy trình thiết kế web chuyên nghiệp

Phù hợp cho người mới bắt đầu, sinh viên hoặc người muốn chuyển nghề sang frontend

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

Khóa học Thiết kế Web với HTML5, CSS3 và ChatGPT, Copilot là lựa chọn lý tưởng cho người mới bắt đầu muốn học thiết kế giao diện web bài bản, từ kiến thức nền đến các dự án thực tế.

Khóa học chia làm 3 giai đoạn rõ ràng: từ HTML5, CSS3 cơ bản, đến CSS nâng cao & responsive design, và kết thúc bằng thiết kế giao diện chuẩn Figma với Bootstrap 5. Học viên sẽ thực hành liên tục qua 3 dự án thực tế: trang cá nhân, landing page sản phẩm và trang blog tin tức, giúp xây dựng portfolio ấn tượng ngay sau khi học xong.

Khóa học còn tích hợp ChatGPT và GitHub Copilot để học viên tra cứu, gợi ý code và tăng tốc quá trình phát triển hiệu quả hơn. Sau khóa học, bạn có thể tự tin thiết kế giao diện web hiện đại, chuẩn responsive, sẵn sàng ứng tuyển vị trí front-end hoặc tiếp tục học nâng cao.

Đăng ký khóa học ngay để biến đam mê thiết kế web của bạn thành kỹ năng nghề nghiệp vững chắc!

Nội dung khóa học

18 phần - 38 bài giảng - 02 giờ 01 phút

Phần 1 : Học HTML5 Cơ Bản | Viết Trang Web Đầu Tiên với AI hỗ trợ

2 bài giảng - 0 giờ 08 phút

Bài 1 : Giới thiệu lập trình Web và các công nghệ sử dụng

00:04:23

Bài 2 : HTML5 cơ bản, viết trang web đầu tiên với AI hỗ trợ (ChatGPT, Copilot)

00:03:44

Phần 2 : Cài đặt VSCode, Git, Github để lập trình

4 bài giảng - 0 giờ 10 phút

Phần 3 : CSS3 cơ bản, Thực hành chèn CSS vào trang Web

2 bài giảng - 0 giờ 05 phút

Phần 4 : Tạo Danh Sách & Bảng Dữ Liệu HTML5 với ChatGPT

2 bài giảng - 0 giờ 07 phút

Phần 5 : Nhúng Hình Ảnh, Liên Kết, Video HTML5 với ChatGPT

3 bài giảng - 0 giờ 07 phút

Phần 6 : Tổng hợp kiến thức, thiết kế giao diện Web cơ bản

2 bài giảng - 0 giờ 07 phút

Phần 7 : Làm việc với CSS Box Model

2 bài giảng - 0 giờ 04 phút

Phần 8 : CSS3 nâng cao - sử dụng thuộc tính Width, Height, Display & Position (AI hỗ trợ)

2 bài giảng - 0 giờ 05 phút

Phần 9 : Hiệu ứng trong CSS3 –Transitions, Animations và Transformations (AI hỗ trợ code)

2 bài giảng - 0 giờ 07 phút

Phần 10 : Tạo giao diện Responsive Design với CSS Media Queries(ChatGPT hỗ trợ code nhanh)

2 bài giảng - 0 giờ 07 phút

Phần 11 : Sử dụng CSS Flexbox

2 bài giảng - 0 giờ 04 phút

Phần 12 : Làm việc với Grid Layout trong CSS3

2 bài giảng - 0 giờ 05 phút

Phần 13 : Tổng hợp phần 2 - CSS3 cơ bản và nâng cao

1 bài giảng - 0 giờ 05 phút

Phần 14 : Cài đặt & Giới thiệu Grid System

2 bài giảng - 0 giờ 06 phút

Phần 15 : Làm việc với UI cơ bản & nâng cao

2 bài giảng - 0 giờ 06 phút

Phần 16 : Trang Web Profile cá nhân (AI chatgpt hỗ trợ code nhanh)

2 bài giảng - 0 giờ 06 phút

Phần 17 : Xây dựng trang Landing Page Giới thiệu sản phẩm (AI Copilot hỗ trợ code)

2 bài giảng - 0 giờ 08 phút

Phần 18 : Thiết kế Website Blog tin tức

2 bài giảng - 0 giờ 06 phút

Tags:

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

Khóa học liên quan

Lập trình Web ReactJS với AI ChatGPT, Github Copilot

04 giờ 54 phút

459.000 ^đ

599.000 ^đ

Basic JavaScript for Developers

07 giờ 34 phút

0 ^đ

199.000 ^đ

Lập Trình Kỹ Sư Nhí Robotics Cơ Bản

09 giờ 36 phút

499.000 ^đ

1.000.000 ^đ

Học thiết kế web từ cơ bản đến nâng cao

08 giờ 33 phút

299.000 ^đ

800.000 ^đ

Từ làm quen tới làm chủ jQuery và jQuery UI cho người mới học

06 giờ 06 phút

299.000 ^đ

700.000 ^đ

Lập trình Java trong 4 tuần

18 giờ 54 phút

279.000 ^đ

900.000 ^đ

WEBSITE AUTOMATION - SEO MASTER

01 giờ 54 phút

199.000 ^đ

500.000 ^đ

Thiết kế website WordPress đa dạng và chuẩn SEO

14 giờ 02 phút

599.000 ^đ

800.000 ^đ

Phương pháp học và ứng dụng tìm hiểu ngôn ngữ lập trình Kotlin

04 giờ 10 phút

299.000 ^đ

800.000 ^đ

Lập trình game 3D với Unity

08 giờ 19 phút

399.000 ^đ

600.000 ^đ

Học viên thường mua cùng

Trở thành Quality Assurance (QA) trong công ty phần mềm

Nguyễn Thiện Ân

349.000 ^đ

1.500.000 ^đ

Bước đầu với ứng dụng website trên nền tảng ASP.NET MVC

TRƯƠNG MINH TUẤN

299.000 ^đ

800.000 ^đ

Lập Trình MEL trong Maya: Tự Động Hóa và Auto Rigging

Phạm Minh Trí

129.000 ^đ

500.000 ^đ

Tổng: 777.000đ

2.800.000 đ

Giảng viên

Lê Hồng Duy (Trung tâm CodeFresher Việt Nam)

giảng viên

Giới thiệu CEO CodeFresher.

Mr. Duy Lê (Le Hong Duy) là CEO Trung tâm CodeFresher Việt Nam. Thầy Duy có bằng Thạc sĩ CNTT Đại học Bách khoa Hà Nội, chứng chỉ nghiệp vụ sư phạm và đang làm Giảng viên tại một số trường, trung tâm. Theo dõi các thông tin về Thầy Duy tại đây:

Facebook: https://www.facebook.com/LeHongDuyCNTT
Youtube: https://www.youtube.com/@LeHongDuyCNTT
Github: https://github.com/duylehong
Tiktok: https://www.tiktok.com/@codenhanh.vn

2. Giới thiệu Trung tâm.

Công ty CodeFresher Việt Nam là Trung tâm tin học, đào tạo nhân lực CNTT chất lượng và là nhà cung cấp giải pháp CNTT chuyên nghiệp.

Chú trọng việc ứng dụng, tích hợp công cụ AI như ChatGPT, Github Copilot trong chương trình đào tạo nghề lập trình CNTT. Giúp nhân lực vừa có kiến thức lập trình tốt vừa có kỹ năng prompt AI chuyên nghiệp.

Lộ trình bài bản: Học lập trình từ cơ bản đến nâng cao (Web, Mobile)
Hệ thống học lập trình trực tuyến, linh hoạt
Xây dựng website nhanh chóng: PHP (Laravel, WordPress), ReactJS, ExpressJS
Phát triển ứng dụng Mobile: Tạo app Android, iOS dễ dàng với Flutter, React Native, Kotlin, Swift

5.0 xếp hạng khóa học

4 đánh giá