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.
Bạn sẽ học được gì?
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
Nội dung khóa học
18 Phần•56 Bài56 bài giảng•2 giờ 1 phút
Bài 1: Giới thiệu lập trình Web và các công nghệ sử dụng
Xem thử04:23
Bài 2: HTML5 cơ bản, viết trang web đầu tiên với AI hỗ trợ (ChatGPT, Copilot)
03:44
Bài 3: Hướng dẫn cài đặt và sử dụng VSCode (Visual Studio Code) để lập trình Web
Xem thử05:10
Bài 4: Git & Github - Giới thiệu và cài đặt, sử dụng
05:40
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)
Bài 7: Thực hành CSS3 cơ bản, chèn vào giao diện Web
05:53
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
Xem thử07:16
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
Xem thử05:18
Bài 12: Thực hành nhúng âm thanh, video (phần 2) với HTML 5
02:38
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ợ
07:10
Bài 15: Tổng hợp kiến thức HTML5 và CSS3 cơ bản
Bài 16: Thiết kế khối nội dung bằng CSS Box Model
04:34
Bài 17: Giới thiệu Box Model: Content, Padding, Border, Margin
Bài 18: Thực hành sử dụng CSS Block Properties
05:35
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
07:43
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 22: Thực hành tạo giao diện web Responsive với Media Queries
07:10
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
04:58
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
05:38
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
05:09
Bài 29: Thực hành code bố cục Web responsive với Grid system
06:08
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
06:43
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
06:05
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
08:01
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
06:51
Bài 38: Hướng dẫn Bootstrap nâng cao, pagination phân trang
Khóa học liên quan
Thông tin giảng viên
4 đánh giá
259.000 ₫319.000 ₫-19%
Ưu đãi có thời hạn!
Cam kết hoàn tiền trong 7 ngày
- Thời lượng: 2 giờ 1 phút
- Giáo trình: 38 bài giảng
- Truy cập trọn đời
- Chứng chỉ hoàn thành