Soldemy
Khoá học video Free

HTML & CSS: Xây dựng giao diện từ nền tảng [Demo]

Khóa demo miễn phí gồm 8 chương, 48 bài: 1 video giới thiệu và 47 bài đọc, ví dụ, thực hành, xử lý lỗi và dự án chương. Dự án xuyên suốt: website giới thiệu khóa học có trang chủ, danh sách bài học và biểu mẫu đăng ký.

Pro Trial đến 31/12/2026

Giai đoạn Pre-launch: đăng nhập để dùng toàn bộ nội dung PRO miễn phí đến hết ngày 31/12/2026.

S Soldemy 8 chương 48 bài 146 phút

HTML có ngữ nghĩa

Biểu mẫu và dữ liệu nhập

Cascade và box model

Share

Overview

HTML & CSS: Xây dựng giao diện từ nền tảng [Demo]

Trải nghiệm chương trình học đầy đủ

Đây là nội dung demo được biên soạn để trải nghiệm danh mục, cấu trúc chương, trình đọc và trình phát video của Soldemy. Khóa học gồm tám chương, mỗi chương sáu bài. Video giới thiệu dài 90 giây, hiển thị chữ tiếng Việt và không có lời thoại; các bài còn lại là nội dung đọc và thực hành.

Thời lượng hiển thị được tính từ thời gian đọc ước tính và độ dài video, chưa bao gồm thời gian tự làm bài tập. Các bài tập thực hiện trên môi trường thử nghiệm riêng, không dùng dữ liệu hoặc tài khoản production.

Dự án xuyên suốt

Xây dựng website giới thiệu khóa học có trang chủ, danh sách bài học và biểu mẫu đăng ký. Mỗi chương có mục tiêu, ví dụ, ca lỗi, tiêu chí chấp nhận và yêu cầu bàn giao để bạn tự đánh giá kết quả.

Format

Video + bài tập

Truy cập

Học theo nhịp riêng

Kết quả học tập

Bạn sẽ làm được gì sau khoá này

HTML có ngữ nghĩa

Biểu mẫu và dữ liệu nhập

Cascade và box model

Flexbox và điều hướng

CSS Grid và danh mục

Responsive và ảnh

Khả năng truy cập

Dự án giao diện hoàn chỉnh

Nội dung khoá học

Chương trình học

8 chương 48 bài 146 phút
·
01

Chương 01: HTML có ngữ nghĩa

6 bài · 01:30

  1. 01 HTML & CSS: giới thiệu và nền tảng Video · 01:30 Chưa học
  2. 02 HTML có ngữ nghĩa: đọc và phân tích ví dụ Bài đọc Chưa học
  3. 03 HTML có ngữ nghĩa: thực hành có hướng dẫn Bài đọc Chưa học
  4. 04 HTML có ngữ nghĩa: tình huống lỗi và cách chẩn đoán Bài đọc Chưa học
  5. 05 HTML có ngữ nghĩa: tự kiểm tra và mở rộng Bài đọc Chưa học
  6. 06 HTML có ngữ nghĩa: bài tập dự án chương Bài đọc Chưa học
02

Chương 02: Biểu mẫu và dữ liệu nhập

6 bài

  1. 01 Biểu mẫu và dữ liệu nhập: nền tảng và mô hình tư duy Bài đọc Chưa học
  2. 02 Biểu mẫu và dữ liệu nhập: đọc và phân tích ví dụ Bài đọc Chưa học
  3. 03 Biểu mẫu và dữ liệu nhập: thực hành có hướng dẫn Bài đọc Chưa học
  4. 04 Biểu mẫu và dữ liệu nhập: tình huống lỗi và cách chẩn đoán Bài đọc Chưa học
  5. 05 Biểu mẫu và dữ liệu nhập: tự kiểm tra và mở rộng Bài đọc Chưa học
  6. 06 Biểu mẫu và dữ liệu nhập: bài tập dự án chương Bài đọc Chưa học
03

Chương 03: Cascade và box model

6 bài

  1. 01 Cascade và box model: nền tảng và mô hình tư duy Bài đọc Chưa học
  2. 02 Cascade và box model: đọc và phân tích ví dụ Bài đọc Chưa học
  3. 03 Cascade và box model: thực hành có hướng dẫn Bài đọc Chưa học
  4. 04 Cascade và box model: tình huống lỗi và cách chẩn đoán Bài đọc Chưa học
  5. 05 Cascade và box model: tự kiểm tra và mở rộng Bài đọc Chưa học
  6. 06 Cascade và box model: bài tập dự án chương Bài đọc Chưa học
04

Chương 04: Flexbox và điều hướng

6 bài

  1. 01 Flexbox và điều hướng: nền tảng và mô hình tư duy Bài đọc Chưa học
  2. 02 Flexbox và điều hướng: đọc và phân tích ví dụ Bài đọc Chưa học
  3. 03 Flexbox và điều hướng: thực hành có hướng dẫn Bài đọc Chưa học
  4. 04 Flexbox và điều hướng: tình huống lỗi và cách chẩn đoán Bài đọc Chưa học
  5. 05 Flexbox và điều hướng: tự kiểm tra và mở rộng Bài đọc Chưa học
  6. 06 Flexbox và điều hướng: bài tập dự án chương Bài đọc Chưa học
05

Chương 05: CSS Grid và danh mục

6 bài

  1. 01 CSS Grid và danh mục: nền tảng và mô hình tư duy Bài đọc Chưa học
  2. 02 CSS Grid và danh mục: đọc và phân tích ví dụ Bài đọc Chưa học
  3. 03 CSS Grid và danh mục: thực hành có hướng dẫn Bài đọc Chưa học
  4. 04 CSS Grid và danh mục: tình huống lỗi và cách chẩn đoán Bài đọc Chưa học
  5. 05 CSS Grid và danh mục: tự kiểm tra và mở rộng Bài đọc Chưa học
  6. 06 CSS Grid và danh mục: bài tập dự án chương Bài đọc Chưa học
06

Chương 06: Responsive và ảnh

6 bài

  1. 01 Responsive và ảnh: nền tảng và mô hình tư duy Bài đọc Chưa học
  2. 02 Responsive và ảnh: đọc và phân tích ví dụ Bài đọc Chưa học
  3. 03 Responsive và ảnh: thực hành có hướng dẫn Bài đọc Chưa học
  4. 04 Responsive và ảnh: tình huống lỗi và cách chẩn đoán Bài đọc Chưa học
  5. 05 Responsive và ảnh: tự kiểm tra và mở rộng Bài đọc Chưa học
  6. 06 Responsive và ảnh: bài tập dự án chương Bài đọc Chưa học
07

Chương 07: Khả năng truy cập

6 bài

  1. 01 Khả năng truy cập: nền tảng và mô hình tư duy Bài đọc Chưa học
  2. 02 Khả năng truy cập: đọc và phân tích ví dụ Bài đọc Chưa học
  3. 03 Khả năng truy cập: thực hành có hướng dẫn Bài đọc Chưa học
  4. 04 Khả năng truy cập: tình huống lỗi và cách chẩn đoán Bài đọc Chưa học
  5. 05 Khả năng truy cập: tự kiểm tra và mở rộng Bài đọc Chưa học
  6. 06 Khả năng truy cập: bài tập dự án chương Bài đọc Chưa học
08

Chương 08: Dự án giao diện hoàn chỉnh

6 bài

  1. 01 Dự án giao diện hoàn chỉnh: nền tảng và mô hình tư duy Bài đọc Chưa học
  2. 02 Dự án giao diện hoàn chỉnh: đọc và phân tích ví dụ Bài đọc Chưa học
  3. 03 Dự án giao diện hoàn chỉnh: thực hành có hướng dẫn Bài đọc Chưa học
  4. 04 Dự án giao diện hoàn chỉnh: tình huống lỗi và cách chẩn đoán Bài đọc Chưa học
  5. 05 Dự án giao diện hoàn chỉnh: tự kiểm tra và mở rộng Bài đọc Chưa học
  6. 06 Dự án giao diện hoàn chỉnh: bài tập dự án chương Bài đọc Chưa học

Who this course is for

Khoá học này phù hợp với ai

Developer muốn đi nhanh

Bạn đã biết lập trình cơ bản và muốn có một lộ trình thực hành rõ ràng thay vì học rời rạc.

Người đang làm sản phẩm

Bạn cần hiểu framework, workflow và cách tổ chức code để phối hợp tốt hơn với team kỹ thuật.

Người chuẩn bị đi làm

Bạn muốn xây nền tảng chắc, có project và biết cách đọc tài liệu/triển khai bài bản.

What's included

Bạn nhận được gì

Video theo chương

Bài học ngắn, có thứ tự, dễ xem lại khi cần ôn một kỹ năng cụ thể.

Bài đọc bổ trợ

Tài liệu và ghi chú giúp bạn hiểu lý do đằng sau từng quyết định kỹ thuật.

Quiz kiểm tra

Câu hỏi ngắn sau các phần quan trọng để tự kiểm tra mức độ nắm bài.

Cập nhật nội dung

Khoá học được chỉnh sửa khi framework và best practice thay đổi.

Reference library

Học thêm từ kho tài liệu liên quan

Khoá học Khóa học mẫu: Làm quen với HTML & CSS 1 chương · Soldemy Khoá học PostgreSQL: Thiết kế dữ liệu và tối ưu truy vấn [Demo] 8 chương · Soldemy Khoá học System Design: Thiết kế nền tảng học trực tuyến [Demo] 8 chương · Soldemy Sách SOLID trong Java Spring Boot 3 chương · Vega Sách SOLID từ Zero 1 chương · Soldemy Loạt bài Sổ tay giao diện web: Từ cấu trúc đến trải nghiệm [Demo] 8 phần · Soldemy Loạt bài JavaScript thực tế: Dữ liệu, sự kiện và trạng thái [Demo] 8 phần · Soldemy Blog Middleware và Guard: Khác nhau thế nào trong NestJS? Bài viết · Vega

Đánh giá

Bạn thấy khoá học này thế nào?

0.0 ☆☆☆☆☆ Chưa có đánh giá từ người học
Đăng nhập để gửi đánh giá và feedback.

Feedback từ người học

0 phản hồi

Chưa có feedback nào. Hãy là người đầu tiên chia sẻ.

Schedule

Nhịp học đề xuất

Video lessons

2-3 giờ / tuần

Thực hành

2-4 giờ / tuần

Đọc thêm

1-2 giờ / tuần

Frequently asked questions

Câu hỏi thường gặp

Đây có phải khóa học video đầy đủ không?

Đây là khóa demo kết hợp một video giới thiệu 90 giây với 47 bài đọc và bài thực hành. Không phải 48 video.

Thời lượng hiển thị được tính thế nào?

Từ số từ trong bài đọc và độ dài video. Thời gian làm bài tập phụ thuộc người học và chưa cộng vào con số này.

Khoá học này phù hợp với người mới không?

Có, miễn là bạn đã quen với lập trình căn bản. Phần đầu đi từ nền tảng trước khi vào các chủ đề nâng cao hơn.

Khoá học có bài tập hay quiz không?

Có. Curriculum có thể gồm video, bài đọc và quiz tuỳ từng chương để giúp bạn tự kiểm tra tiến độ.

Tôi có được xem lại nội dung sau khi học không?

Có. Sau khi có quyền truy cập, bạn có thể quay lại nội dung bất cứ khi nào cần ôn lại.

Tôi nên dành bao lâu cho nội dung này?

Bạn nên học theo từng phần nhỏ, ghi chú lại ý chính và áp dụng một ý vào dự án hoặc ví dụ riêng.

Yêu cầu

Trước khi bắt đầu

  • Có máy tính và trình duyệt web.
  • Chuẩn bị môi trường thử nghiệm phù hợp với chủ đề; ví dụ dùng dữ liệu giả.
  • Đọc mô tả từng bài trước khi chạy mã; một số đoạn là trích đoạn cần tích hợp vào dự án.

Đội ngũ sản xuất