강의

멘토링

커뮤니티

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) 19 reviews

125 learners

  • erumcoding
HTML/CSS
Flex

Reviews from Early Learners

What you will gain after the course

  • 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,534

Learners

166

Reviews

30

Answers

4.9

Rating

7

Courses

이룸코딩 ErumCoding

함께 꿈을 코딩해요! 🚀

Curriculum

All

50 lectures ∙ (3hr 48min)

Published: 
Last updated: 

Reviews

All

19 reviews

4.9

19 reviews

  • coachmsoox2658님의 프로필 이미지
    coachmsoox2658

    Reviews 1

    Average Rating 5.0

    5

    8% enrolled

    I like listening to the basic lecture and then continuing. It would be nice if there was a section on the next level of difficulty after listening to this one.

    • gangsugi5753님의 프로필 이미지
      gangsugi5753

      Reviews 23

      Average Rating 5.0

      5

      100% enrolled

      I knew it to some extent, but I listened to it just in case I missed something I didn't know, and it was helpful. The explanation was step-by-step, so it was fun to listen to and not boring. It was a good lecture^^

      • roykean19930688님의 프로필 이미지
        roykean19930688

        Reviews 35

        Average Rating 5.0

        5

        100% enrolled

        Other lectures were boring and I didn't understand them, so I thought a lot about giving up on becoming a web developer, but thanks to you, I was able to study happily, thank you.

        • kkkh07129094님의 프로필 이미지
          kkkh07129094

          Reviews 11

          Average Rating 5.0

          5

          80% enrolled

          I like learning css easily

          • zd님의 프로필 이미지
            zd

            Reviews 6

            Average Rating 5.0

            5

            100% enrolled

            I heard it well.

            Limited time deal ends in 6 days

            $3,003.00

            29%

            $26.40

            erumcoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!