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.9/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)

Ư
Ưng Thị Xuân

Phương pháp dạy rất hay, có lộ trình rõ ràng. Bài tập từ dễ đến khó, giúp tôi tiến bộ từng ngày. Giá trị đào tạo rất cao.

M
Mai Thị Hằng

Từ zero coding đến làm được project hoàn chỉnh. Thầy giải đáp mọi thắc mắc, không bao giờ bỏ rơi học viên. Highly recommended!

Ê
Ê Thị Bích

Đây là khóa học chất lượng nhất tôi từng tham gia. Kiến thức cập nhật, trend mới nhất. Hỗ trợ tìm việc sau khóa học rất tốt.

Ê
Ê Thị Bích

Cách giảng dễ hiểu, có nhiều ví dụ thực tế. Tài liệu đầy đủ, cộng đồng học tập tích cực. Tôi sẽ giới thiệu cho bạn bè.

P
Phan Văn Long

Nội dung chi tiết, bài tập thực hành nhiều. Thầy hướng dẫn tận tình, support học viên 24/7. Sau khóa học tôi tự tin hơn rất nhiều.

L
Lưu Văn Khang

Khóa học tuyệt vời! Giảng viên dạy rất dễ hiểu, từ cơ bản đến nâng cao. Tôi đã áp dụng được ngay vào công việc. Rất đáng đầu tư!

L
Lê Thị Mai Anh

Thầy dạy từng dòng code, giải thích tại sao dùng property này mà không dùng property khác. Mình từ zero coding giờ đã làm được website responsive hoàn chỉnh.

P
Phạm Hoàng Long

Startup của mình tiết kiệm được khá nhiều tiền khi tự làm landing page. Sau khóa học, mình tự tin customize theme, tạo layout theo ý muốn. Rất practical!

T
Trần Thị Linh

Mình học để chuyển từ designer sang frontend developer. Khóa học giúp mình hiểu cách biến design thành code. Responsive design là phần mình thích nhất!

N
Nguyễn Văn Đức

Mình là sinh viên IT nhưng HTML CSS ở trường học rất lý thuyết. Khóa này dạy thực hành 100%, mình đã tự tạo được portfolio cá nhân responsive đẹp mắt. Flexbox và Grid rất hữu ích!

4.000.000 ₫
5.500.000 ₫
Truy cập trọn đời
Chứng chỉ hoàn thành
Hỗ trợ 24/7
Hoàn tiền trong 30 ngày