Trang chủ

Lập trình

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)

Bạn sẽ hiểu rõ về HTML, CSS và cách hoạt động của chúng như thế nào trong một trang web.

99.000 VND

399.000 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

Giới thiệu khóa học

Khóa học HTML & CSS từ cơ bản đến nâng cao 2023 (Sass) dành cho những người mới bắt đầu tìm hiểu về web hoặc những người quên đi kiến thức về HTML & CSS do không sử dụng nó trong một khoảng thời gian dài. Đây là những kiến thức không thể thiếu cho một lập trình viên web chuyên nghiệp. Bạn sẽ hiểu rõ về HTML, CSS và cách hoạt động của chúng như thế nào trong một trang web. Ngoài ra bạn còn có thể biết cách responsive để chúng hiển thị ở các loại thiết bị khác nhau tùy theo ý muốn của bạn.

Bạn sẽ được học lí thuyết gắn với thực hành, giúp cho mấy bạn nắm vững được những kiến thức vừa học.

Đặc biệt đây sẽ là khóa học cô đọng lại kiến thức về HTML, CSS giảng viên đã tích lũy trong một khoảng thời gian dài làm việc trong lĩnh vực web.

Nắm vững các kiến thức quan trong trong CSS như: grid css, flexbox, position, animation, ...

Nhanh tay đăng ký khoá học để nhận ưu đãi từ Fullbootcamp nhé!

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

Hiểu rõ về HTML và CSS và cách hoạt động của một trang web

Bạn tự tin đưa sản phẩm web của mình lên mạng và có thể share với cộng đồng

Nắm vững các kiến thức quan trong như: grid CSS, flexbox, animation, position...

Thành thạo các thuộc tính CSS để trở thành một master web developer

Hiểu về SASS/SCSS và cách sử dụng để tối ưu code.

Nắm được tất cả các thẻ HTML và thuộc tính CSS cần thiết để trở thành một lập trình web chuyên nghiệp

Yêu cầu

Nội dung khoá học

9 sections

Phần 1: Giới thiệu tổng quan về khóa học và cách học

6 lectures

Bài 1: Kết quả đạt được sau khi kết thúc khóa học

05:10

Bài 2: Tổng quan về một website

02:31

Bài 3: HTML/CSS là gì? Lịch sử ra đời và hoạt động như thế nào?

03:03

Bài 4: Sự khác nhau giữa HTML và HTML5

01:24

Bài 5: Tìm hiểu về devtools

02:05

Bài 6: Cài đặt môi trường

02:50

Phần 2: Tìm hiểu về HTML5

13 lectures

Bài 7: Cấu trúc file HTML

02:58

Bài 8: Một vài lưu ý

02:18

Bài 9: Các phím tắt để học hiệu quả hơn

03:06

Bài 10: Comment trong HTML

01:47

Bài 11: Các thẻ HTML tạo text

05:48

Bài 12: Các thẻ HTML để tạo ra bảng table

08:44

Bài 13: Các thẻ HTML dạng nhập điền dữ liệu trong form

12:48

Bài 14: Các thẻ socials trong HTML(video, img, audio, iframe)

11:16

Bài 15: Tìm hiểu attribute trong HTML

02:54

Bài 16: Hướng dẫn đưa code lên mạng

05:43

Bài 17: Tìm hiểu thẻ meta giúp tối ưu SEO

13:57

Bài 18: Tìm hiểu về XML?

02:08

Bài 19: Tìm hiểu về thẻ SVG

07:10

Phần 3: Tìm hiểu về CSS3

56 lectures

Bài 20: Các cách sử dụng CSS

02:31

Bài 21: Vì sao phải sử dụng id và class trong CSS?

03:22

Bài 22: Tìm hiểu về độ ưu tiên trong CSS

09:04

Bài 23: Tìm hiểu về cách đặt biến trong CSS

04:43

Bài 24: Đơn vị trong CSS

15:19

Bài 25: Tìm hiểu Display CSS

04:14

Bài 26: Tìm hiểu color trong CSS

12:05

Bài 27: Tìm hiểu rgba và transparent trong color CSSS

03:49

Bài 28: Tìm hiểu về padding CSS

04:14

Bài 29: Tìm hiểu về border CSS

06:25

Bài 30: Tìm hiểu về margin CSS

02:20

Bài 31: Tìm hiểu về box-sizing CSS

02:59

Bài 32: Tìm hiểu background-clip trong CSS

02:02

Bài 33: Tìm hiểu về background-image trong CSS

10:28

Bài 34: Background-repeat CSS

05:10

Bài 35: Background-origin CSS

03:18

Bài 36: Background-size CSS

02:28

Bài 37: Background-position CSS

02:52

Bài 38: Background-attachment CSS

04:05

Bài 39: Background shorthand CSS

02:32

Bài 40: So sánh background, background-image, background-color trong CSS

06:05

Bài 41: Function CSS

05:27

Bài 42: CSS text alignment

07:18

Bài 43: CSS text decoration

02:26

Bài 44: CSS text transform

00:45

Bài 45: CSS text spacing

01:58

Bài 46: CSS text shadow

02:19

Bài 47: CSS font shorthand

01:18

Bài 48: CSS overflow

03:44

Bài 49: Custom scrollbar CSS

04:03

Bài 50: CSS text-overflow

01:18

Bài 51: CSS position relative

04:47

Bài 52: CSS position absolute

06:19

Bài 53: CSS Position fixed

02:27

Bài 54: CSS Position sticky

02:59

Bài 55: CSS Box shadow

02:58

Bài 56: Pseudo classes CSS

11:00

Bài 57: Pseudo element CSS

03:54

Bài 58: CSS selector

18:04

Bài 59: CSS table

09:10

Bài 60: Z-index CSS

02:48

Bài 61: CSS cursor

04:03

Bài 62: CSS pointer-events

03:35

Bài 63: CSS Transform

14:31

Bài 64: CSS animation

20:29

Bài 65: Transition CSS

06:15

Bài 66: Giới thiệu Flexbox CSS

03:05

Bài 67: Flexbox CSS phần 1

17:42

Bài 68: Flexbox CSS phần 2

12:30

Bài 69: Thực hành với flex CSS

11:57

Bài 70: Nắm vững flex CSS với game Froggy

19:40

Bài 71: Float CSS

03:39

Bài 72: CSS BEM là gì?

06:01

Bài 73: Thực hành CSS BEM

20:58

Bài 74: Các thành phần cơ bản của một trang web

03:57

Bài 75: Tìm hiểu về emmet trong HTML & CSS

03:06

Phần 4: Thực hành, xây dựng trang chủ Facebook

36 lectures

Bài 76: Xây dựng base source cho dự án

02:14

Bài 77: Reset CSS với normalize

03:51

Bài 78: Nên sử dụng đơn vị nào cho dự án?Tại sao?

09:17

Bài 79: Set up những thứ cần thiết ở global.css

15:01

Bài 80: Xây dựng bố cục layout cho dự án

23:48

Bài 81: Xây dựng phần Left Header

28:48

Bài 82: Xây dựng phần Center Header

26:36

Bài 83: Xây dựng phần Right Header

45:52

Bài 84: Hoàn thành phần Search Header

00:31

Bài 85: Xây dựng popup ở phần menu

45:03

Bài 86: Hoàn thành popup ở phần menu

07:07

Bài 87: Xây dựng popup phần messengers

30:04

Bài 88: Xử lý popup khi action với pseudo-class

24:16

Bài 89: Fix bug ở phần popup messenger

13:16

Bài 90: Xây dựng popup ở phần thông báo

05:11

Bài 91: Xây dựng phần popup accout của Facebook

27:42

Bài 92: Fix bug phần Header

08:35

Bài 93: Xây dựng cơ chế croll cho phần container

25:46

Bài 94: Xây dựng phần left sidebar (P1)

42:27

Bài 95: Hoàn thành phần left sidebar

28:30

Bài 96: Xây dựng phần header Slider

55:01

Bài 97: Xây dựng phần Slider (P2)

22:04

Bài 98: Hoàn thiện phần Slider

40:08

Bài 99: Xây dựng phần story

37:51

Bài 100: Xây dựng phần header phần post

11:55

Bài 101: Xây dựng phần hover group

35:03

Bài 102: Hoàn thiện phần header của post

45:25

Bài 103: Xây dựng phần content của post

55:37

Bài 104: Xây dựng các button action trong phần post

04:04

Bài 105: Xây dựng phần footer của post

06:38

Bài 106: Hoàn thành các phần hover cho footer post

34:25

Bài 107: Xây dựng phần right sidebar(P1)

40:15

Bài 108: Xây dựng phần right sidebar (P2)

21:26

Bài 109: Hoàn thành phần right sidebar

00:47

Bài 110: Hoàn thành phần modal cho dự án

10:03

Bài 111: Review lại website và fix bug

05:47

Phần 5: Responsive

11 lectures

Bài 112: Responsive là gì? Cách thực hiện ra sao

04:48

Bài 113: Viewport là gì?

18:09

Bài 114: Media query

09:07

Bài 115: Tìm hiểu về breakpoints

10:31

Bài 116: Tìm hiểu về grid system

11:51

Bài 117: Tạo thành phần grid cho website

29:40

Bài 118: Tạo đối tương row trong grid system

09:31

Bài 119: Tạo đối tượng column trong grid system

04:09

Bài 120: Tạo offset column trong grid system

14:38

Bài 121: No gutters

30:27

Bài 122: Thực hành apply grid system vào dự án

36:33

Phần 6: Thực hành Responsive cho project Facebook

10 lectures

Bài 123: Responsive cho phần header của Facebook

30:27

Bài 124: Hoàn thành phần responsive header

36:33

Bài 125: Responsive layout cho content

22:05

Bài 126: Fixbug details của phần header

07:25

Bài 127: Fixbug details cho phần content

20:50

Bài 128: Tìm hiểu về scroll-snap và hoàn thành project

09:14

Bài 129: Đưa code lên github và deploy dự án

13:25

Bài 130: Một số điều cần lưu ý khi responsive

16:28

Bài 131: Fixbug những lỗi tồn động và hoàn thành sản phẩm

18:05

Bài 132: Cách tìm ra nguyên nhân bug và fixbug khi responsive

13:13

Phần 7: Kiến thức bổ sung(Grid CSS)

4 lectures

Bài 133: Grid CSS là gì ? So sánh grid CSS với Flexbox CSS

05:11

Bài 134: Tìm hiểu các properties của grid CSS

24:16

Bài 135: Thực hành grid CSS (P1)

12:02

Bài 136: Thực hành grid CSS (P2)

18:33

Phần 8: SCSS/SASS

5 lectures

Bài 137: SASS/SCSS là gì?

07:53

Bài 138: Tìm hiểu về nested trong SCSS

09:36

Bài 139: Tìm hiểu về mixin trong SCSS

14:28

Bài 140: Tìm hiểu extends trong SCSS

12:37

Bài 141: Tìm hiểu về import trong SCSS

04:58

Phần 9: Thực hành làm CV với SCSS và figma

3 lectures

Bài 142: Giới thiệu công cụ figma và setup dự án với SCSS

23:05

Bài 143: Xây dựng phần left container của CV

37:13

Bài 144: Hoàn thành CV với SCSS

44:31

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

Lập trình Java Web Fullstack

Lập trình Java Web Fullstack

Học Appsheet cơ bản

Học Appsheet cơ bản

Thành thạo C++ qua 108 bài học

Thành thạo C++ qua 108 bài học

Trở thành Quality Control (QC) / Tester cơ bản đến chuyên nghiệp trong dự án phần mềm

Trở thành Quality Control (QC) / Tester cơ bản đến chuyên nghiệp trong dự án phần mềm

Lập trình Laravel từ cơ bản đến nâng cao

Lập trình Laravel từ cơ bản đến nâng cao

CG01 - Lập trình C# cơ bản cho Excel

CG01 - Lập trình C# cơ bản cho Excel

Lập trình Flutter toàn tập (2024) - Zoom Record

Lập trình Flutter toàn tập (2024) - Zoom Record

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)

Lập trình web với Nodejs, Express, MongoDB

Lập trình web với Nodejs, Express, MongoDB

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi