explanation
CSS Layout Masterclass is a SCSS, Flexbox, and CSS Grid training course for basic CSS layout. In this Clone Coding course, you’ll learn the latest CSS techniques by completing 11 different projects. The term clone coding refers to a completely educational and practical method of learning coding by imitating actual services such as Instagram, KakaoTalk, and YouTube.
Here’s what you’ll learn in the CSS Layout Masterclass course:
- Learn how to work with Flexbox, including base and cross axes, columns and rows, self-sorting and ordering, line wrapping, current wrap, reverse, sort, flex-grow, flex-shrink, flex-basis, and more.
- Understand grids and related topics, including pattern areas, columns and rows, grid templates, place items, auto columns, auto rows, min max, auto fill, and auto fit.
- Concepts needed to work with SCSS include variables, nesting, composition, and development.
Course specifications
publisher: nomad coder (Nomad Coder)
Instructor: Niko
Language:English
Level: Introductory
Number of courses: 54
Duration: 6 hours 48 minutes
Course Topics:
0 Introduction
0.0 Introduction
0.1 What are we using?
1 Flexbox
1.1 Life before Flexbox
1.2 First rule of Flexbox
1.3 Main axis and cross axis
1.4 Columns and Rows
1.5 Self-sorting and ordering
1.6 Line Wrap, Wrap Now, Reverse, Content Alignment
1.7 Flex growth, flex shrinkage
1.8 Flex-based
1.9 Flexbox Froggy 1-13
1.10 Flexbox Froggy 14-24
grid
Life before the 2.0 grid
2.1 CSS Grid Basic Concepts
2.2 Grid template area
2.3 Rows and Columns
2.4 Shortcut keys
2.5 Line naming
2.6 Grid Template
2.7 Location items
2.8 Location Content
2.9 Automatic Columns and Rows
2.10 MinMax
2.11 AutoFit AutoFill
2.12 Minimum Content Maximum Content
2.13 Grid Garden Part 1
2.13 Grid Garden Part 2
3 SCSS
3.0 CSS preprocessor and settings
3.1 Variables and nesting
3.2 Mixins
3.3 Extension
3.4 Cool mixins and conclusion
4 projects
4.0 Introduction
4.1 Coding the Best Horror Scenes
4.2 Best horror scene comments
4.3 Paint box coding
4.4 Paint box description
4.5 10×19 coding
4.6 10 × 19 comments
4.7 Zoo Coding
4.8 Zoo commentary
4.9 Schwarz Coding
4.10 Schwarz Commentary
4.11 Tolb Coddry
4.12 Tolb
Comment Davidson Coding
4.14 Roddick Davidson Comments
4.15 Beige Coding
4.16 Beige commentary
4.17 Donica Coding
4.18 Donica Commentary
4.19 Canal Street Commentary
4.20 won backcoding
4.21 Hundred Won Commentary
CSS Layout Masterclass Prerequisites:
HTML For beginners and above. CSS Understanding is needed.
Beginner or older Vanilla JS Understanding is needed.
movie
CSS Layout Masterclass Introduction Video:
installation manual
After extracting, watch with your favorite players.
Subtitles: None
Quality: 1080p
Course title in Korean: CSS Layout Class Class
download link
File password: free download software
size
3GB