CSS Layout Masterclass

06:49:41 Inglés Premium 15/05/2024 54 videos

Descripción del curso

What will you make? 11 CSS Layout. We will clone 11 beautiful layout of movie, e-commerce and portfolio website..

What will you learn Flexbox

Main Axis / Cross Axis
Column and Row
align-self and order
wrap, nowrap, reverse, align
flex-grow, flex-shrink
flex-basis
many more...

Grid

template areas
rows and columns
grid-template
place-items
auto-columns, auto-rows
minmax
auto-fill, auto-fit
many more...

SCSS

Variables
Nesting
Mixins
Extends

Curriculum

Section 1: Module 1

02 - #0.2 Introduction 04:18
03 - #0.3 What are we using 01:44
04 - #1.0 Life Before Flexbox 06:10
05 - #1.1 First Rule of Flexbox 03:33
06 - #1.2 Main Axis and Cross Axis 09:26
07 - #1.3 Column and Row 06:01
08 - #1.4 align-self and order 07:26
09 - #1.5 wrap, nowrap, reverse, align-content 07:00
10 - #1.6 flex-grow, flex-shrink 08:02
11 - #1.7 flex-basis 03:37
12 - #1.8 Flexbox Froggy 1-13 06:27
13 - #1.9 Flexbox Froggy 14-24 12:00
14 - #2.1 Life Before Grid 03:55
15 - #2.2 CSS Grid Basic Concepts 06:07
16 - #2.3 Grid Template Areas 07:12
17 - #2.4 Rows and Columns 07:33
18 - #2.5 Shortcuts 06:39
19 - #2.6 Line Naming 03:44
20 - #2.7 Grid Template 11:03
21 - #2.8 Place Items 06:19
22 - #2.9 Place Content 06:34
23 - #2.10 Auto Columns and Rows 09:44
24 - #2.11 minmax 02:58
25 - #2.12 auto-fit auto-fill 05:23
26 - #2.13 min-content max-content 06:24
27 - #2.14 Grid Garden part One 08:40
28 - #2.15 Grid Garden part Two 10:23
29 - #3.0 CSS Preprocessors and Set Up 04:37
30 - #3.1 Variables and Nesting 10:39
31 - #3.2 Mixins 08:20
32 - #3.3 Extends 05:22
33 - #3.4 Awesome Mixins and Conclusions 13:00
34 - #4.0 Introduction 02:31
35 - #4.1 Best Horror Scenes Coding 17:37
36 - #4.2 Best Horror Scenes Comment 05:30
37 - #4.3 Paint Box Coding 18:58
38 - #4.4 Paint Box Comment 04:53
39 - #4.5 10x19 Coding 11:17
40 - #4.6 10x19 Comment 03:55
41 - #4.7 Zoo Coding 13:44
42 - #4.8 Zoo Commentary 02:49
43 - #4.9 Schwartz Coding 17:50
44 - #4.10 Schwartz Commentary 05:19
45 - #4.11 Tolv Coding 15:18
46 - #4.12 Tolv Commentary 04:26
47 - #4.13 Rodic Davidson Coding 06:21
48 - #4.14 Rodic Davidson Comment 01:58
49 - #4.15 Beige Coding 15:16
50 - #4.16 Beige Commentary 02:58
51 - #4.17 Donica Coding 09:11
52 - #4.18 Donica Commentary 03:46
53 - #4.19 Canal Street Commentary 07:14
54 - #4.20 Won Hundred Coding 14:11
55 - #4.21 Won Hundred Commentary 04:19

About the Instructor

Nomad Coders

$0.00

$8.00

Que esta incluido?

Streaming Multiplataforma
Acceso de por vida
Soporte al cliente
Actualizaciones gratuitas