강의

멘토링

커뮤니티

BEST
Programming

/

Web Development

Học CSS Flex và Grid đúng cách

Tìm hiểu về Flex và Grid, các tiêu chuẩn hiện tại và tương lai để tạo bố cục CSS.

(4.9) 222 đánh giá

2,756 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • studiomeal
HTML/CSS
HTML/CSS
Flex
Flex
HTML/CSS
HTML/CSS
Flex
Flex

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.9

5.0

ses123you

100% đã tham gia

Tôi mới chỉ nghe nói về CSS Flex và Grid, nhưng đây là khoảng thời gian hữu ích để tìm hiểu mọi thứ từ khái niệm đến cách làm cho nó phản hồi nhanh. Các video JavaScript cơ bản mà tôi xem trên YouTube đã trở thành tín hiệu cho “Bắt đầu phát triển web tương tác đúng cách” và “SVG Master”. Các bài giảng và CSS flex & Tôi thậm chí còn tham gia bài giảng của Grid và tôi hài lòng với cả ba bài giảng. Tôi sẽ xem đi xem lại nhiều lần và áp dụng tốt những gì tôi đã học được! Tôi cũng đang mong chờ bài giảng cuộn tiếp theo.

5.0

TaeHyun Lim

100% đã tham gia

Tôi giới thiệu bài giảng này. Trước đây tôi đã thiết kế bố cục bằng cách sử dụng flex, nhưng sau khi xem ví dụ về cách tạo một trang web, tôi đã biết mình cần phải làm gì để làm cho nó phản hồi. Và khi tôi cố gắng chỉ nhìn vào tài liệu lưới, tôi đã bối rối không biết điều gì là quan trọng và điều gì là bổ sung, nhưng bây giờ tôi nghĩ rằng tôi có thể tạo toàn bộ bố cục bằng cách sử dụng lưới!

5.0

tamarixda

71% đã tham gia

Như bạn đã nói trong bài giảng... Tôi thực sự bối rối vì đây là lần đầu tiên tôi đến ^^ Nếu tôi nghĩ về điều gì khác trong khi nghe bài giảng, tôi sẽ bối rối. hehe

Bạn sẽ nhận được điều này sau khi học.

  • Tổng hợp các tính năng cần thiết của Flex và Grid

  • Mã CSS có thể được sử dụng ngay lập tức và mang tính định hướng trong tương lai

  • Cách áp dụng Flex và Grid cho các UI khác nhau

  • Sử dụng lưới trong IE (Internet Explorer)

  • Dịch trực tiếp thiết kế dựa trên lưới sang mã

Còn nếu bạn là nhà xuất bản web, nhà phát triển front-end hoặc nhà thiết kế biết viết mã thì sao?
Đã đến lúc học Flex và Grid! 💁‍♂️

Tại sao lại là Flex và Grid?
Tôi có nên học nó không? 🤔


Trong nhiều môi trường, màn hình vẫn được tạo bằng Float, v.v. thay vì Flex và Grid.
Mã có cấu trúc như thế này gây ra nhiều vấn đề.

👌 Flex và Grid là những công nghệ sẽ trở thành tiêu chuẩn và nền tảng của CSS trong tương lai.
Nhiều dịch vụ đang được thiết kế dựa trên Grid và việc áp dụng nó là điều cần thiết.

👌 Đơn giản và dễ dàng.
Trong khi các công nghệ trước đây đòi hỏi đủ mọi thủ thuật để diễn đạt mọi thứ, Flex và Grid giải quyết nhiều vấn đề một cách rất đơn giản và dễ dàng.

👌 Đây là công nghệ có thể áp dụng ngay vào thực tế.
Chỉ vì Flex và Grid không hoạt động trong Internet Explorer không có nghĩa là chúng không thể được sử dụng trong thực tế.
Bạn có thể sử dụng nếu dự án của bạn hỗ trợ phiên bản Internet Explorer mới nhất.


Những gì bạn sẽ học trong lớp học 📋

Tóm tắt các khái niệm chính được sắp xếp để dễ hiểu.

Đây là một khái niệm mới, vì vậy có khá nhiều điều cần tìm hiểu. Người mới bắt đầu có thể thấy một số phần khó hiểu và phức tạp, ngay cả sau khi đã đọc tài liệu hướng dẫn chi tiết. Vì đây là công nghệ nền tảng cho lập trình bố cục CSS, chúng tôi đã dành nhiều thời gian để giải thích các khái niệm để bạn có thể nắm bắt đầy đủ.

Tạo một giao diện người dùng đơn giản dựa trên khái niệm

Sau khi học các khái niệm cốt lõi cơ bản, bạn sẽ tự mình tạo ra các mẫu UI thiết yếu và thường được sử dụng cũng như các trang phản hồi.
Khóa học được thiết kế để giúp bạn xây dựng nền tảng vững chắc và làm quen với nó một cách tự nhiên.

Thực hành tạo trang phản hồi bằng Flex và Grid.

99% dịch vụ đang được xây dựng hiện nay đều đáp ứng. Hãy tạo các trang đáp ứng mạnh mẽ dễ dàng và thuận tiện hơn nhiều với Flex và Grid. Hãy cùng tạo một bàn cờ 3D đúng như bạn đã thiết kế và tưởng tượng, và vận dụng những kiến thức đã học để cảm nhận cách hiện thực hóa trí tưởng tượng của mình!

Sử dụng Grid trong Internet Explorer

Flex và Grid không phải là "những công nghệ không thể sử dụng trong thực tế vì chúng không hoạt động trên Internet Explorer". Hãy cùng so sánh các đặc tính của chúng và tìm hiểu cách sử dụng Grid.


Lộ trình liên quan
🚎

Tạo các trang web năng động, tương tác có thể khiến người dùng thốt lên "Ồ!"
Tạo một trang web tương tác với 1 Minute Coding
Đây là lộ trình các bài giảng.
Bài giảng này được bao gồm .

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người dự định tiếp tục viết mã CSS trong sự nghiệp của mình

  • Bất kỳ ai muốn biết cách tạo bố cục mới bằng Flex và Grid

  • Bất kỳ ai muốn thoát khỏi cách viết mã lỗi thời và tìm hiểu các tiêu chuẩn bố cục mới

  • Những người đã nghiên cứu Flex và Grid nhưng chưa biết cách sử dụng

  • Float Mania

Cần biết trước khi bắt đầu?

  • Khái niệm cơ bản về CSS

Xin chào
Đây là

19,662

Học viên

1,279

Đánh giá

1,175

Trả lời

5.0

Xếp hạng

11

Các khóa học

Tôi từng làm việc với tư cách là nhà phát triển/nhà thiết kế web tại Seoul, sau đó chuyển đến Jeju.. và hiện tại tôi đang ở Penang, Malaysia để nỗ lực phát triển phần mềm, tạo nội dung giáo dục, cũng như thực hiện nhiều thử nghiệm và nỗ lực khác nhau với tư cách là một doanh nghiệp cá nhân.
Tôi rất quan tâm đến các trang web tương tác có tác động mạnh về mặt thị giác, và tôi đang chia sẻ các kỹ thuật liên quan đến phát triển web trên YouTube và Facebook "1분코딩" (Coding 1 phút).

Chương trình giảng dạy

Tất cả

42 bài giảng ∙ (5giờ 50phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

222 đánh giá

4.9

222 đánh giá

  • ses123you7079님의 프로필 이미지
    ses123you7079

    Đánh giá 19

    Đánh giá trung bình 4.9

    5

    100% đã tham gia

    Tôi mới chỉ nghe nói về CSS Flex và Grid, nhưng đây là khoảng thời gian hữu ích để tìm hiểu mọi thứ từ khái niệm đến cách làm cho nó phản hồi nhanh. Các video JavaScript cơ bản mà tôi xem trên YouTube đã trở thành tín hiệu cho “Bắt đầu phát triển web tương tác đúng cách” và “SVG Master”. Các bài giảng và CSS flex & Tôi thậm chí còn tham gia bài giảng của Grid và tôi hài lòng với cả ba bài giảng. Tôi sẽ xem đi xem lại nhiều lần và áp dụng tốt những gì tôi đã học được! Tôi cũng đang mong chờ bài giảng cuộn tiếp theo.

    • studiomeal
      Giảng viên

      Wow - Tôi không thể tin được là bạn đã nghe hết bài giảng của tôi sau khi xem chúng trên YouTube~~ Cảm ơn bạn rất nhiều haha Hãy tận dụng tốt những gì bạn đã học và tạo ra những tác phẩm tuyệt vời nhé! Cảm ơn bạn đã đánh giá tốt ^^

  • thsoon님의 프로필 이미지
    thsoon

    Đánh giá 19

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi giới thiệu bài giảng này. Trước đây tôi đã thiết kế bố cục bằng cách sử dụng flex, nhưng sau khi xem ví dụ về cách tạo một trang web, tôi đã biết mình cần phải làm gì để làm cho nó phản hồi. Và khi tôi cố gắng chỉ nhìn vào tài liệu lưới, tôi đã bối rối không biết điều gì là quan trọng và điều gì là bổ sung, nhưng bây giờ tôi nghĩ rằng tôi có thể tạo toàn bộ bố cục bằng cách sử dụng lưới!

    • studiomeal
      Giảng viên

      Ồ, có vẻ như Taehyun đã nắm được hết ý chính của bài giảng này rồi! Cảm ơn những lời tốt đẹp và lời giới thiệu của bạn :)

  • tamarixda3880님의 프로필 이미지
    tamarixda3880

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    71% đã tham gia

    Như bạn đã nói trong bài giảng... Tôi thực sự bối rối vì đây là lần đầu tiên tôi đến ^^ Nếu tôi nghĩ về điều gì khác trong khi nghe bài giảng, tôi sẽ bối rối. hehe

    • studiomeal
      Giảng viên

      Vâng, có thể là do đây là lần đầu tiên bạn sử dụng và khái niệm này chưa quen với bạn :) Bản thân chức năng này rất tốt nên nếu bạn lặp lại và luyện tập cho đến khi quen thì Bạn sẽ có thể sử dụng nó thoải mái và nhanh chóng hơn nhiều so với phương pháp hiện có. Cảm ơn bạn đã đánh giá tốt!

  • jinsu님의 프로필 이미지
    jinsu

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    98% đã tham gia

    Tôi thích xem các bài giảng trên YouTube và Infron! Tôi tham dự và nghe các bài giảng mỗi khi chúng ra đời. Một lợi thế lớn là bạn có thể thưởng thức đồ uống mà không bị gián đoạn! Trong bài giảng này, bạn sẽ học được rất nhiều điều từ lý thuyết đến những lời khuyên thực tế! Mong thầy tiếp tục mang đến những bài giảng thú vị trong tương lai 👍

    • studiomeal
      Giảng viên

      À, tôi rất vui vì bạn đã nói những điều tốt đẹp như vậy trong buổi đánh giá khóa học đầu tiên😄 Tôi hy vọng bạn thấy nó hữu ích. Cảm ơn bạn, Sujin!

  • ymo3213946님의 프로필 이미지
    ymo3213946

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi rất thích bài giảng hay~~~

1.028.651 ₫

Khóa học khác của studiomeal

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!