Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

Bài giảng tóm tắt 30 phút mùa 5: Flex & Grid thông minh

Bảo trọng! Tốt! Hoàn hảo! Gọn gàng! Hãy sáng suốt! Tổ chức linh hoạt & amp; Đây là một bài giảng miễn phí từ sách lưới. Các liên kết nguồn mở, sách và liên kết Notion cũng có sẵn miễn phí. Vì đây là một dự án phi lợi nhuận nên có thể sử dụng sách giáo khoa mà không cần xin phép.

(4.9) 34 đánh giá

1,512 học viên

HTML/CSS
Responsive Web
Flex
Thumbnail

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

Dịch cái này sang tiếng Việt

  • Uốn cong

  • Lưới

  • cách bố trí chén thánh

  • Xin lưu ý rằng âm lượng và chất lượng âm thanh của mỗi video bài giảng có thể khác nhau do môi trường ghi âm khác nhau.

Bảng hướng dẫn sử dụng dịch vụ web Flex & Grid

"Thực hành Flex&Grid, tài liệu hướng dẫn và tài liệu PDF đều có tại một nơi!"

flexngrid.com

Đi tới sách điện tử >>

Giới thiệu Người chia sẻ kiến thức ✒️

Người chia sẻ kiến thức | Choi Soobin

Giới thiệu một dòng | Là một nhà phát triển phần mềm mới vào nghề, tôi luôn tạo ra nội dung phát triển thông qua blogYouTube của mình để giúp ngay cả người mới bắt đầu cũng dễ dàng tiếp cận các khái niệm cốt lõi về front-end.

Người chia sẻ kiến thức | Kim Ye-ji

Giới thiệu một dòng | Tôi thích tiếp thu kiến thức mới mẻ và đa dạng, cũng như quá trình ghi chép lại chúng . Là một lập trình viên mới vào nghề, chúng ta hãy cùng nhau học hỏi, giao lưu và không ngừng phát triển để xây dựng nền tảng vững chắc.

Người chia sẻ kiến thức | Jang Hyo-sun

Giới thiệu một dòng | Tôi là một lập trình viên front-end đam mê viết tài liệu và chia sẻ kiến thức. Tôi là một người đam mê tài liệu, thích viết lách và điều hành một blog .

Người chia sẻ kiến thức | Jaejun Ryu

Giới thiệu ngắn gọn | Tôi là một lập trình viên mới vào nghề với niềm đam mê mãnh liệt với thế giới và con người. Tôi hy vọng những dòng code tôi tâm huyết sẽ được sử dụng rộng rãi vì lợi ích cộng đồng. Tôi hy vọng sẽ được giao lưu với bạn qua blog Subtle Code Lawnmạng xã hội của mình.

Người chia sẻ kiến thức | Heo Ji-hyun

Giới thiệu ngắn gọn | Tôi là Heo Ji-hyun, giám đốc của Coham's Front-End Kindergarten . Tôi sản xuất các video hữu ích cho bất kỳ ai có nguyện vọng trở thành nhà phát triển front-end.

Người chia sẻ kiến thức | Hongryeol Lim

Giới thiệu ngắn gọn | Tôi là một lập trình viên mới vào nghề, luôn sẵn sàng thích nghi với một thế giới đang thay đổi nhanh chóng. Tôi hy vọng được kết nối với nhiều người và lan tỏa những ảnh hưởng tích cực.

Người chia sẻ kiến thức | Yeo So-hee

Giới thiệu một dòng | Tôi là một lập trình viên mới vào nghề, luôn trăn trở về hướng phát triển thông qua siêu nhận thức. Tôi muốn chia sẻ kiến thức, giao lưu và cùng nhau phát triển thông qua blog của mình.

Người chia sẻ kiến thức | Dahyun Lim

Giới thiệu ngắn gọn | Tôi là một lập trình viên mới vào nghề, đang nỗ lực tạo ra một thế giới tiện lợi hơn cho mọi người. Tôi muốn chia sẻ niềm vui cùng nhau phát triển.

Giới thiệu về lập trình, phải xem
Hãy làm đúng, gọn gàng và có ý nghĩa!

Chúng tôi cung cấp gói dịch vụ gồm ba phần : dịch vụ web, sách điện tử miễn phí và bài giảng video dưới dạng mã nguồn mở miễn phí.

Linh hoạt? Lưới?

Flex và grid là các kỹ thuật bố cục hiện đại được sử dụng trong CSS.
Flex thường được sử dụng cho bố cục một chiều (một hướng của trục X hoặc Y), trong khi lưới thường được sử dụng cho bố cục hai chiều (cả hai hướng của trục X và Y).

  • ✅ Hãy cùng tìm hiểu dễ dàng các thành phần đại diện của flex và grid bằng cách sử dụng bố cục trang web làm ví dụ.
  • ✅ Chúng tôi cung cấp hướng dẫn bố cục Holy Grail cho phép bạn vẽ nhiều bố cục khác nhau cũng như cách sử dụng cơ bản.
  • ✅ Chúng tôi cũng khuyến nghị điều này cho những ai chỉ muốn in những phần cần thiết. Chúng tôi cung cấp tệp PDF. (Tài liệu bài giảng được sử dụng miễn phí.)

Hãy xem phần Hỏi & Đáp! ✍️

H. Có nhiều người chia sẻ kiến thức. Mỗi lớp có giảng viên khác nhau không?

Video này được ghi lại bởi những người đóng góp cho dự án nguồn mở "Flex & Grid". Xin lưu ý rằng âm lượng và chất lượng có thể thay đổi do môi trường ghi âm khác nhau.

H. Tôi chưa hoàn toàn là người mới bắt đầu sử dụng Flex/Grid. Làm thế nào tôi có thể tận dụng khóa học này một cách tốt nhất?

Bạn chỉ có thể xem những phần bạn muốn. Truy cập dịch vụ web Flex & Grid và chúng tôi sẽ cung cấp cho bạn một bảng tóm tắt. Bạn có thể nhấp chuột và chỉ xem bài giảng cho những phần bạn chưa chắc chắn. (Vì mỗi chương có một giảng viên khác nhau, chúng tôi không khuyến khích bạn xem toàn bộ bài giảng từ đầu đến cuối.)

Trại huấn luyện lập trình Jeju
Chuỗi bài giảng tóm tắt 30 phút 📺

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

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

  • Những người mới làm quen với Flex và Grid

  • Bất cứ ai đang nghiên cứu bố cục

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

  • HTML

  • CSS

Xin chào
Đây là

101,937

Học viên

2,480

Đánh giá

163

Trả lời

4.8

Xếp hạng

80

Các khóa học

소개 이미지.png.webp

 

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

 

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

제코베 로드맵.png.webp

 

︎ 제주코딩베이스캠프 수료증 제도

 

- 1.png.webp

 

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

Tất cả

25 bài giảng ∙ (1giờ 55phú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ả

34 đánh giá

4.9

34 đánh giá

  • bongsilbongsil님의 프로필 이미지
    bongsilbongsil

    Đánh giá 6

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Cảm ơn bạn~ Tôi đã giải quyết được những phần khó hiểu và học được điều gì đó mới mẻ về hệ thống lưới. Cảm ơn!!

    • wlghsp3420님의 프로필 이미지
      wlghsp3420

      Đánh giá 214

      Đánh giá trung bình 5.0

      5

      8% đã tham gia

      Cảm ơn bạn vì bài giảng tuyệt vời!

      • minji9873님의 프로필 이미지
        minji9873

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        56% đã tham gia

        Thời gian giảng ngắn nên dễ học, lại được giải thích chi tiết nên cứ in sâu trong đầu.

        • sangs2420169님의 프로필 이미지
          sangs2420169

          Đánh giá 4

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Đó là một bài giảng hữu ích giúp củng cố các khái niệm. Cảm ơn.

          • rbehddl07173930님의 프로필 이미지
            rbehddl07173930

            Đánh giá 1

            Đánh giá trung bình 5.0

            5

            12% đã tham gia

            Ouyadpyeong

            Miễn phí

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

            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!