Chia Sẻ Khóa Học CSS Và Sass Nâng Cao - Flexbox, Grid, Animation, v.v! [Update Tháng 11-2023] [Khóa 6670 A]
Khóa học CSS nâng cao và hiện đại nhất trên internet: Làm chủ Flexbox, CSS Grid, Responsive Design, v.v.
Bạn sẽ học được gì:
- ✓ Hàng tấn kỹ thuật CSS hiện đại để tạo ra các thiết kế và hiệu ứng tuyệt đẹp
- ✓ CSS animation nâng cao với @keyframes, animation và transition.
- ✓ Cách CSS hoạt động phía sau: cascade, specificity, inheritance, v.v.
- ✓ Kiến trúc CSS: component-based design, BEM, viết reusable code, v.v.
- ✓ Flexbox layout: xây dựng một project thực tế khổng lồ với Flexbox.
- ✓ CSS Grid layout: xây dựng một project thực tế khổng lồ với CSS Grid.
- ✓ Sử dụng Sass trong các project thực tế: global variable, kiến trúc CSS, quản lý media query, v.v.
- ✓ Responsive design nâng cao: media query, mobile-first vs desktop-first, em vs rem unit, v.v.
- ✓ Responsive images trong HTML và CSS cho pageload nhanh hơn.
- ✓ SVG images và videos trong HTML và CSS: xây dựng một background video effect.
- ✓ NPM ecosystem: development workflow và building process.
- ✓ Nhận được sự hỗ trợ thân thiện và nhanh chóng trong phần Q&A của khóa học.
- ✓ Các bài giảng, code và design assets có thể tải xuống cho tất cả các project.
Bạn đã viết code CSS được một thời gian nhưng muốn đưa trò chơi của mình lên một tầm cao mới? Bạn có cảm thấy bối rối với các thuật ngữ CSS như inheritance, specificity, hoặc cascade không?
Điều gì sẽ xảy ra nếu có một tài nguyên, một nơi, nơi bạn có thể tìm hiểu tất cả các kỹ thuật và thuộc tính CSS nâng cao và hiện đại mà bạn đã đọc?
Tin tốt là có!
Chào mừng bạn đến với "CSS và Sass nâng cao", khóa học CSS nâng cao nhất, hiện đại nhất và đầy đủ nhất trên internet. Đó là tất cả những gì bạn muốn trong một khóa học CSS nâng cao và hơn thế nữa.
Bạn sẽ tìm hiểu về các CSS animation phức tạp, các kỹ thuật responsive design nâng cao, flexbox layout, Sass, CSS architecture, các khái niệm CSS nền tảng, v.v.
Giống như trong tất cả các khóa học của tôi, bạn sẽ xây dựng các project được thiết kế đẹp mắt và cẩn thận, điều đó sẽ khiến bạn tự hào về bản thân và sẵn sàng tự mình xây dựng các project phức tạp.
Sau khi kết thúc khóa học này, bạn sẽ:
- ✓ 1) Bắt kịp tốc độ với các thuộc tính và kỹ thuật CSS hiện đại và nâng cao nhất.
- ✓ 2) Làm chủ các công nghệ layout tiên tiến Flexbox và CSS Grid.
- ✓ 3) Sẵn sàng xây dựng các responsive layout cho mọi loại thiết bị và tình huống.
- ✓ 4) Thực sự hiểu cách CSS hoạt động.
- ✓ 5) Có thể kiến trúc các CSS codebase lớn để có khả năng sử dụng lại và bảo trì bằng Sass.
Xin lưu ý rằng khóa học này KHÔNG dành cho người mới bắt đầu, vì vậy bạn phải có trình độ trung cấp về HTML và CSS (vui lòng xem khóa học khác của tôi nếu không phải như vậy).
Khóa học này rất lớn, diễn ra trong hơn 28 giờ. Đây chính xác là những gì bạn sẽ học:
- ✓ Hàng tấn kỹ thuật CSS tiên tiến hiện đại để tạo ra các thiết kế và hiệu ứng tuyệt đẹp: clip-path, background-clip, mask-image, background-blend-mode, shape-outside, filter, backdrop-filter, object-fit, transform, column-count, hyphens, perspective, calc() và custom CSS properties;
- ✓ CSS animation nâng cao với @keyframes, animation, và transition.
- ✓ CSS selector nâng cao, pseudo-classes và pseudo-elements cần thiết cho CSS development hiện đại.
- ✓ Cách CSS hoạt động đằng sau hậu trường: cascade, specificity, inheritance, value processing, visual formatting model, box model, box types, positioning schemes, và stacking contexts.
- ✓ Kiến trúc CSS: 7-1 rule, component-based design, BEM methodology, viết code có thể tái sử dụng, dễ bảo trì và mở rộng.
- ✓ Giới thiệu về Sass: variables, nesting, partials, imports, mixins, functions, extends, v.v.;
- ✓ Sử dụng Sass trong các project thực tế: thiết lập các biến toàn cục, xây dựng khả năng sử dụng lại, kiến trúc CSS và quản lý các truy vấn media.
- ✓ NPM ecosystem: thiết lập một quy trình phát triển để biên dịch Sass và tự động reload trình duyệt, đồng thời tạo một build process để concatenate, prefix, và compress CSS file.
- ✓ Responsive Design hiện đại: fluid grids, layout types, flexible images, sử dụng media queries để test các độ rộng màn hình, mật độ pixel và khả năng cảm ứng khác nhau.
- ✓ Responsive design workflow nâng cao: Các chiến lược mobile-first vs desktop-first, chọn breakpoints, em vs rem unit và feature queries để test khả năng hỗ trợ của trình duyệt.
- ✓ Responsive images trong HTML và CSS cho pageload nhanh hơn: resolution switching, density switching, art direction.
- ✓ SVG images trong HTML và CSS: cách thức và lý do sử dụng SVG, generatie các SVG sprite, thay đổi SVG color trong CSS và các phương pháp hay nhất.
- ✓ Videos trong HTML và CSS: xây dựng một background video effect.
- ✓ Flexbox layout: các khái niệm chính, giới thiệu về cả flex container và flex item-specific property, các kỹ thuật positioning nâng cao được áp dụng cho một project thực tế khổng lồ.
- ✓ CSS Grid layout : các khái niệm chính, CSS grid vs flexbox và các kỹ thuật layout được áp dụng cho dự án trong thế giới thực. Chỉ riêng phần này thôi cũng có thể là cả một khóa học!
Tại sao bạn nên tham gia khóa học này?
Như vậy bạn đã thấy rằng khóa học hoàn toàn có đầy đủ nội dung. Nhưng có lẽ bạn vẫn chưa chắc chắn liệu mình có thực sự nên học CSS nâng cao hay không?
Đó có thể là vì CSS rất dễ để bắt đầu. Trên thực tế, hầu hết các developer đều đánh giá thấp tầm quan trọng và sức mạnh của CSS. Nhưng không có gì có thể xa hơn sự thật!
CSS là thứ làm cho thiết kế của chúng ta trở nên sống động. Và có rất nhiều điều chúng ta có thể làm với nó! Việc nắm vững các kỹ thuật nâng cao như Flexbox, CSS grid, và animation sẽ giúp bạn có lợi thế hơn nhiều CSS developer vẫn sử dụng các phương pháp lỗi thời.
Ngoài ra, CSS có thể trở thành cơn ác mộng thực sự khi bạn cố gắng thành thạo nó và khi bạn phải duy trì các dự án lớn. Vì vậy, việc nắm bắt tốt các khái niệm nền tảng là điều bắt buộc đối với bất kỳ front-end developer nghiêm túc nào.
Và khóa học này sẽ giúp bạn giải quyết tất cả những điều đó!
Vậy bạn có nên tham gia khóa học này không? Câu trả lời rất có thể là CÓ!
Và tôi đã đưa rất nhiều nội dung vào khóa học này, nên dù bạn là người mới bắt đầu hay đã là front-end developer có kinh nghiệm thì chắc chắn sẽ có nội dung gì đó dành cho bạn trong khóa học này.
Và đây là những gì bạn nhận được khi đăng ký ngay hôm nay:
- ✓ Hơn 28 giờ video chất lượng HD cập nhật nhất, dễ tìm kiếm và tham khảo.
- ✓ Các design asset có thể tải xuống + starter code và final code cho từng phần.
- ✓ Các slide lý thuyết có thể tải xuống (tôi hứa sẽ không nhàm chán!).
- ✓ Hỗ trợ miễn phí về Q&A trong khóa học.
- ✓ Rất nhiều thử thách nhỏ được đưa vào video để bạn có thể theo dõi tiến trình của mình.
Mục lục:
- ✓ 01 - Welcome, Welcome, Welcome!
- ✓ 02 - Natours Project - Thiết lập và những bước đầu tiên (Phần 1).
- ✓ 03 - Cách hoạt động của CSS: Cái nhìn phía sau hậu trường.
- ✓ 04 - Giới thiệu về Sass và NPM.
- ✓ 05 - Natours Project - Sử dụng CSS và Sass nâng cao (Phần 2).
- ✓ 06 - Natours Project - Responsive Design nâng cao (Phần 3).
- ✓ 07 - Trillo Project - Master Flexbox!
- ✓ 08 - Giới thiệu nhanh về CSS Grid Layouts.
- ✓ 09 - Nexter Project - Master CSS Grid Layouts!
- ✓ 10 - Thế thôi mọi người!
Khóa học này dành cho ai:
- ✓ Các CSS developer muốn cập nhật các kỹ năng CSS của mình lên cấp độ hiện đại nhất.
- ✓ Các CSS developer muốn mở rộng bộ công cụ của họ sang animation, flexbox, Sass, NPM, SVG, v.v.
- ✓ Các Front-end developer muốn hiểu cách CSS hoạt động đằng sau hậu trường.
- ✓ Nói chung: bất cứ ai muốn thực sự thành thạo CSS!
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU