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개

강의소개.상단개요.수강생.short

난이도 초급

수강기한 무제한

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

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.8

5.0

봉실봉실

100% 수강 후 작성

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

5.0

아라레

8% 수강 후 작성

Thank you for the great lecture!

5.0

minji9873

56% 수강 후 작성

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.

강의상세_배울수있는것_타이틀

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

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • For those new to Flex and Grid

  • For those studying layout

선수 지식, 필요할까요?

  • HTML

  • CSS

강의소개.지공자소개

105,849

수강생

2,804

수강평

163

답변

4.8

강의 평점

80

강의_other

소개 이미지.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

 

더보기

공동 지식공유자

커리큘럼

전체

25개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

해당 강의에서 제공: [object Object]
강의 게시일: 
마지막 업데이트일: 

수강평

전체

36개

4.8

36개의 수강평

  • wlghsp3420님의 프로필 이미지
    wlghsp3420

    수강평 223

    평균 평점 5.0

    5

    8% 수강 후 작성

    Thank you for the great lecture!

    • bongsilbongsil님의 프로필 이미지
      bongsilbongsil

      수강평 6

      평균 평점 5.0

      5

      100% 수강 후 작성

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

      • rbehddl07173930님의 프로필 이미지
        rbehddl07173930

        수강평 1

        평균 평점 5.0

        5

        12% 수강 후 작성

        Ouyard Plain

        • minji9873님의 프로필 이미지
          minji9873

          수강평 2

          평균 평점 5.0

          5

          56% 수강 후 작성

          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

            수강평 4

            평균 평점 5.0

            5

            100% 수강 후 작성

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

            jejucoding님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!

            무료