Lập trình

Khóa học HTML CSS từ cơ bản đến nâng cao 2023 (Sass)

0 Học viên

07 giờ

Về khoá học

Khóa học HTML CSS từ cơ bản đến nâng cao 2023 (Sass) là một chương trình đào tạo toàn diện, được thiết kế để giúp học viên nắm vững kiến thức và kỹ năng cần thiết để xây dựng giao diện web chuyên nghiệp

Nội dung khoá học

01 Chương I Giới thiệu

001 Kết quả đạt được sau khi kết thúc khóa học.

05:10
002 Hướng dẫn cách học sao cho hiệu quả.mp4

03:19
003 Tổng quan về một website.mp4

02:31
004 HTML, CSS là gì Lịch sử ra đời và hoạt động như thế nào.mp4

03:03
005 Sự khác nhau giữa HTML và HTML5.mp4

01:24
006 Tìm hiểu về devtools.mp4

02:05
007 Cài đặt môi trường.mp4

02:50

02 Chương II Tìm hiểu HTML5

001 Cấu trúc file HTML.mp4

02:58
002 Một vài lưu ý.mp4

02:18
003 Các phím tắt để học hiệu quả hơn.mp4

03:06
004 Comment trong HTML.mp4

01:47
005 Các thẻ HTML tạo text.mp4

05:48
006 Các thẻ HTML để tạo ra bảng table.mp4

08:44
007 Các thẻ HTML dạng nhập điền dữ liệu trong form.mp4

12:48
008 Các thẻ socials trong HTML(video, img, audio, iframe).mp4

11:16
009 Tìm hiểu attribute trong HTML.mp4

02:54
010 Hướng dẫn đưa code lên mạng.mp4

05:43
011 Tìm hiểu thẻ meta giúp tối ưu SEO.mp4

13:57
012 Tìm hiểu về XML.mp4

02:08
013 Tìm hiểu về thẻ SVG.mp4

07:10

03 Chương III Tìm hiểu CSS3

001 Các cách sử dụng CSS.mp4

06:50
002 Vì sao phải sử dụng id và class trong CSS.mp4

03:22
003 Tìm hiểu về độ ưu tiên trong CSS.mp4

09:04
004 Tìm hiểu về cách đặt biến trong CSS.mp4

04:43
005 Đơn vị trong CSS.mp4

15:19
006 Tìm hiểu Display CSS.mp4

04:14
007 Tìm hiểu color trong CSS.mp4

12:05
008 Tìm hiểu rgba và transparent trong color CSSS.mp4

03:49
009 Tìm hiểu về padding CSS.mp4

04:14
010 Tìm hiểu về border CSS.mp4

06:25
011 Tìm hiểu về margin CSS.mp4

02:19
012 Tìm hiểu về box-sizing CSS.mp4

02:58
013 Tìm hiểu background-clip trong CSS.mp4

02:02
014 Tìm hiểu về background-image trong CSS.mp4

10:28
015 Background-repeat CSS.mp4

05:10
016 Background-origin CSS.mp4

03:18
017 Background-size CSS.mp4

02:28
018 Background-position CSS.mp4

02:52
019 Background-attachment CSS.mp4

04:05
020 Background shorthand CSS.mp4

02:32
021 So sánh background, background-image, background-color trong CSS.mp4

06:05
022 Function CSS.mp4

05:27
023 CSS text alignment.mp4

07:18
024 CSS text decoration.mp4

02:26
025 CSS text transform.mp4

00:45
026 CSS text spacing.mp4

01:58
027 CSS text shadow.mp4

02:19
028 CSS font shorthand.mp4

01:18
029 CSS overflow.mp4

03:44
030 Custom scrollbar CSS.mp4

04:03
031 CSS text-overflow.mp4

01:18
032 CSS position relative.mp4

04:47
033 CSS position absolute.mp4

06:19
034 CSS Position fixed.mp4

02:27
035 CSS Position sticky.mp4

02:59
036 CSS Box shadow.mp4

02:58
037 Pseudo classes CSS.mp4

11:00
038 Pseudo element CSS.mp4

03:54
039 CSS selector.mp4

18:04
040 CSS table.mp4

09:10
041 Z-index CSS.mp4

02:48
042 CSS cursor.mp4

04:03
043 CSS pointer-events.mp4

03:35
044 CSS Transform.mp4

14:31
045 CSS animation.mp4

20:28
046 Transition CSS.mp4

06:15
047 Giới thiệu Flexbox CSS.mp4

03:05
048 Flexbox CSS phần 1.mp4

17:42
049 Flexbox CSS phần 2.mp4

12:30
050 Thực hành với flex CSS.mp4

11:57
051 Nắm vững flex CSS với game Froggy.mp4

19:40
052 Float CSS.mp4

03:39
053 CSS BEM là gì.mp4

06:01
054 Thực hành CSS BEM.mp4

20:58
055 Các thành phần cơ bản của một trang web.mp4

03:57
056 Tìm hiểu về emmet trong HTML

12:01

04 Chương IV Thực hành xây dựng trang chủ Facebook

001 Xây dựng base source cho dự án.mp4

03:06
002 Reset CSS với normalize.mp4

02:13
003 Nên sử dụng đơn vị nào cho dự ánTại sao.mp4

03:51
004 Set up những thứ cần thiết ở global.css.mp4

09:17
005 Xây dựng bố cục layout cho dự án.mp4

15:01
006 Xây dựng phần Left Header.mp4

23:48
007 Xây dựng phần Center Header.mp4

28:48
008 Xây dựng phần Right Header.mp4

26:36
009 Hoàn thành phần Search Header.mp4

45:51
010 Xây dựng popup ở phần menu.mp4

01:00:31
011 Hoàn thành popup ở phần menu.mp4

45:03
022 Xây dựng phần Slider (P2).mp4

55:01
023 Hoàn thiện phần Slider.mp4

22:04
024 Xây dựng phần story.mp4

40:08
025 Xây dựng phần header phần post.mp4

37:51
027 Hoàn thiện phần header của post.mp4

01:11:55
028 Xây dựng phần content của post.mp4

35:02
029 Xây dựng các button action trong phần post.mp4

45:25
030 Xây dựng phần footer của post.mp4

55:37
031 Hoàn thành các phần hover cho footer post.mp4

01:06:38
033 Xây dựng phần right sidebar(P1).mp4

01:04:04
034 Xây dựng phần right sidebar (P2).mp4

34:24
035 Hoàn thành phần right sidebar.mp4

40:15
036 Hoàn thành phần modal cho dự án.mp4

15:47
037 Review lại website và fix bug.mp4

21:26

05 Chương V Responsive

001 Responsive là gì Cách thực hiện ra sao.mp4

05:47
002 Viewport là gì.mp4

04:48
003 Media query.mp4

18:09
004 Tìm hiểu về breakpoints.mp4

09:07
005 Tìm hiểu về grid system.mp4

10:31
006 Tạo thành phần grid cho website.mp4

12:36
007 Tạo đối tương row trong grid system.mp4

11:51
008 Tạo đối tượng column trong grid system.mp4

29:40
009 Tạo offset column trong grid system.mp4

09:31
010 No gutters.mp4

04:09
011 Thực hành apply grid system vào dự án.mp4

14:38

06 Chương VI Thực hành Responsive cho project Facebook

001 Responsive cho phần header của Facebook.mp4

30:27
002 Hoàn thành phần responsive header.mp4

36:33
003 Responsive layout cho content.mp4

22:05
004 Fixbug details của phần header.mp4

36:33
005 Fixbug details cho phần content.mp4

20:50
006 Tìm hiểu về scroll-snap và hoàn thành project.mp4

09:14
007 Đưa code lên github và deploy dự án.mp4

13:25
008 Một số điều cần lưu ý khi responsive.mp4

16:28
009 Fixbug những lỗi tồn động và hoàn thành sản phẩm.mp4

18:05

07 Chương VII Kiến thức bổ sung (Grid CSS)

7 Chương VII Kiến thức bổ sung (Grid CSS)

08 Chương VIII SCSS/ SASS

09 Chương IX Thực hành làm CV với SCSS và Figma

Người hướng dẫn

Onlica

4.6

287 Học viên

173 Khoá học

Thời lượng 07 giờ
Lần cập nhật 11/04/2025

Sale

Khóa Học Data Science Machine Learning Python Cùng Việt nguyễn Ai

13 Bài học

27 giờ54 phút

Onlica

~~10.000.000 ₫~~ 299.000 ₫

Sale

Bộ Khóa Học Data Analytics 2023 Cùng Mindx

46 Bài học

106 giờ10 phút

Onlica

~~25.000.000 ₫~~ 899.000 ₫

Sale

Khóa học React PRO | Trở thành lập trình viên React giá trị Cùng HoleTex

189 Bài học

04 giờ48 phút

Onlica

~~1.499.000 ₫~~ 99.000 ₫

Sale

Khóa Học Lập Trình Thi Đấu 28Tech

37 Bài học

09 giờ35 phút

Onlica

~~5.000.000 ₫~~ 199.000 ₫

Danh mục nổi bật

Danh mục khác

Khám phá

1000+ khoá học

mới nhất

Khóa học HTML CSS từ cơ bản đến nâng cao 2023 (Sass)

Về khoá học

Bạn sẽ học được gì ?

Đối tượng

Nội dung khoá học

01 Chương I Giới thiệu

001 Kết quả đạt được sau khi kết thúc khóa học.

002 Hướng dẫn cách học sao cho hiệu quả.mp4

003 Tổng quan về một website.mp4

004 HTML, CSS là gì Lịch sử ra đời và hoạt động như thế nào.mp4

005 Sự khác nhau giữa HTML và HTML5.mp4

006 Tìm hiểu về devtools.mp4

007 Cài đặt môi trường.mp4

02 Chương II Tìm hiểu HTML5

001 Cấu trúc file HTML.mp4

002 Một vài lưu ý.mp4

003 Các phím tắt để học hiệu quả hơn.mp4

004 Comment trong HTML.mp4

005 Các thẻ HTML tạo text.mp4

006 Các thẻ HTML để tạo ra bảng table.mp4

007 Các thẻ HTML dạng nhập điền dữ liệu trong form.mp4

008 Các thẻ socials trong HTML(video, img, audio, iframe).mp4

009 Tìm hiểu attribute trong HTML.mp4

010 Hướng dẫn đưa code lên mạng.mp4

011 Tìm hiểu thẻ meta giúp tối ưu SEO.mp4

012 Tìm hiểu về XML.mp4

013 Tìm hiểu về thẻ SVG.mp4

03 Chương III Tìm hiểu CSS3

001 Các cách sử dụng CSS.mp4

002 Vì sao phải sử dụng id và class trong CSS.mp4

003 Tìm hiểu về độ ưu tiên trong CSS.mp4

004 Tìm hiểu về cách đặt biến trong CSS.mp4

005 Đơn vị trong CSS.mp4

006 Tìm hiểu Display CSS.mp4

007 Tìm hiểu color trong CSS.mp4

008 Tìm hiểu rgba và transparent trong color CSSS.mp4

009 Tìm hiểu về padding CSS.mp4

010 Tìm hiểu về border CSS.mp4

011 Tìm hiểu về margin CSS.mp4

012 Tìm hiểu về box-sizing CSS.mp4

013 Tìm hiểu background-clip trong CSS.mp4

014 Tìm hiểu về background-image trong CSS.mp4

015 Background-repeat CSS.mp4

016 Background-origin CSS.mp4

017 Background-size CSS.mp4

018 Background-position CSS.mp4

019 Background-attachment CSS.mp4

020 Background shorthand CSS.mp4

021 So sánh background, background-image, background-color trong CSS.mp4

022 Function CSS.mp4

023 CSS text alignment.mp4

024 CSS text decoration.mp4

025 CSS text transform.mp4

026 CSS text spacing.mp4

027 CSS text shadow.mp4

028 CSS font shorthand.mp4

029 CSS overflow.mp4

030 Custom scrollbar CSS.mp4

031 CSS text-overflow.mp4

032 CSS position relative.mp4

033 CSS position absolute.mp4

034 CSS Position fixed.mp4

035 CSS Position sticky.mp4

036 CSS Box shadow.mp4

037 Pseudo classes CSS.mp4

038 Pseudo element CSS.mp4

039 CSS selector.mp4

040 CSS table.mp4

041 Z-index CSS.mp4

042 CSS cursor.mp4

043 CSS pointer-events.mp4

044 CSS Transform.mp4

045 CSS animation.mp4

046 Transition CSS.mp4

047 Giới thiệu Flexbox CSS.mp4