강의

멘토링

로드맵

Programming

/

Web Development

Learn CSS Flex & Grid Core Features with 13 Examples

Theory is only the core, quickly. Let's learn with real code, not our text! Flex and Grid that you will naturally become familiar with through repeated learning! 😎 (HTML5 Self-Study White Paper, CSS3 Self-Study White Paper Author's Direct Lecture)

(4.9) 18 reviews

125 learners

  • erumcoding
HTML/CSS
Flex

Reviews from Early Learners

What you will learn!

  • CSS Flex Layout

  • CSS Grid Layout

  • How to write CSS media queries

  • How to Use Font Awesome & Google Web Fonts

CSS, now for real!
Complete complex Flex & Grid tasks in one go.

Lecture Topics 📖

Master the basics of core functions!

  • Quickly learn the core theories of CSS's layout-specific features, Flex, and Grid, all in one place!
  • Follow along with practical examples to learn how to use Flex and Grid when creating layouts!

Why should I take this course? 🚀

I know the theory, but I can't make it the way I want 😥

Flex and Grid features require a large number of properties to memorize, and even their appearances are similar. Consequently, many people understand the function of these properties upon hearing or seeing them, but are unsure how to actually create the layout they envision using Flex and Grid.

For those of you who find yourself lost somewhere between basic and practical project creation, this course is perfect for you. By following the practical examples, you'll quickly get the hang of it.

Yes? I want to become a web developer.

When I counsel friends preparing for employment or a career change, or just getting started with programming, I often find that they overlook "design." I often get asked, "Don't developers need to know HTML and CSS?"

I often compare developers to farmers. If development is like growing apples, then the services I develop are the apples I sell to consumers. Creating layouts is like packing apples into boxes. Developers should at least be able to package their products as intended!


Lecture Features ✨

  • From A to Z! A quick overview of the core features of Flex and Grid.
  • Covers the fundamentals of core features through hands-on examples .

After taking this course 📜

Do I have to memorize all of this? 😱

One of the most common questions I've heard while teaching Flex and Grid is whether students need to memorize all the features. After taking this course, you'll realize that you don't need to memorize or use every feature to create anything you envision with Flex and Grid layouts!

If you understand the core functions well, you can easily and simply create the layout you want without writing a lot of code!


Expected Questions Q&A 💬

Q. Is this a course that non-majors can also take?

A. Yes! HTML and CSS can be easily learned even by non-majors, middle school students, and high school students. However, you should first take the basic HTML and CSS courses. These courses are available for free on the YouTube channel "Developer Lee Do-hae" !

HTML5 & CSS3 Basic Grammar All-in-One
Learn the basics of the web quickly and easily

Q. Why do you focus on practicing only core functions?

A. Having taught countless students, I've found that rather than showing one example for each of the ten functions, it's much more effective to focus on the three or fewer core functions necessary to handle those functions and have them practice three to four examples for each. This course aims to achieve the same goal, so I've structured the class so that students can focus on practicing the core functions that will allow them to immediately translate their thoughts onto the screen after class.

Q. What level of content is covered in the class?

A. If the difficulty level is divided into beginner, basic, intermediate, and advanced, this is the basic level.


Introducing the Knowledge Sharer ✒️

Lee Do-hae

I am a full-stack developer and programming instructor.

  • Author of "HTML5 Self-Study Guide"
  • Author of "CSS3 Self-Study Guide"
  • Author of "JavaScript Self-Study Guide"

A sneak peek at a practical example 😎

Direct lecture from the author!
Let's check out the books together.

HTML5 Self-Study Guide (Click)
CSS3 Self-Study Guide (Click)

Recommended for
these people

Who is this course right for?

  • For those who have just finished studying basic HTML & CSS grammar

  • For those who want to experience Flex & Grid hands-on examples

  • For those who need layout practice before creating a portfolio

  • For those who want to finish complex Flex & Grid in one go

Need to know before starting?

  • HTML Basic Grammar

  • CSS Basic Grammar

Hello
This is

4,475

Learners

161

Reviews

30

Answers

4.9

Rating

7

Courses

이룸코딩 ErumCoding

함께 꿈을 코딩해요! 🚀

Curriculum

All

50 lectures ∙ (3hr 48min)

Published: 
Last updated: 

Reviews

All

18 reviews

4.9

18 reviews

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

    Reviews 1

    Average Rating 5.0

    5

    8% enrolled

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

    • gangsugi님의 프로필 이미지
      gangsugi

      Reviews 23

      Average Rating 5.0

      5

      100% enrolled

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

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

        Reviews 35

        Average Rating 5.0

        5

        100% enrolled

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

        • kkkh0712님의 프로필 이미지
          kkkh0712

          Reviews 11

          Average Rating 5.0

          5

          80% enrolled

          css 쉽게 배우기 좋아요

          • boxman님의 프로필 이미지
            boxman

            Reviews 6

            Average Rating 5.0

            5

            100% enrolled

            잘 들었습니다.

            $26.40

            erumcoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!