inflearn logo
inflearn logo

30-minute summary lecture season 5: Aljal-tak-kal-sen flex & grid

Know it! Well! Just! Neatly! Sensefully! This is a free lecture from the book Flex & Grid. You can use the open source link, the book, and the Notion link for free. This is a non-profit project, so using the textbook is possible without permission.

(4.8) 36 reviews

1,547 learners

Level Basic

Course period Unlimited

HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
Flex
Flex
HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
Flex
Flex
Thumbnail

Reviews from Early Learners

Reviews from Early Learners

4.8

5.0

봉실봉실

100% enrolled

Thank you~ I was able to clarify the confusing parts and learn about the grid system. Thank you!!

5.0

아라레

8% enrolled

Thank you for the great lecture!

5.0

minji9873

56% enrolled

The lecture time is short so there is no burden in studying, and the explanations are detailed in comparison so it sticks in my head easily.

What you will gain after the course

  • Flex

  • Grid

  • Holy Grail Layout

  • Please understand that the volume and sound quality of each lecture video may vary due to differences in recording environments.

Flex & Grid Cheat Sheet Web Service

"Flex&Grid practice, cheat sheets, and PDF materials all in one place!"

flexngrid.com

Go to e-book >>

Introducing the Knowledge Sharer ✒️

Knowledge Sharer | Choi Soobin

One-Line Introduction | As a junior developer, I consistently produce development content through my blog and YouTube to help even beginners easily access core front-end concepts.

Knowledge Sharer | Kim Ye-ji

One-Line Introduction | I enjoy acquiring diverse and new knowledge and the process of documenting it . As a junior developer, let's learn together, communicate , and diligently grow to build a solid foundation.

Knowledge Sharer | Jang Hyo-sun

One-Line Introduction | I'm a front-end developer with a passion for documentation and knowledge sharing. I'm a document nerd who enjoys writing, and I run a blog .

Knowledge Sharer | Jaejun Ryu

One-line introduction | I'm a junior developer with a keen interest in the world and people. I hope the code I lovingly caress will be widely used for the public good. I hope to communicate with you through my blog , Subtle Code Lawn , and social media .

Knowledge Sharer | Heo Ji-hyun

One-Line Introduction | I'm Heo Ji-hyun, director of Coham's Front-End Kindergarten . I produce videos that are helpful to anyone who aspires to become a front-end developer.

Knowledge Sharer | Hongryeol Lim

One-Line Introduction | I'm a junior developer, always ready to adapt in a rapidly changing world. I hope to connect with many people and spread positive influence.

Knowledge Sharer | Yeo So-hee

One-Line Introduction | I'm a junior developer who constantly thinks about the direction of growth through metacognition. I want to share knowledge, communicate, and grow together through my blog.

Knowledge Sharer | Lim Da-hyun

One-Line Introduction | I'm a junior developer striving to create a more convenient world for everyone. I want to share the joy of growing together.

Introduction to Coding, Must-See
Do it right, neatly and with sense!

We provide a three-part combo of web services, free e-books, and video lectures as free open source.

Flex? Grid?

Flex and grid are modern layout techniques used in CSS.
Flex is often used for one-dimensional (one direction of the X or Y axis) layouts, while grid is often used for two-dimensional (both directions of the X and Y axes) layouts.

  • ✅ Let's easily understand the representative components of flex and grid using web page layout as an example.
  • ✅ We provide a Holy Grail layout tutorial that allows you to draw various layouts as well as basic usage.
  • ✅ We also recommend this for those who want to print out only the sections they need. We provide PDF files. (The lecture materials are free to use.)

Check out the Q&A! ✍️

Q. There are multiple knowledge sharers. Is the instructor different for each class?

This video was recorded by contributors to the open-source project "Flex & Grid." Please understand that volume and quality may vary due to differences in recording environment.

Q. I'm not a complete beginner with Flex/Grid. How can I best utilize this course?

You can view only the sections you want. Access the Flex & Grid web service and we'll provide a cheat sheet. You can click around and only watch the lectures for the parts you're unsure about. (Since each chapter has a different instructor, we don't recommend watching the entire lecture from top to bottom.)

Jeju Coding Base Camp
30-Minute Summary Lecture Series 📺

Recommended for
these people

Who is this course right for?

  • For those new to Flex and Grid

  • For those studying layout

Need to know before starting?

  • HTML

  • CSS

Hello
This is jejucoding

106,020

Learners

2,814

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

🧙‍♂️ Hello. This is Jeju Coding Basecamp.

What is Jeju Coding Basecamp?

 

 

A bootcamp plotted by the hottest developers in Jeju! We provide passionate young people with the opportunity to grow as much as their passion!

Jeju Coding Basecamp is the largest ICT education event in Jeju, held in collaboration with local governments and companies such as Kakao, Goorm, and the Jeju Industry-Academic Convergence Institute.


Success in building a service
—through this experience, cultivate your confidence, self-esteem, sense of accomplishment, and the ability to be self-reliant in this era of job scarcity!, hãy nuôi dưỡng sự tự tin, lòng tự trọng, cảm giác thành tựu và khả năng tự lập trong thời đại khó khăn tìm việc làm này!

Go for it, youth! You can do it! 😀

 


 

︎ Jeju Coding Base Camp Roadmap

제코베 로드맵.png.webp

 

︎ Jeju Coding Basecamp Certificate System

 

- 1.png.webp

 

More

Co-instructor

Curriculum

All

25 lectures ∙ (1hr 55min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

36 reviews

4.8

36 reviews

  • rbehddl07173930님의 프로필 이미지
    rbehddl07173930

    Reviews 1

    Average Rating 5.0

    5

    12% enrolled

    Ouyard Plain

    • wlghsp3420님의 프로필 이미지
      wlghsp3420

      Reviews 223

      Average Rating 5.0

      5

      8% enrolled

      Thank you for the great lecture!

      • sangs2420169님의 프로필 이미지
        sangs2420169

        Reviews 4

        Average Rating 5.0

        5

        100% enrolled

        It was a helpful lecture that solidified the concepts. Thank you.

        • bongsilbongsil님의 프로필 이미지
          bongsilbongsil

          Reviews 6

          Average Rating 5.0

          5

          100% enrolled

          Thank you~ I was able to clarify the confusing parts and learn about the grid system. Thank you!!

          • minji9873님의 프로필 이미지
            minji9873

            Reviews 2

            Average Rating 5.0

            5

            56% enrolled

            The lecture time is short so there is no burden in studying, and the explanations are detailed in comparison so it sticks in my head easily.

            jejucoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!

            Free