Unica Công nghệ Ngôn ngữ lập trình  

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.
1 Đánh giá
Cập nhật: 09/2023

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

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ừ Unica nhé!

Nội dung khóa học

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

Bài 1: Kết quả đạt được sau khi kết thúc khóa học
Học thử
05:10
Bài 2: Tổng quan về một website
Học thử
02:31
Bài 3: HTML/CSS là gì? Lịch sử ra đời và hoạt động như thế nào?
Học thử
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

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

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

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

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

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)

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

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

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

Tags: Ngôn ngữ lập trình   Công nghệ thông tin  

Khóa học liên quan

React query thực chiến siêu dễ 2023 (TanStack Query) PRO

05 giờ 03 phút - Cập nhật 08/2023

0

0

329,000đ

500,000đ

Luyện thi lấy chứng chỉ quốc tế ISTQB Foundation cho Tester

04 giờ 08 phút

3.3

94

599,000đ

800,000đ

Luyện thi chứng chỉ Scrum Master I (PSM I) và Product Owner I (PSPO I)

02 giờ 37 phút

4.7

121

499,000đ

1,200,000đ

Chế tạo robot điều khiển bằng giọng nói

03 giờ 04 phút

5

114

299,000đ

899,000đ

Lập trình LinQ toàn tập

18 giờ 45 phút

4.6

781

399,000đ

700,000đ

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

07 giờ 20 phút

0

14

499,000đ

700,000đ

Quản trị CSDL Oracle 12c cơ bản

09 giờ 33 phút

4.8

727

900,000đ

1,800,000đ

Học javascript căn bản thông qua lập trình 1 game

04 giờ 02 phút

5

33

396,000đ

600,000đ

Học python căn bản thông qua lập trình 1 game

04 giờ 15 phút

4.9

230

399,000đ

496,000đ

Lập trình Java trong 4 tuần

18 giờ 54 phút

4.9

1541

479,000đ

900,000đ

Thông tin giảng viên

  • 0 Học viên
  • 2 Khóa học
Nguyễn Duy Khánh

Xin chào mọi người, mình tên là Khánh hiện tại mình là một lập trình viên tại một công ty công nghệ chuyên về web tại TP.HCM.

Ngoài ra, mình cũng có một kênh youtube chuyên chia sẻ về kiến thức lập trình web.

Mình sẽ những kiến về lập trình web mà mình đã tích góp trong hơn 4 năm làm việc của mình.

Mong mọi người ủng hộ mình nhé!

Mình hy vọng khóa học của mình sẽ giúp ích được các bạn trên hành trình trở thành một lập trình viên chuyên nghiệp.

Xem thêm

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

5
0 Đánh giá

100%

0%

0%

0%

0%