HTML CSS Chuyên Sâu

Sinh viên CNTT

Bạn muốn học kiến thức thực tế ở trường không dạy? Bạn muốn có kiến thức vững để năm sau đi thực tập tại doanh nghiệp?

Người đã đi làm

Bạn muốn hiểu sâu sắc về HTML/CSS để nâng cao tay nghề? Bạn đang chuyên Backend giờ chuyển qua làm Frontend?

Người trái ngành hoặc chuyển nghề

Bạn là người mới và đang tìm hiểu về nghề lập trình? Bạn đang chưa biết bắt đầu từ đâu và cần một lộ trình bài bản?

• Hiểu cấu trúc chuẩn HTML
• Hiểu rõ về các thẻ Meta
• Thuộc tính, thuộc tính toàn cục
• Sử dụng liên kết chuyên sâu
• Sử dụng Emmet cơ bản
• Hiểu rõ tính kế thừa trong CSS
• Phân biệt thẻ Inline và Block
• Hiểu Box-model của mỗi phần tử
• Hiểu rõ về các đơn vị trong CSS
• Kiến thức về Typography
• Làm việc với hình ảnh và nền
• Thành thạo sử dụng Position
• Kỹ thuật sử dụng biến trong CSS
• CSS selectors nâng cao (có game)
• Đặt tên class theo chuẩn BEM
• Biết cách đặt tên Class siêu dễ
• Thực sự hiểu về Semantic
• Sử dụng Flexbox chi tiết (tặng game)
• Sử dụng CSS Grid (có game và công cụ)
• Forms và validations không cần JavaScript
• Kỹ thuật Responsive với Grid System
• Tự xây dựng Grid System giống Bootstrap
• Sử dụng Animations và tối ưu hiệu năng
• Sử dụng Sass và xây dựng Grid System
• Hiểu về Web Accessibility tư duy tối ưu UX
• Hiểu rõ về màu sắc, mã màu thập lục phân
• Luyện mắt thẩm mỹ siêu chi tiết qua Quiz
• Sử dụng Github đưa trang Web lên Internet
• Kiến thức SEO cơ bản để SEO-OnPage
• Tính hợp lệ của HTML, dùng thẻ chính xác
• Tư duy ứng dụng pseudo-classes/elements
• Phân biệt các thành phần trên trang web

• Cơ chế cache của trình duyệt
• CDN là gì và ưu điểm của CDN
• Hiểu về mạng LAN và mở web qua LAN
• Hiển thị ảnh khi chia sẻ lên Facebook
• Tối ưu Pre-connect/phân giải DNS trước
• Hiểu đúng cách sử dụng thẻ br, entities
• Kỹ thuật giữ đúng tỉ lệ hình ảnh và video
• Biết cách ứng dụng đơn vị EM để giữ tỉ lệ
• Xây dựng Masonry Layout với CSS Grid
• Hướng dẫn đăng ký tên miền và trỏ IP
• Các kỹ thuật tối ưu UX trong Form
• Hiểu rõ về submit form với GET và POST
• Chắc tư duy thẻ tùy chỉnh trong Form
• Loại bỏ Tab Highlight và Auto Zoom
• Nhúng phông chữ thủ công với @font-face
• Sử dụng Animate.css, Wow.js và AOS
• Kỹ thuật sử dụng Steps với Keyframes
• Làm dự án thực hành thực tế với Figma
• Hiểu về Mobile/Desktop First, Adaptive
• Xây dựng Breakpoints cho trang Web
• Tư duy Typography cho Font Scale
• Sử dụng các hàm min(), max(), clamp()
• Kỹ thuật tối ưu hình ảnh với SRC-SET
• Kỹ thuật 7-1 Pattern khi dùng SCSS
• Giới thiệu Custom Tag (Web Components)
• Xây dựng Menu đa cấp và Mega Menu
• Cách sử dụng robots.txt, sitemap.xml
• Cách submit URL trang Web lên Google
• Cách tạo Favicon cho tất cả các thiết bị
• Thực hành dự án số 8 (Multiple Pages)
• Thực hành làm Dark/Light Mode dự án 8
• Tặng bạn thêm 20+ Figma bản trả phí

Khác biệt so với khóa miễn phí

• Khóa học đầy đủ và chi tiết nhất.
• Thực hành 8 dự án trên Figma.
• Hơn 400 bài học và trên 300 bài tập.
• Có đáp án cho mọi bài tập.
• Tặng hơn 20 Figma bản chuyên nghiệp.

Giảng viên tâm huyết

• Bỏ ra 1 năm xây dựng khóa học này.
• Quay trên 500 video cho khóa này.
• Soạn hơn 200 bài viết và trên 300 bài tập.
• Rèn luyện giọng nói, kỹ năng giảng dạy.
• Đầu tư trang thiết bị tốt để quay dựng.

Về đối tượng phù hợp

Khóa học Pro và Free

Quyền lợi của bạn

Ứng dụng thực tế