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
9 Phần•
144 Bàibài giảng•
39h 16p
39 giờ 16 phút
Bài 1:
Kết quả đạt được sau khi kết thúc khóa học
00:05:10
Bài 2:
Tổng quan về một website
00:02:31
Bài 3:
HTML/CSS là gì? Lịch sử ra đời và hoạt động như thế nào?
00:03:03
Bài 4:
Sự khác nhau giữa HTML và HTML5
00:01:24
Bài 5:
Tìm hiểu về devtools
00:02:05
Bài 6:
Cài đặt môi trường
00:02:50
Bài 7:
Cấu trúc file HTML
00:02:58
Bài 8:
Một vài lưu ý
00:02:18
Bài 9:
Các phím tắt để học hiệu quả hơn
00:03:06
Bài 10:
Comment trong HTML
00:01:47
Bài 11:
Các thẻ HTML tạo text
00:05:48
Bài 12:
Các thẻ HTML để tạo ra bảng table
00:08:44
Bài 13:
Các thẻ HTML dạng nhập điền dữ liệu trong form
00:12:48
Bài 14:
Các thẻ socials trong HTML(video, img, audio, iframe)
00:11:16
Bài 15:
Tìm hiểu attribute trong HTML
00:02:54
Bài 16:
Hướng dẫn đưa code lên mạng
00:05:43
Bài 17:
Tìm hiểu thẻ meta giúp tối ưu SEO
00:13:57
Bài 18:
Tìm hiểu về XML?
00:02:08
Bài 19:
Tìm hiểu về thẻ SVG
00:07:10
Bài 20:
Các cách sử dụng CSS
00:02:31
Bài 21:
Vì sao phải sử dụng id và class trong CSS?
00:03:22
Bài 22:
Tìm hiểu về độ ưu tiên trong CSS
00:09:04
Bài 23:
Tìm hiểu về cách đặt biến trong CSS
00:04:43
Bài 24:
Đơn vị trong CSS
00:15:19
Bài 25:
Tìm hiểu Display CSS
00:04:14
Bài 26:
Tìm hiểu color trong CSS
00:12:05
Bài 27:
Tìm hiểu rgba và transparent trong color CSSS
00:03:49
Bài 28:
Tìm hiểu về padding CSS
00:04:14
Bài 29:
Tìm hiểu về border CSS
00:06:25
Bài 30:
Tìm hiểu về margin CSS
00:02:20
Bài 31:
Tìm hiểu về box-sizing CSS
00:02:59
Bài 32:
Tìm hiểu background-clip trong CSS
00:02:02
Bài 33:
Tìm hiểu về background-image trong CSS
00:10:28
Bài 34:
Background-repeat CSS
00:05:10
Bài 35:
Background-origin CSS
00:03:18
Bài 36:
Background-size CSS
00:02:28
Bài 37:
Background-position CSS
00:02:52
Bài 38:
Background-attachment CSS
00:04:05
Bài 39:
Background shorthand CSS
00:02:32
Bài 40:
So sánh background, background-image, background-color trong CSS
00:06:05
Bài 41:
Function CSS
00:05:27
Bài 42:
CSS text alignment
00:07:18
Bài 43:
CSS text decoration
00:02:26
Bài 44:
CSS text transform
00:00:45
Bài 45:
CSS text spacing
00:01:58
Bài 46:
CSS text shadow
00:02:19
Bài 47:
CSS font shorthand
00:01:18
Bài 48:
CSS overflow
00:03:44
Bài 49:
Custom scrollbar CSS
00:04:03
Bài 50:
CSS text-overflow
00:01:18
Bài 51:
CSS position relative
00:04:47
Bài 52:
CSS position absolute
00:06:19
Bài 53:
CSS Position fixed
00:02:27
Bài 54:
CSS Position sticky
00:02:59
Bài 55:
CSS Box shadow
00:02:58
Bài 56:
Pseudo classes CSS
00:11:00
Bài 57:
Pseudo element CSS
00:03:54
Bài 58:
CSS selector
00:18:04
Bài 59:
CSS table
00:09:10
Bài 60:
Z-index CSS
00:02:48
Bài 61:
CSS cursor
00:04:03
Bài 62:
CSS pointer-events
00:03:35
Bài 63:
CSS Transform
00:14:31
Bài 64:
CSS animation
00:20:29
Bài 65:
Transition CSS
00:06:15
Bài 66:
Giới thiệu Flexbox CSS
00:03:05
Bài 67:
Flexbox CSS phần 1
00:17:42
Bài 68:
Flexbox CSS phần 2
00:12:30
Bài 69:
Thực hành với flex CSS
00:11:57
Bài 70:
Nắm vững flex CSS với game Froggy
00:19:40
Bài 71:
Float CSS
00:03:39
Bài 72:
CSS BEM là gì?
00:06:01
Bài 73:
Thực hành CSS BEM
00:20:58
Bài 74:
Các thành phần cơ bản của một trang web
00:03:57
Bài 75:
Tìm hiểu về emmet trong HTML & CSS
00:03:06
Bài 76:
Xây dựng base source cho dự án
00:02:14
Bài 77:
Reset CSS với normalize
00:03:51
Bài 78:
Nên sử dụng đơn vị nào cho dự án?Tại sao?
00:09:17
Bài 79:
Set up những thứ cần thiết ở global.css
00:15:01
Bài 80:
Xây dựng bố cục layout cho dự án
00:23:48
Bài 81:
Xây dựng phần Left Header
00:28:48
Bài 82:
Xây dựng phần Center Header
00:26:36
Bài 83:
Xây dựng phần Right Header
00:45:52
Bài 84:
Hoàn thành phần Search Header
01:00:31
Bài 85:
Xây dựng popup ở phần menu
00:45:03
Bài 86:
Hoàn thành popup ở phần menu
01:07:07
Bài 87:
Xây dựng popup phần messengers
00:30:04
Bài 88:
Xử lý popup khi action với pseudo-class
00:24:16
Bài 89:
Fix bug ở phần popup messenger
01:13:16
Bài 90:
Xây dựng popup ở phần thông báo
01:05:11
Bài 91:
Xây dựng phần popup accout của Facebook
00:27:42
Bài 92:
Fix bug phần Header
00:08:35
Bài 93:
Xây dựng cơ chế croll cho phần container
00:25:46
Bài 94:
Xây dựng phần left sidebar (P1)
00:42:27
Bài 95:
Hoàn thành phần left sidebar
00:28:30
Bài 96:
Xây dựng phần header Slider
00:55:01
Bài 97:
Xây dựng phần Slider (P2)
00:22:04
Bài 98:
Hoàn thiện phần Slider
00:40:08
Bài 99:
Xây dựng phần story
00:37:51
Bài 100:
Xây dựng phần header phần post
01:11:55
Bài 101:
Xây dựng phần hover group
00:35:03
Bài 102:
Hoàn thiện phần header của post
00:45:25
Bài 103:
Xây dựng phần content của post
00:55:37
Bài 104:
Xây dựng các button action trong phần post
01:04:04
Bài 105:
Xây dựng phần footer của post
01:06:38
Bài 106:
Hoàn thành các phần hover cho footer post
00:34:25
Bài 107:
Xây dựng phần right sidebar(P1)
00:40:15
Bài 108:
Xây dựng phần right sidebar (P2)
00:21:26
Bài 109:
Hoàn thành phần right sidebar
01:00:47
Bài 110:
Hoàn thành phần modal cho dự án
00:10:03
Bài 111:
Review lại website và fix bug
00:05:47
Bài 112:
Responsive là gì? Cách thực hiện ra sao
00:04:48
Bài 113:
Viewport là gì?
00:18:09
Bài 114:
Media query
00:09:07
Bài 115:
Tìm hiểu về breakpoints
00:10:31
Bài 116:
Tìm hiểu về grid system
00:11:51
Bài 117:
Tạo thành phần grid cho website
00:29:40
Bài 118:
Tạo đối tương row trong grid system
00:09:31
Bài 119:
Tạo đối tượng column trong grid system
00:04:09
Bài 120:
Tạo offset column trong grid system
00:14:38
Bài 121:
No gutters
00:30:27
Bài 122:
Thực hành apply grid system vào dự án
00:36:33
Bài 123:
Responsive cho phần header của Facebook
00:30:27
Bài 124:
Hoàn thành phần responsive header
00:36:33
Bài 125:
Responsive layout cho content
00:22:05
Bài 126:
Fixbug details của phần header
00:07:25
Bài 127:
Fixbug details cho phần content
00:20:50
Bài 128:
Tìm hiểu về scroll-snap và hoàn thành project
00:09:14
Bài 129:
Đưa code lên github và deploy dự án
00:13:25
Bài 130:
Một số điều cần lưu ý khi responsive
00:16:28
Bài 131:
Fixbug những lỗi tồn động và hoàn thành sản phẩm
00:18:05
Bài 132:
Cách tìm ra nguyên nhân bug và fixbug khi responsive
00:13:13
Bài 133:
Grid CSS là gì ? So sánh grid CSS với Flexbox CSS
00:05:11
Bài 134:
Tìm hiểu các properties của grid CSS
00:24:16
Bài 135:
Thực hành grid CSS (P1)
00:12:02
Bài 136:
Thực hành grid CSS (P2)
00:18:33
Bài 137:
SASS/SCSS là gì?
00:07:53
Bài 138:
Tìm hiểu về nested trong SCSS
00:09:36
Bài 139:
Tìm hiểu về mixin trong SCSS
00:14:28
Bài 140:
Tìm hiểu extends trong SCSS
00:12:37
Bài 141:
Tìm hiểu về import trong SCSS
00:04:58
Bài 142:
Giới thiệu công cụ figma và setup dự án với SCSS
00:23:05
Bài 143:
Xây dựng phần left container của CV
00:37:13