강의

멘토링

커뮤니티

Programming

/

Web Development

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.9) 35 reviews

1,544 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.9

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

105,628

Learners

2,779

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

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

제주코딩베이스캠프란?

 

 

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

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


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

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

 


 

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

제코베 로드맵.png.webp

 

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

 

- 1.png.webp

 

Curriculum

All

25 lectures ∙ (1hr 55min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

35 reviews

4.9

35 reviews

  • 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!!

    • wlghsp3420님의 프로필 이미지
      wlghsp3420

      Reviews 223

      Average Rating 5.0

      5

      8% enrolled

      Thank you for the great lecture!

      • 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.

        • sangs2420169님의 프로필 이미지
          sangs2420169

          Reviews 4

          Average Rating 5.0

          5

          100% enrolled

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

          • rbehddl07173930님의 프로필 이미지
            rbehddl07173930

            Reviews 1

            Average Rating 5.0

            5

            12% enrolled

            Ouyard Plain

            Free

            jejucoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!