Danh mục
Development
Web Development Data Storage Git Automation Database Design Web Scraping
Business
Business Analysis Communication Project Management Sales Forecasting Business Strategy Operations Management Human Resources Oil and Gas Industry
Finance & Accounting
IT & Software
Office Productivity
SAP Word Excel PowerPoint Excel VBA SharePoint
Personal Development
Persuasion Notion Workspace Mind Mapping
Design
Design Sketching Typography Game Design Digital Art zBrush 3D Animation
Marketing
SEO Marketing Strategy YouTube Marketing Digital Marketing Facebook Marketing Growth Hacking Twitter Marketing Instagram Marketing
Lifestyle
Beer Brewing Beauty Home Repair Energy Healing Bartending Leather Crafting Makeup Artistry Hypnotherapy
Music
Piano Guitar Singing Music Production Acoustic Guitar Fingerstyle Guitar Music Theory Bass Guitar
Duocmmo Tedu Tin học văn phòng Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Design
Web Design
CSS
HTML CSS Master - Nắm chắc toàn bộ kiến thức HTML CSS A-Z

HTML CSS Master - Nắm chắc toàn bộ kiến thức HTML CSS A-Z

Loại khoá học: Web Design

Nắm vững toàn bộ kiến thức HTML CSS từ cơ bản đến nâng cao thông qua dự án thực tế. Code nhanh và chuẩn với PUG SASS

image
50.000 VND
75 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

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Nếu bạn chưa biết gì về HTML CSS, hoặc chỉ đơn giản là người mới tìm hiểu về Frontend bắt đầu học HTML CSS, người muốn cải thiện trình độ HTML CSS được chuyên sâu hơn thì khóa này chắc chắn sẽ phù hợp với bạn. Khóa học sẽ hướng dẫn không chỉ kiến thức kỹ càng mà còn về kinh nghiệm cắt giao diện từ Figma sang HTML CSS chỉn chu và nhanh gọn lẹ.


Ngoài những kiến thức thông qua video, mình còn cô đọng lại trong một file riêng để các bạn có thể xem lại nữa. Ngoài ra các bạn còn học được thêm về kiến thức layout, components, props, biến, vòng lặp... để sau này các bạn học qua Javascript hay các frameworks, libraries như React, Vue, Angular không còn bỡ ngỡ nữa luôn.


Sau khi hoàn thành khóa học này, các bạn sẽ có thể tự tay code các trang web từ đơn giản đến phức tạp một cách hoàn chỉnh. Bằng việc nắm vững kiến thức HTML để sử dụng các thẻ đúng đắn, nắm tốt kiến thức CSS để có thể tùy biến giao diện một cách nhanh chóng. Code nhiều giao diện giống nhau bằng việc tái sử dụng code thông qua dùng PUG, biết cách tối ưu code, tinh chỉnh linh động cho các trang web một cách chỉn chu.


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

Nắm vững kiến thức HTML CSS chuẩn chỉnh từ đầu

Thực hành dự án thực tế

Code cực nhanh và hiệu quả với PUG, SASS

Có nhóm hỗ trợ khi gặp khó khăn trong quá trình học

Được chia sẻ thiết kế đẹp, xịn xò để thực hành sau khi hoàn thành khóa học

Được tặng Ebooks hay về UI UX sau khi hoàn thành khóa học

Biết thêm cách sử dụng Figma

Cải thiện tư duy về layout nhanh chóng

Yêu cầu

  • Chỉ cần có Laptop cài đặt được VSCode là có thể học được

Nội dung khoá học

3 sections

Chương 1: Thiết lập và tổng quan

2 lectures
Bài 1: Giới thiệu khóa học
21:03
Bài 2: Các thiết lập quan trọng
22:07

Chương 2: Kiến thức

41 lectures
Bài 3: Các kiến thức cơ bản cần nắm kỹ
21:37
Bài 4: Phân tích tổng quan giao diện Tour Item
29:42
Bài 5: Google fonts, css reset và selectors
23:33
Bài 6: Nắm vững Box Sizing
29:51
Bài 7: Thuộc tính margin, line-height và display
32:31
Bài 8: Thuộc tính min và max-width, flexbox cơ bản
44:55
Bài 9: Flexbox cơ bản, các thuộc tính về chữ
25:48
Bài 10: Tìm hiểu Pug cơ bản phần 1
16:45
Bài 11: Tìm hiểu Pug cơ bản phần 2
17:32
Bài 12: Nắm vững thuộc tính position
25:03
Bài 13: Responsive cơ bản
26:37
Bài 14: Thực hành giao diện Popuplar
35:43
Bài 15: Thực hành giao diện Popuplar tiếp theo
22:46
Bài 16: CSS Variables
28:50
Bài 17: Tối ưu giao diện
24:18
Bài 18: CSS Grid
20:30
Bài 19: Thực hành CSS Grid phần 1
38:29
Bài 20: Thực hành CSS Grid phần 2
22:08
Bài 21: Phân tích giao diện Footer
45:41
Bài 22: Tìm hiểu các thẻ và thuộc tính liên quan tới Form
44:08
Bài 23: Tối ưu Responsive các sections và footer
18:47
Bài 24: Sử dụng extend layout trong Pug, cài đặt và sử dụng Sass cơ bản
37:08
Bài 25: Kiến thức Sass cơ bản: biến, nested, import, 7-1 pattern
36:02
Bài 26: Flexbox nâng cao, transition, sass mixins
39:57
Bài 27: Sass mixins nâng cao, auto-fit và auto-fill
41:47
Bài 28: Dàn layout phức tạp với CSS Grid Area
30:13
Bài 29: Tìm hiểu pseudo before và after, column,
41:57
Bài 30: CSS scroll, ratio, order, counter
38:42
Bài 31: Nắm vững clamp, min, max và container queries
25:10
Bài 32: Flexbox nâng cao
24:19
Bài 33: Sự khác nhau giữa đơn vị em và rem
27:53
Bài 34: Sử dụng đơn vị nào khi dùng media queries
08:58
Bài 35: Tùy biến checkbox
13:42
Bài 36: Tùy biến radio và toggle
10:46
Bài 37: Tùy biến Dropdown
24:31
Bài 38: Tìm hiểu hàm translate
17:43
Bài 39: Tìm hiểu hàm scale
14:33
Bài 40: Tìm hiểu hàm skew
11:20
Bài 41: Tìm hiểu clip-path và shape-outside
11:51
Bài 42: Table cơ bản
22:59
Bài 43: Những giao diện nâng cao với Input
19:04

Chương 3: Thực hành thực tế dự án Dashboard Gocast UI

19 lectures
Bài 44: Thiết lập dự án GocastUI
09:43
Bài 45: Thiết lập cấu trúc Pug
13:47
Bài 46: Tìm hiểu use và forward trong Sass
16:36
Bài 47: Tối ưu cấu trúc thư mục Sass
12:11
Bài 48: Phân tích và code Sidebar phần 1
15:57
Bài 49: Phân tích và code Sidebar phần 2
16:16
Bài 50: Xử lý hover icon svg hiệu quả
19:33
Bài 51: Tối ưu inline svg icon trong Pug
06:01
Bài 52: Phân tích và code Topbar
35:57
Bài 53: Popuplar host phần 1
38:00
Bài 54: Popuplar host phần 2
13:56
Bài 55: Trending section
40:01
Bài 56: Feed Header
33:14
Bài 57: Giao diện Feed Item
35:36
Bài 58: Giao diện Widgets
38:17
Bài 59: Responsive layout tổng quan
41:20
Bài 60: Giao diện Dark Mode
35:45
Bài 61: Độ ưu tiên cần nắm và kinh nghiệm đè code cần phải biết (Bonus)
15:45
Bài 62: Code giao diện trang Playlist (Bonus)
43: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?

Khoá học liên quan

DevOps MasterClass 2024: Terraform Kubernetes Ansible Docker

DevOps MasterClass 2024: Terraform Kubernetes Ansible Docker

120 VND
50.000 VND
Complete A.I. & Machine Learning, Data Science Bootcamp

Complete A.I. & Machine Learning, Data Science Bootcamp

150 VND
50.000 VND
Vue - The Complete Guide (incl. Router & Composition API)

Vue - The Complete Guide (incl. Router & Composition API)

100 VND
50.000 VND
Build Solutions with Power Apps, Power Automate & SharePoint

Build Solutions with Power Apps, Power Automate & SharePoint

100 VND
50.000 VND
The Web Developer Bootcamp 2024

The Web Developer Bootcamp 2024

180 VND
50.000 VND
React Pro TypeScript - Thực Hành Dự Án Portfolio

React Pro TypeScript - Thực Hành Dự Án Portfolio

55 VND
50.000 VND
E-Learning Marketplace with NodeJs API and React/NextJs

E-Learning Marketplace with NodeJs API and React/NextJs

80 VND
50.000 VND
Complete C# Unity Game Developer 2D

Complete C# Unity Game Developer 2D

185 VND
50.000 VND
CMake, Tests and Tooling for C/C++ Projects [2024 Edition]

CMake, Tests and Tooling for C/C++ Projects [2024 Edition]

100 VND
50.000 VND
Advanced course on Outsystems Reactive Web Development

Advanced course on Outsystems Reactive Web Development

95 VND
50.000 VND
.NET MAUI course with Visual Studio 2022 creating PROJECTS

.NET MAUI course with Visual Studio 2022 creating PROJECTS

95 VND
50.000 VND
The Git & Github Bootcamp

The Git & Github Bootcamp

120 VND
50.000 VND
Flutter & Dart - The Complete Guide [2024 Edition]

Flutter & Dart - The Complete Guide [2024 Edition]

185 VND
50.000 VND
The Complete Flutter Development Bootcamp with Dart

The Complete Flutter Development Bootcamp with Dart

125 VND
50.000 VND
NestJS Zero to Hero - Modern TypeScript Back-end Development

NestJS Zero to Hero - Modern TypeScript Back-end Development

85 VND
50.000 VND
iOS & Swift - The Complete iOS App Development Bootcamp

iOS & Swift - The Complete iOS App Development Bootcamp

185 VND
50.000 VND
image

Đă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