Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Toggle Sidebar
Previous Lecture
Complete and continue
CSS λ§μ€ν° ν΄λμ€
#0. Introduction
π¨ νλ ! 곡μ§μ¬ν π¨
#0.1 Introduction (2:00)
#0.2 What are we building (1:47)
#0.3 Software Requirements (1:41)
#0.4 Theory Requirements (0:59)
#1. (μ΄λ‘ ) Flexbox
#1.0 Why we need Flexbox (5:02)
#1.1 Basics of Flexbox (6:39)
#1.2 Main Axis and Cross Axis (6:14)
#1.3 Flex Wrap and Direction (4:53)
#1.4 Align Self and Flexbox Conclusions (2:48)
Quiz #1
#2. (μ΄λ‘ ) CSS Grid
#2.0 Why we need Grid (3:26)
#2.1 Basics CSS Grid (5:03)
#2.2 Auto Rows and Columns (3:44)
#2.3 Grid Template Areas (7:59)
#2.4 fr and repeat() (4:44)
#2.5 minmax, max-content, min-content (4:28)
#2.6 auto-fill, auto-fit (6:46)
#2.7 Justify Content, Align Content and Place Content (3:42)
#2.8 Justify Items, Align Items and Place Items (3:57)
#2.9 Grid Column, Row Start and End (3:44)
#2.10 Line Naming and grid-auto-flow (5:14)
#2.11 Grid Row, Row Start and End (2:50)
#2.12 Grid Area (2:22)
#2.13 Justify, Align, Place Self (2:08)
Quiz #2
#3. (μ΄λ‘ ) PostCSS / CSSNext / CSS4
#3.0 Installing Parcel (3:54)
#3.1 PostCSS and Parcel (7:13)
#3.2 Functional pseudo-classes (3:05)
#3.3 CSS Variables (5:14)
#3.4 @custom-media and Media Query Ranges (5:05)
#3.5 color-mod, gray(), system-ui (5:42)
#3.6 Nesting Rules (5:01)
#3.7 Conclusions (7:30)
#4. (μ€μ ) Practice Projects
#4.0 Guidelines
#4.1 Colorful eCommerce (17:38)
#4.2 Meal App (21:45)
#4.3 News App (9:55)
#4.4 Recipe App (19:22)
#4.5 Artistic Social Network App (13:32)
#4.6 Architecture Website (13:22)
#4.7 Artistic Blog Website (12:03)
#4.8 Artistic Portfolio Website (11:43)
#4.9 Artistic Fashion Website (13:10)
#4.10 Trendy News Website (11:49)
#4.11 Portfolio Website (14:22)
#4.12 Grid Blog (13:04)
#4.13 Urban Magazine (11:44)
#4.14 Beautiful Blog (11:12)
#4.15 Beautiful eCommerce (15:03)
π¨ νλ ! 곡μ§μ¬ν π¨
모든 강의 업데이트가 완료되었습니다 ;)
ENJOY!
Discussion
27
comments
Load more
27 comments