Chia Sẻ Khóa Học Modern HTML & CSS Từ Đầu 2.0 (Cải Tiến 2024) [Update Tháng 7-2024] [Khóa 6576 A]
Xây dựng các responsive website hiện đại với HTML và CSS - Học qua các module, các mini-project và 3 full website.
Những gì bạn sẽ học được:
- ✓ Xây dựng 3 Website chất lượng cao cùng với các Mini-Project.
- ✓ Môi trường Sandbox để tìm hiểu Tags, CSS Properties, Accessibility và các khái niệm khác.
- ✓ Semantic Elements, Box Model, Transitions, Keyframes, Pseudo Selectors và nhiều hơn nữa.
- ✓ Tạo Flexible Layout với Flexbox và CSS Grid.
- ✓ Tạo các Responsive Website với Media Queries, Relative Units & Flexible Layouts.
- ✓ Tìm hiểu cơ bản về Git, GitHub và Website Deployment.
- ✓ Tìm hiểu phương pháp BEM (Block Element Modifier).
- ✓ Tất cả các cấp độ kỹ năng.
Vừa được cải tiến lại cho 2024, khóa học này dành cho cả người mới bắt đầu muốn học HTML/CSS từ đầu đến cuối cũng như các nhà phát triển dày dạn kinh nghiệm chỉ muốn xây dựng một số dự án thú vị. Đây là khóa học quan trọng nhất của tôi vì đây là điểm khởi đầu cho mọi thứ khác mà tôi đã tạo ra. Cho dù bạn muốn xây dựng các ứng dụng front-end bằng React hay full stack Node.js, PHP, Python, v.v., bạn sẽ luôn cần sử dụng HTML và CSS theo một cách nào đó.
Chúng ta sẽ xem xét tất cả các loại HTML tag, element và structure và hàng tấn thuộc tính và khái niệm CSS với môi trường sandbox. Ngoài các module học tập này là các mini-project, thử thách và 3 website project chính. Một project sử dụng phương pháp BEM CSS.
Vài phần đầu tiên được thiết kế riêng cho người mới bắt đầu, vì vậy ngay cả khi bạn chưa từng xây dựng bất cứ thứ gì trước đây, bạn vẫn sẽ học được tất cả những điều cơ bản. Nếu bạn đã có kinh nghiệm với HTML & CSS cơ bản, bạn có thể bỏ qua và học những gì bạn cần hoặc chỉ cần bắt tay ngay vào các project.
Những điều chúng tôi đề cập trong khóa học này:
- ✓ Cách thức hoạt động của Website.
- ✓ Thiết lập Visual Studio Code, Phím tắt, Live Server & Emmet.
- ✓ HTML5 Semantic Elements & Layout.
- ✓ CSS Fundamentals (colors, fonts, alignment, v.v.).
- ✓ Box Model, Margin, Padding & Border.
- ✓ Responsive Design với Media và Container Queries.
- ✓ CSS Units - rem, em, vh, vw, v.v.
- ✓ Flexbox Layout Model.
- ✓ CSS Grid.
- ✓ Animation với Keyframes & Transitions.
- ✓ Sử dụng JavaScript để chuyển đổi classes & styles.
- ✓ CSS Custom Properties.
- ✓ Git & Github.
- ✓ Triển khai Website tới Netlify và Vercel.
- ✓ Mini-Projects & Challenges.
- ✓ Project 1 - Lumina Creative Agency Website.
- ✓ Project 2 - Tutor Course Website.
- ✓ Project 3 - Leno Mobile App Website (Phương pháp BEM).
- ✓ Và nhiều hơn nữa.
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02 - HTML cơ bản.
- ✓ 03 - HTML Form & Input Elements.
- ✓ 04 - Thêm về HTML Elements.
- ✓ 05 - CSS Basic.
- ✓ 06 - Box Model & Positioning.
- ✓ 07 - Flexbox.
- ✓ 08 - Responsive Design.
- ✓ 09 - Landing Form Mini-Project.
- ✓ 10 - Các tính năng CSS khác.
- ✓ 11 - Lumina Creative Website Project.
- ✓ 12 - Git, GitHub & Web Hosting.
- ✓ 13 - Giới thiệu về Web Accessibility.
- ✓ 14 - Selectors nâng cao - Pseudo Classes & Elements.
- ✓ 15 - CSS Grid.
- ✓ 16 - Transitions, Animation & Little JavaScript.
- ✓ 17 - Tutor Website Project - Phần1.
- ✓ 18 - Tutor Website Project - Phần2.
- ✓ 19 - Leno Website Project (BEM) - Phần1.
- ✓ 20 - Leno Website Project (BEM) - Phần2.
- ✓ 21 - Kết thúc.
Khóa học này dành cho ai:
- ✓ Từ người mới bắt đầu đến developer dày dạn kinh nghiệm.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU