Công nghệ thông tinKho Lưu Trữ VIP

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

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, Gri

5.0(51 đánh giá)

•

446 học viên

•

Giảng viên:Chuyên Gia Hàng Đầu

Ảnh chụp màn hình khóa học (2)

Nội Dung & Giáo Trình Chi Tiết

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

Cam Kết Bảo Hành & Hỗ Trợ 24/7

Tài liệu khóa học được lưu trữ vĩnh viễn trên Google Drive tốc độ cao. Hệ thống tự động kích hoạt quyền vào học ngay sau khi thanh toán VietQR thành công.