FrontendCơ bảnNổi bật

HTML & CSS từ cơ bản đến responsive

Học HTML và CSS từ những thẻ cơ bản nhất đến thiết kế responsive. Xây dựng giao diện web đẹp và tương thích mọi thiết bị.

(4.8/5)
150 học viên35 bài học25 giờ
4.000.000 ₫5.500.000 ₫Giảm 27%
HTML & CSS từ cơ bản đến responsive

Kỹ năng bạn sẽ học được

HTMLCSSResponsive DesignFlexboxGrid

Khóa học này dành cho

Người mới bắt đầu học phát triển web

Nhà thiết kế muốn học kỹ năng coding

Sinh viên trong các ngành liên quan đến IT

Doanh nhân muốn tự tạo website

Bất kỳ ai muốn hiểu về phát triển frontend

Kết quả học tập

Thành thạo HTML markup và cấu trúc ngữ nghĩa

Tạo được layout phức tạp với CSS Flexbox và Grid

Xây dựng website responsive tương thích mọi thiết bị

Hiểu và áp dụng các nguyên tắc accessibility web

Sử dụng thành thạo CSS animations và transitions

Áp dụng các kỹ thuật CSS hiện đại và thực hành tốt nhất

Tối ưu hóa website cho hiệu suất và SEO

Tạo thiết kế chính xác từ mockups

Nội dung khóa học

Module 1: HTML Cơ bản

Giới thiệu về HTML và cấu trúc web page
HTML Document structure và DOCTYPE
Các thẻ cơ bản: headings, paragraphs, links
Lists: ordered, unordered, definition lists
Images, media và multimedia elements
Tables và table structure

Module 2: HTML Forms và Semantics

Biểu mẫu elements: đầu vào, textarea, select
Biểu mẫu xác thực và đầu vào kiểu mới trong HTML5
Semantic HTML: header, nav, main, footer
Article, section và aside elements
Accessibility basics với ARIA attributes
HTML5 APIs và modern features

Module 3: CSS Cơ bản

CSS syntax, selectors và specificity
Box model: margin, padding, border
Typography: fonts, text styling, web fonts
Colors: hex, rgb, hsl, gradients
Background thuộc tính và images
Display property: block, inline, inline-block

Module 4: CSS Layout

Positioning: static, relative, absolute, fixed
Float và clear thuộc tính
Flexbox: container và item thuộc tính
CSS Grid: grid container và grid items
Creating responsive layouts với Grid và Flexbox
Z-index và stacking context

Module 5: Responsive Thiết kế

Media queries và breakpoints
Mobile-first vs desktop-first approach
Responsive images với srcset
Viewport meta tag và responsive units
CSS biến và custom thuộc tính
Modern CSS features: clamp(), min(), max()

Module 6: Dự án nâng cao & Sản xuất

CSS animations và transitions
Transform property và 2D/3D effects
CSS Pseudo-classes và pseudo-elements
CSS Methodologies: BEM, OOCSS
Giới thiệu CSS preprocessors (Sass cơ bản)
Dự án cuối: Xây dựng website responsive từ đầu

Yêu cầu trước khi học

Kiến thức cơ bản về máy tính và internet

Khả năng sử dụng text editor và web browser

Không cần kinh nghiệm lập trình trước đó

Đam mê thiết kế và sáng tạo

Đối tượng phù hợp

Người mới bắt đầu học phát triển web

Nhà thiết kế muốn học kỹ năng coding

Sinh viên trong các ngành liên quan đến IT

Doanh nhân muốn tự tạo website

Bất kỳ ai muốn hiểu về phát triển frontend

Đánh giá từ học viên (10)

L
Lê Thị Phương Linh

Là người mới bắt đầu, mình được hướng dẫn bài bản, dễ hiểu, giúp mình nắm vững kiến thức nền tảng và có khả năng viết code cơ bản. Khóa học giúp mình thiết lập tư duy lập trình và phát triển khả năng suy luận. Sau khóa học, mình tự tin tham gia cộng đồng lập trình và học hỏi thêm nhiều kiến thức mới.

P
Phạm Thị Thanh Trúc

Khóa học giúp mình trang bị kiến thức và kỹ năng cần thiết để theo đuổi ước mơ trở thành lập trình viên. Sau khóa học, mình tự tin tham gia vào các cuộc thi lập trình và đạt được nhiều giải thưởng cao. Giảng viên tâm huyết, luôn truyền cảm hứng cho học viên giúp mình có thêm động lực để học tập và theo đuổi đam mê.

B
Bùi Văn Tài

Đây là lần đầu tiên mình học lập trình và mình không nghĩ rằng mình có thể tiếp thu được nhiều đến vậy. Khóa học được thiết kế rất khoa học, từ dễ đến khó một cách hợp lý. Giảng viên luôn kiên trì hướng dẫn đến khi mình hiểu bài.

P
Phạm Thị Lan Hương

Nội dung khóa học rất thực tế và cập nhật. Mình học được không chỉ lý thuyết mà còn có cơ hội làm các dự án thực tế. Điều này giúp mình hiểu sâu hơn về cách ứng dụng kiến thức vào công việc. Giảng viên luôn sẵn sàng hỗ trợ 24/7.

L
Lê Văn Hoàng

Mình rất hài lòng với khóa học này. Dù là người không có nền tảng kỹ thuật, nhưng cách giảng dạy rất dễ hiểu và có hệ thống. Sau mỗi bài học đều có bài tập để thực hành, giúp mình ghi nhớ kiến thức lâu dài. Giảng viên luôn nhiệt tình hỗ trợ khi mình gặp khó khăn.

N
Nguyễn Thị Thúy Hằng

Nhờ khóa học, mình nắm vững kiến thức từ A đến Z, có khả năng xây dựng ứng dụng hoàn chỉnh và tự tin ứng tuyển vào công ty với mức lương cao. Khóa học giúp mình phát triển tư duy logic, sáng tạo và khả năng giải quyết vấn đề hiệu quả. Giảng viên nhiệt tình, tận tâm, luôn sẵn sàng giải đáp thắc mắc và hướng dẫn học viên nên mình tiếp thu kiến thức rất nhanh.

Đ
Đinh Văn Hải

Khóa học đã giúp mình chuyển đổi sự nghiệp thành công. Từ một ngành hoàn toàn khác, giờ mình đã trở thành developer và đang làm việc tại một startup. Điều quan trọng nhất là mình học được cách tự học và cập nhật kiến thức mới.

V
Vũ Minh Tuấn

Khóa học vượt xa sự mong đợi của tôi. Từ một developer junior, giờ tôi đã được thăng chức lên senior developer nhờ những kiến thức và kỹ năng học được. Cách giảng dạy của thầy rất thực tế, luôn kết hợp với các case study từ dự án thực tế.

N
Nguyễn Thị Thu Hà

Khóa học đã thay đổi hoàn toàn cách nhìn của mình về công nghệ. Giảng viên có cách truyền đạt rất hay, biết cách làm cho những kiến thức phức tạp trở nên đơn giản và dễ hiểu. Mình đã có thể ứng dụng ngay vào công việc và được đánh giá cao.

Đ
Đặng Thị Hương

Khóa học này thật sự thay đổi cuộc đời mình! Từ một người không biết gì về lập trình, giờ mình đã có thể làm freelancer và kiếm thu nhập ổn định. Giảng viên giảng dạy rất dễ hiểu, từng bước một cách chi tiết. Các bài tập thực hành giúp mình áp dụng ngay kiến thức vừa học.