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

/

Web Development

Các hàm cốt lõi của CSS Flex & Grid được học qua 13 ví dụ

Lý thuyết nhanh chóng đi vào vấn đề. Hãy học bằng mã thực, không chỉ bằng văn bản của chúng tôi! Flex và Grid trở nên tự nhiên thông qua việc học tập lặp đi lặp lại! 😎 (Sách trắng tự học HTML5, bài giảng trực tiếp của tác giả sách trắng tự học CSS3)

(4.9) 18 đánh giá

125 học viên

  • erumcoding
HTML/CSS
Flex

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

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

  • Bố cục CSS Flex

  • Bố cục lưới CSS

  • Cách viết truy vấn phương tiện CSS

  • Phông chữ Tuyệt vời & Cách sử dụng Phông chữ Web của Google

CSS, giờ là thật!
Hoàn thành các nhiệm vụ phức tạp của Flex & Grid cùng một lúc.

Chủ đề bài giảng 📖

Nắm vững những kiến thức cơ bản về các chức năng cốt lõi!

  • Nhanh chóng tìm hiểu các lý thuyết cốt lõi về các tính năng dành riêng cho bố cục của CSS, Flex và Grid, tất cả tại một nơi!
  • Thực hiện theo các ví dụ thực tế để tìm hiểu cách sử dụng Flex và Grid khi tạo bố cục!

Tại sao tôi nên tham gia khóa học này?

Tôi biết lý thuyết, nhưng tôi không thể làm theo cách tôi muốn 😥

Các tính năng Flex và Grid đòi hỏi phải ghi nhớ một lượng lớn thuộc tính, và ngay cả giao diện của chúng cũng khá giống nhau. Do đó, nhiều người hiểu chức năng của các thuộc tính này ngay khi nghe hoặc nhìn thấy, nhưng lại không chắc chắn cách thực sự tạo ra bố cục mong muốn bằng Flex và Grid.

Dành cho những bạn đang loay hoay giữa việc tạo dự án cơ bản và thực hành, khóa học này chính là lựa chọn hoàn hảo. Bằng cách làm theo các ví dụ thực tế, bạn sẽ nhanh chóng nắm bắt được kiến thức.

Vâng? Tôi muốn trở thành một nhà phát triển web.

Khi tôi tư vấn cho bạn bè đang chuẩn bị đi làm hoặc thay đổi nghề nghiệp, hoặc mới bắt đầu lập trình, tôi thường thấy họ bỏ qua phần "thiết kế". Tôi thường nhận được câu hỏi: "Các nhà phát triển không cần biết HTML và CSS sao?"

Tôi thường so sánh các nhà phát triển với nông dân. Nếu phát triển giống như trồng táo, thì các dịch vụ tôi phát triển chính là những quả táo tôi bán cho người tiêu dùng. Việc tạo bố cục cũng giống như đóng gói táo vào hộp. Các nhà phát triển ít nhất cũng nên có khả năng đóng gói sản phẩm của mình theo đúng ý định!


Tính năng bài giảng ✨

  • Từ A đến Z! Tổng quan nhanh về các tính năng cốt lõi của Flex và Grid.
  • Bao gồm những kiến thức cơ bản về các tính năng cốt lõi thông qua các ví dụ thực tế .

Sau khi tham gia khóa học này 📜

Tôi có cần phải ghi nhớ tất cả những điều này không? 😱

Một trong những câu hỏi phổ biến nhất tôi từng nghe khi dạy Flex và Grid là liệu học viên có cần phải ghi nhớ tất cả các tính năng hay không. Sau khi hoàn thành khóa học này, bạn sẽ nhận ra rằng bạn không cần phải ghi nhớ hay sử dụng mọi tính năng để tạo ra bất cứ thứ gì bạn hình dung với bố cục Flex và Grid!

Nếu bạn hiểu rõ các chức năng cốt lõi, bạn có thể dễ dàng và đơn giản tạo ra bố cục mong muốn mà không cần viết nhiều mã!


Câu hỏi dự kiến Hỏi & Đáp 💬

H. Đây có phải là khóa học mà sinh viên không chuyên ngành cũng có thể tham gia không?

Đ. Có! Ngay cả những người không chuyên, học sinh trung học cơ sở và trung học phổ thông cũng có thể dễ dàng học HTML và CSS. Tuy nhiên, trước tiên bạn nên tham gia các khóa học HTML và CSS cơ bản. Các khóa học này có sẵn miễn phí trên kênh YouTube "Developer Lee Do-hae" !

Ngữ pháp cơ bản HTML5 & CSS3 tất cả trong một
Học những kiến thức cơ bản về web một cách nhanh chóng và dễ dàng

H. Tại sao bạn chỉ tập trung vào việc thực hành các chức năng cốt lõi?

A. Sau khi dạy rất nhiều học viên, tôi nhận thấy rằng thay vì chỉ đưa ra một ví dụ cho mỗi hàm trong số mười hàm, việc tập trung vào ba hoặc ít hơn ba hàm cốt lõi cần thiết để xử lý các hàm đó và cho họ thực hành ba đến bốn ví dụ cho mỗi hàm sẽ hiệu quả hơn nhiều. Khóa học này cũng hướng đến mục tiêu đó, vì vậy tôi đã thiết kế lớp học sao cho học viên có thể tập trung vào việc thực hành các hàm cốt lõi, cho phép họ chuyển tải suy nghĩ của mình lên màn hình ngay sau giờ học.

H. Nội dung bài học được trình bày ở mức độ nào?

A. Nếu mức độ khó được chia thành người mới bắt đầu, cơ bản, trung cấp và nâng cao thì đây là mức độ cơ bản.


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

Lee Do-hae

Tôi là một nhà phát triển phần mềm toàn diện và giảng viên lập trình.

  • Tác giả của "Hướng dẫn tự học HTML5"
  • Tác giả của "Hướng dẫn tự học CSS3"
  • Tác giả của "Hướng dẫn tự học JavaScript"

Một cái nhìn thoáng qua về ví dụ thực tế 😎

Bài giảng trực tiếp từ tác giả!
Chúng ta hãy cùng nhau xem qua những cuốn sách này nhé.

Hướng dẫn tự học HTML5 (Click)
Hướng dẫn tự học CSS3 (Click)

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

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

  • HTML & Những người vừa học xong ngữ pháp CSS cơ bản

  • Linh hoạt & Những người muốn trải nghiệm các ví dụ thực hành Grid

  • Những người cần thực hành bố cục trước khi tạo portfolio

  • Flex & amp; Những người muốn kết liễu Grid chỉ trong một đòn

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

  • Ngữ pháp cơ bản HTML

  • Ngữ pháp cơ bản CSS

Xin chào
Đây là

4,435

Học viên

160

Đánh giá

30

Trả lời

4.9

Xếp hạng

7

Các khóa học

이룸코딩 ErumCoding

함께 꿈을 코딩해요! 🚀

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

Tất cả

50 bài giảng ∙ (3giờ 48phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

18 đánh giá

4.9

18 đánh giá

  • 대랭님의 프로필 이미지
    대랭

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    8% đã tham gia

    기초 강의듣고 이어듣기좋아요 이거 듣고 들을 다음 난이도 부분도 있으면 좋겠네요

    • gangsugi님의 프로필 이미지
      gangsugi

      Đánh giá 21

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      어느정도는 알고 있었지만 혹시라도 모르는부분이 빠졌을까 해서 한번 들어봤는데 도움이 되었습니다. 설명도 차근차근하게 해주셔서 지루하지않고 재미있게 들었습니다. 좋은 강의였어요^^

      • 이종운님의 프로필 이미지
        이종운

        Đánh giá 34

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        다른 강의들은 지루하고 이해도 안되서 웹개발자 포기할까 고민도 많이했는데 선생님 덕분에 즐겁게 공부해서 감사합니다

        • kkkh0712님의 프로필 이미지
          kkkh0712

          Đánh giá 11

          Đánh giá trung bình 5.0

          5

          80% đã tham gia

          css 쉽게 배우기 좋아요

          • boxman님의 프로필 이미지
            boxman

            Đánh giá 6

            Đánh giá trung bình 5.0

            5

            100% đã tham gia

            잘 들었습니다.

            716.373 ₫

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

            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!