Học Online: 2000+ Khóa học trực tuyến cho người đi làm
Đăng nhập
Đăng ký
Kích hoạt khóa học
Hội viên
Doanh nghiệp

Danh mục đào tạo

Tải app

Hỗ trợ

Hotline: 090 488 6095
Email: cskh@unica.vn

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.

5.0 (1 đánh giá)
11 học viên
Giảng viên
Nguyễn Duy Khá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

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ài • 39h 16p
Phần 1: Giới thiệu tổng quan về khóa học và cách học 6 bài học
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
Phần 2: Tìm hiểu về HTML5 13 bài học
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
Phần 3: Tìm hiểu về CSS3 56 bài học
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
Phần 4: Thực hành, xây dựng trang chủ Facebook 36 bài học
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
Phần 5: Responsive 11 bài học
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
Phần 6: Thực hành Responsive cho project Facebook 10 bài học
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
Phần 7: Kiến thức bổ sung(Grid CSS) 4 bài học
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
Phần 8: SCSS/SASS 5 bài học
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
Phần 9: Thực hành làm CV với SCSS và figma 3 bài học
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
Bài 144: Hoàn thành CV với SCSS 00:44:31
Tags:
Ngôn ngữ lập trình

Thông tin giảng viên

Nguyễn Duy Khánh
Nguyễn Duy Khánh

5.0 Đánh giá
49+ Học viên
2 Khóa học

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.

Khóa học liên quan

5.0 xếp hạng khóa học
1 đánh giá

Thanh Bình

Tôi cảm thấy rất hài lòng với việc tham gia vào khoá học này.

999.000đ 1.000.000đ
Ưu đãi chỉ còn 5 giờ 12 phút!
Cam kết hoàn tiền trong 7 ngày
  • Thời lượng: 39 giờ 16 phút
  • Giáo trình: 144 bài giảng
  • Truy cập trọn đời
  • Chứng chỉ hoàn thành

999.000đ

1.000.000đ
Chat
logo

Học online cùng chuyên gia

Hotline 1: 19001568

Hotline 2: 090 488 6095

Email: cskh@unica.vn

08h0 - 18h0, Thứ 2 - 7

Về Unica

Hợp tác

Unica App

Unica on App Store Unica on Google Play

Kết nối với Unica

© Công ty cổ phần đào tạo trực tuyến Unica - Tầng 3, Số 247 Cầu Giấy, Phường Cầu Giấy, TP. Hà Nội.

Đại diện: Ông Nguyễn Trọng Thơ | Mã số thuế: 0107695756 cấp tại Sở KH&ĐT thành phố Hà Nội

Open language menu

Tiếng Việt

Đã thông báo Bộ Công Thương