Khóa Học Html Css Từ Cơ Bản Đến Nâng Cao 2023 (SASS)

1.000.000 ₫

49.999 ₫

Thời lượng

144 Bài Giảng

Sở hữu khóa học

Trọn đời

Đã đăng ký

21

Đầy Đủ Bài Giảng

Video bài giảng và tài liệu giống mô tả

Học Online Tiện Lợi

Học online trên Website bằng điện thoại hoặc máy tính

Kích Hoạt Nhanh

Nhận khóa học trong vòng 3 - 5 giây

Khóa Học HTML & CSS từ cơ bản đến nâng cao 2023 (Sass) – Unica, giảng viên Nguyễn Duy Khánh

Khóa học này giúp bạn hiểu sâu về HTML, CSS, Flexbox, Grid, Animation, Position và cách sử dụng Sass/SCSS để tối ưu code. Sau khóa học, bạn tự tin xây dựng website responsive và deploy lên Internet.

Vì Sao Bạn Nên Học Khóa Đây

Dành cho người mới hoặc người đã quên kiến thức HTML/CSS, cần hệ thống lại từ cơ bản.
Phân tích hoạt động thực tế của HTML, CSS trong website.
Được hướng dẫn sử dụng Flexbox, Grid, Animation, Position chuyên sâu.
Học cách viết CSS dễ quản lý với Sass/SCSS.
Có thể deploy và chia sẻ sản phẩm web của bản thân lên Internet.

Bạn Sẽ Học Được Gì

Hiểu rõ cấu trúc một website từ HTML đến CSS.
Thành thạo các thuộc tính CSS quan trọng: Flexbox, Grid, Animation, Position.
Sử dụng Sass/SCSS để tối ưu, tái sử dụng, và quản lý code CSS hiệu quả.
Biết cách làm responsive, deploy và chia sẻ website lên mạng.
Áp dụng tốt HTML, CSS để trở thành lập trình viên web chuyên nghiệp.

Phù Hợp Với

Người mới học web cần nền tảng HTML/CSS vững chắc.
Sinh viên CNTT luyện kỹ năng chuyên môn.
Freelancer hoặc dev muốn nâng cấp kỹ năng front‑end.
Bất kỳ ai muốn quản lý và xây dựng CSS chuyên nghiệp với Sass.

Nội dung khóa học

Chương 1 giới thiệu
Bài 1 Kết quả đạt được sau khi kết thúc khóa học (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 2 Hướng dẫn cách học sao cho hiệu quả (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 3 Tổng quan về một website (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 4 HTML, CSS là gì Lịch sử ra đời và hoạt động như thế nào (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 5 Sự khác nhau giữa HTML và HTML5 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 6 Tìm hiểu về devtools (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 7 Cài đặt môi trường (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 2 tìm hiểu html5
Bài 01 Cấu trúc file HTML (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 02 Một vài lưu ý (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 03 Các phím tắt để học hiệu quả hơn (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 04 Comment trong HTML (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 05 Các thẻ HTML tạo text (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 06 Các thẻ HTML để tạo ra bảng table (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 07 Các thẻ HTML dạng nhập điền dữ liệu trong form (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 08 Các thẻ socials trong HTML(video, img, audio, iframe) (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 09 Tìm hiểu attribute trong HTML (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 10 Hướng dẫn đưa code lên mạng (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 11 Tìm hiểu thẻ meta giúp tối ưu SEO (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 12 Tìm hiểu về XML (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 13 Tìm hiểu về thẻ SVG (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 3 tìm hiểu css3
Bài 01 Các cách sử dụng CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 02 Vì sao phải sử dụng id và class trong CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 03 Tìm hiểu về độ ưu tiên trong CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 04 Tìm hiểu về cách đặt biến trong CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 05 Đơn vị trong CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 06 Tìm hiểu Display CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 07 Tìm hiểu color trong CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 08 Tìm hiểu rgba và transparent trong color CSSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 09 Tìm hiểu về padding CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 10 Tìm hiểu về border CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 11 Tìm hiểu về margin CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 12 Tìm hiểu về boxsizing CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 13 Tìm hiểu backgroundclip trong CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 14 Tìm hiểu về backgroundimage trong CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 15 Backgroundrepeat CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 16 Backgroundorigin CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 17 Backgroundsize CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 18 Backgroundposition CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 19 Backgroundattachment CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 20 Background shorthand CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 21 So sánh background, backgroundimage, backgroundcolor trong CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 22 Function CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 23 CSS text alignment (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 24 CSS text decoration (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 25 CSS text transform (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 26 CSS text spacing (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 27 CSS text shadow (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 28 CSS font shorthand (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 29 CSS overflow (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 30 Custom scrollbar CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 31 CSS textoverflow (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 32 CSS position relative (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 33 CSS position absolute (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 34 CSS Position fixed (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 35 CSS Position sticky (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 36 CSS Box shadow (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 37 Pseudo classes CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 38 Pseudo element CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 38 Pseudo element CSS(1) (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 39 CSS selector (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 40 CSS table (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 41 Zindex CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 42 CSS cursor (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 43 CSS pointerevents (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 44 CSS Transform (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 45 CSS animation (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 46 Transition CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 47 Giới thiệu Flexbox CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 48 Flexbox CSS phần 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 49 Flexbox CSS phần 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 50 Thực hành với flex CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 51 Nắm vững flex CSS với game Froggy (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 52 Float CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 53 CSS BEM là gì (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 54 Thực hành CSS BEM (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 55 Các thành phần cơ bản của một trang web (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 56 Tìm hiểu về emmet trong HTML & CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 4 thực hành xây dựng trang chủ facebook
Bài 01 Xây dựng base source cho dự án (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 02 Reset CSS với normalize (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 03 Nên sử dụng đơn vị nào cho dự ánTại sao (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 04 Set up những thứ cần thiết ở global.css (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 05 Xây dựng bố cục layout cho dự án (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 06 Xây dựng phần Left Header (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 07 Xây dựng phần Center Header (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 08 Xây dựng phần Right Header (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 09 Hoàn thành phần Search Header (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 10 Xây dựng popup ở phần menu (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 11 Hoàn thành popup ở phần menu (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 21 Xây dựng phần header Slider (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 22 Xây dựng phần Slider (P2) (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 23 Hoàn thiện phần Slider (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 24 Xây dựng phần story (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 25 Xây dựng phần header phần post (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 26 Xây dựng phần hover group (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 27 Hoàn thiện phần header của post (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 28 Xây dựng phần content của post (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 29 Xây dựng các button action trong phần post (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 30 Xây dựng phần footer của post (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 31 Hoàn thành các phần hover cho footer post (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 32 Hoàn thiện phần post của Facebook (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 33 Xây dựng phần right sidebar(P1) (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 34 Xây dựng phần right sidebar (P2) (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 35 Hoàn thành phần right sidebar (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 36 Hoàn thành phần modal cho dự án (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 37 Review lại website và fix bug (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 5 responsive
Bài 01 Responsive là gì Cách thực hiện ra sao (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 02 Viewport là gì (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 03 Media query (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 04 Tìm hiểu về breakpoints (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 05 Tìm hiểu về grid system (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 06 Tạo thành phần grid cho website (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 07 Tạo đối tương row trong grid system (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 08 Tạo đối tượng column trong grid system (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 09 Tạo offset column trong grid system (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 10 No gutters (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 11 Thực hành apply grid system vào dự án (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 6 thực hành responsive cho project facebook
Bài 1 Responsive cho phần header của Facebook (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 2 Hoàn thành phần responsive header (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 3 Responsive layout cho content (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 4 Fixbug details của phần header (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 5 Fixbug details cho phần content (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 6 Tìm hiểu về scrollsnap và hoàn thành project (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 7 Đưa code lên github và deploy dự án (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 8 Một số điều cần lưu ý khi responsive (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 9 Fixbug những lỗi tồn động và hoàn thành sản phẩm (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 7 kiến thức bổ sung (grid css)
Bài 1 Grid CSS là gì So sánh grid CSS với Flexbox CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 2 Cách tìm ra nguyên nhân bug và fixbug khi responsive (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 3 Tìm hiểu các properties của grid CSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 4 Thực hành grid CSS (P1) (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 5 Thực hành grid CSS (P2) (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 8 scss sass
Bài 1 SASSSCSS là gì (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 2 Tìm hiểu về nested trong SCSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 3 Tìm hiểu về mixin trong SCSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 4 Tìm hiểu extends trong SCSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 5 Tìm hiểu về import trong SCSS (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 9 thực hành làm cv với scss và figma
Bài 1 Giới thiệu công cụ figma và setup dự án với SCSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 2 Xây dựng phần left container của CV (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 3 Hoàn thành CV với SCSS (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 4 Hướng dẫn Responsive với SCSS và định hướng khi kết thúc khóa học (website khoahocgiahoi.com zalo 0583953426).mp4