초급

CSS Layout 마스터 클래스

SCSS, Flexbox, CSS Grid

2023년 업데이트CSS 마스터를 위한 모든 것SCSS, Flexbox, CSS GridFlexbox, Grid에 대한 개념이해와 실전연습
동영상
46
강의 분량
15시간+
레벨
초급

실전형 코딩을 시작하세요

왜 직접 만들면서 배워야. 진짜 지식이 될까요?

#클론코딩#현업중심#자기주도학습

우리는 그동안
딱딱한 이론과 문법 중심의
한국식 코딩을 배워왔어요.

이렇게 배운 지식은
현업에서 바로 활용하기 어려워요.

하지만 존재하는 서비스와 기능을
따라 만들면서 배우면,
온전히 나의 기술로 습득할 수 있어요.

노마드코더’s 클론코딩 교육

주입식 코딩만 하면 실력은 늘지않아요.

코딩 챌린지 란?

코딩은 직접 스스로 만들어봐야 온전한 자신의 지식이 됩니다.
수강생들은 직접 기능을 구현하고, 본인의 졸업작품을 만들며제대로 배우게 됩니다!

무엇을 만드나요?

11개 CSS 레이아웃 영국, 프랑스, 덴마크, 독일 등의 화려하고 아름다운 웹사이트 11개 레이아웃(영화 웹, 쇼핑몰, 포트폴리오 등)을 따라 만들어봅니다. 이를 통해 최신 CSS 기법을 배우게 될 거에요.

배우고, 직접 구현합니다

배우는 이론

Main Axis / Cross AxisColumn and Rowflex-grow, flex-shrinkflex-basisrows and columnsgrid-templateplace-itemswrap, nowrap, reverse, align

사용하는 패키지

FlexboxGridSCSSalign-self and ordertemplate areasauto-columns, auto-rowsminmaxauto-fill, auto-fitMixinsExtendsVariablesNesting
구현 기능

Flexbox

Flexbox 덕분에 오늘날 웹 디자인에서 가장 일반적인 레이아웃을 단 몇 초 만에 구현할 수 있습니다. 이 강의를 통해서 여러분은 가장 중요한 Flexbox 기능을 모두 실습하고 배우게 됩니다. 또한 Flexbox로 모바일 친화적인 레이아웃을 구현하는 방법도 배우게 됩니다.

Grid

Grid는 놀랍도록 강력한 레이아웃 시스템으로, 픽셀 단위의 완벽한 그리드 디자인을 구현할 수 있게 해줍니다. 이 강의를 통해서 여러분은 웹에서 가장 아름다운 웹사이트를 클론코딩하여 연습하고, 멋진 레이아웃을 만들게 됩니다.

강의 미리보기

이 정도 수준인 분들 드루와요

기본적인 HTML, CSS, JS 에 대한 이해도가 있는 분들이 수강하실 수 있습니다

초급 이상의 HTML. CSS 이해도가필요합니다.
왕초보분들은 선수 강의로 시작하세요!

HTML CSS 강의 보러가기 →

초급 이상의 바닐라 JS 이해도가 필요합니다.
무료 강의로 시작하세요!

무료 JS 강의 보러가기 →

결과적으로, 이 수업 이후 ...

막막했던 CSS. 이제 생각한대로 구현이 가능해집니다!Flexbox. Grid 를 배워 CSS 레이아웃을 마스터하게 됩니다.11개 웹사이트를 클론코딩하며. 본인의 노하우가 생기게 됩니다.

제공합니다

이 강의에서는 아래 자료들을 제공합니다.

강의 분량

46개의 동영상 강의
15시간+ 분량.

한국어도 OK

영어 강의라고 겁먹지 마세요!
강의에 한글 자막을 제공합니다.

실시간 Q&A

니꼴라스 선생님이 직접 100%
답변합니다.

활발한 슬랙 커뮤니티

수만명의 수강생들과
함께 공부하세요.

수강생 후기

27만명 수강생이 증명합니다.

니꼬쌤이 가르칩니다

무료 강의를 최신 기술로 3번이나
업데이트 해주는 쌤 보셨나요?
찐 책임감으로 무장한 딱 1명의 슈퍼 강사!
니꼬쌤과 시작하세요.

Since2017
누적 수강생27만명+
총 조회수2,500만 이상!
압도적 강의력
지루할 틈이 없는 찰진 유머
최신 기술만 꾹꾹 눌러담은 클론코딩 까지!
#압도적_강의력#최신기술_ONLY
#찐_책임감#딱1명의_슈퍼강사

상세 커리큘럼

수업 내용을 직접 들어보고 결정하세요!

동영상 46
15시간+
전체 열기
#1 [🔥 2023 Update 🔥] Introduction
#2 [🔥 2023 Update 🔥] Flexbox
#3 [🔥 2023 Update 🔥] Grid
#4 [🔥 2023 Update 🔥] SCSS
#5 [🔥 2023 Update 🔥] Practice Projects

실전형 코딩을 시작하세요!

본인이 원하는 시간과 속도로, 언제든지 다시 반복하여 들을 수 있는 온라인 수업 입니다.
또한 2주 동안 100% 완주할 수 있는 챌린지 프로그램까지 추가로 제공됩니다.

CSS Layout 마스터 클래스

강의 평생 소장
2주 완성반 챌린지
100% 한글자막
니꼬쌤 질의응답

한번 결제하고 평생 소장하세요!

CSS Layout 마스터 클래스평생 소장
6개월 할부 10,000
평생 수강권 결제하기

자주하는 질문