CSS-2021 | مسار

الأسبوع الأول

#01 – Introduction And What I Need To Learn

08:22
#02 – Your First Project And Syntax

08:40
#03 – Element Styling

06:25
#04 – Name Conventions And Rules

08:01
#05 – Background – Color, Image, Repeat

07:54
#06 – Background – Attachment, Position, Size

00:00
#07 – Padding

09:01
#08 – Margin

08:15
#09 – Border

05:56

الأسبوع الثاني

#10 – Outline

06:38
#11 – Display – Block, Inline Block, Inline

11:53
#12 – Element Visibility And Use Cases

05:13
#13 – Grouping Multiple Selectors

05:56
#14 – Nesting

05:18
#15 – Dimensions – Width And Height

08:13
#16 – Overflow – Overflow-X And Overflow-Y

04:52
#17 – Text – Color And Shadow

03:52
#18 – Text – Alignment

04:47

الأسبوع الثالث

#19 – Text – Decoration And Transform

04:05
#20 – Text – Spacing

10:04
#21 – Text – Overflow And Use Cases

04:00
#22 – Inheritance

05:34
#23 – Typography – Font Family

10:46
#24 – Typography – Font Size And CSS Units

09:12
#25 – Typography – Font Style And Variant And Weight

04:45
#26 – Mouse Cursor

04:14
#27 – Float And Clear

09:02

الأسبوع الرابع

#28 – Mastering The CSS Calculation

08:53
#29 – Opacity

03:11
#30 – Position

11:06
#31 – Z-Index

06:49
#32 – Lists Styling

07:13
#33 – Table Styling

07:34
#34 – Pseudo Classes

11:27
#35 – Pseudo Elements – First Letter, First Line, Selection

06:48
#36 – Pseudo Elements – Before, After, Content

11:06

الأسبوع الخامس

#37 – Pseudo Elements – Content And Trainings

09:17
#38 – Vendor Prefixes

09:08
#39 – Border Radius

06:10
#40 – Box Shadow And Examples

07:13
#41 – The Box Model And Box Sizing

07:19
#42 – Transition

13:27
#43 – !Important Declaration And Use Cases

05:22
#44 – The Margin Collapse

07:49
#45 – CSS Variables And Trainings

08:33

الأسبوع السادس

#46 – Flex Box Parent – Direction, Wrap, Flow

09:21
#47 – Flex Box Parent – Justify Content

10:36
#48 – Flex Box Parent – Align Items

04:55
#49 – Flex Box Parent – Align Content

05:32
#50 – Flex Box Child – Grow, Shrink, Order

06:55
#51 – Flex Box Child – Flex Basis, Flex Shorthand

08:57
#52 – Flex Box Child – Align Self, Games, Task

03:22
#53 – Finish Flex Froggy Game

11:34
#54 – Filters

03:55

الأسبوع السابع

#55 – Gradients

12:21
#56 – Pointer Events And Caret Color

04:39
#57 – Grid – Parent – Template Columns

11:32
#58 – Grid – Parent – Template Rows And Gap

07:53
#59 – Grid – Parent – Justify Content And Align Content

04:38
#60 – Grid – Parent – Complete Layout With Template Areas

11:51
#61 – Grid – Child – Grid Column And Grid Row

07:23
#62 – Grid – Child – Grid Area And Trainings

06:35
#63 – Grid – Min, Max And Auto Fill

07:47

الأسبوع الثامن

#64 – Finish The Grid Garden Game

17:40
#65 – 2D Transform – Scale

04:54
#66 – 2D Transform – Rotate

07:10
#67 – 2D Transform – Translate

05:17
#68 – 2D Transform – Skew

05:00
#69 – 2D Transform – Matrix

07:15
#70 – Transform – Origin

08:28
#71 – 3D Transform – Rotate

06:11
#72 – 3D Transform – Translate, Perspective, Perspective Origin

04:47

الأسبوع التاسع

#73 – 3D Transform – Backface Visibility And Flip Product

09:16
#74 – Animation – KeyFrames, Name, Duration

06:55
#75 – Animation – Iteration Count, Timing Function, Spinner Loading

04:27
#76 – Animation – Direction, Fill Mode, Play State, Delay

11:03
#77 – Up And Down Loading Animation Training

06:01
#78 – CSS Selectors Reference Part 1

09:27
#79 – CSS Selectors Reference Part 2

09:16
#80 – CSS Selectors Reference Part 3

10:12
#81 – CSS Selectors Reference Part 4

09:13

محتوى الدورة

الأسبوع الأول

#01 – Introduction And What I Need To Learn

#02 – Your First Project And Syntax

#03 – Element Styling

#04 – Name Conventions And Rules

#05 – Background – Color, Image, Repeat

#06 – Background – Attachment, Position, Size

#07 – Padding

#08 – Margin

#09 – Border

الأسبوع الثاني

#10 – Outline

#11 – Display – Block, Inline Block, Inline

#12 – Element Visibility And Use Cases

#13 – Grouping Multiple Selectors

#14 – Nesting

#15 – Dimensions – Width And Height

#16 – Overflow – Overflow-X And Overflow-Y

#17 – Text – Color And Shadow

#18 – Text – Alignment

الأسبوع الثالث

#19 – Text – Decoration And Transform

#20 – Text – Spacing

#21 – Text – Overflow And Use Cases

#22 – Inheritance

#23 – Typography – Font Family

#24 – Typography – Font Size And CSS Units

#25 – Typography – Font Style And Variant And Weight

#26 – Mouse Cursor

#27 – Float And Clear

الأسبوع الرابع

#28 – Mastering The CSS Calculation

#29 – Opacity

#30 – Position

#31 – Z-Index

#32 – Lists Styling

#33 – Table Styling

#34 – Pseudo Classes

#35 – Pseudo Elements – First Letter, First Line, Selection

#36 – Pseudo Elements – Before, After, Content

الأسبوع الخامس

#37 – Pseudo Elements – Content And Trainings

#38 – Vendor Prefixes

#39 – Border Radius

#40 – Box Shadow And Examples

#41 – The Box Model And Box Sizing

#42 – Transition

#43 – !Important Declaration And Use Cases

#44 – The Margin Collapse

#45 – CSS Variables And Trainings

الأسبوع السادس

#46 – Flex Box Parent – Direction, Wrap, Flow

#47 – Flex Box Parent – Justify Content

#48 – Flex Box Parent – Align Items

#49 – Flex Box Parent – Align Content

#50 – Flex Box Child – Grow, Shrink, Order

#51 – Flex Box Child – Flex Basis, Flex Shorthand

#52 – Flex Box Child – Align Self, Games, Task

#53 – Finish Flex Froggy Game

#54 – Filters

الأسبوع السابع

#55 – Gradients

#56 – Pointer Events And Caret Color

#57 – Grid – Parent – Template Columns

#58 – Grid – Parent – Template Rows And Gap

#59 – Grid – Parent – Justify Content And Align Content

#60 – Grid – Parent – Complete Layout With Template Areas

#61 – Grid – Child – Grid Column And Grid Row

#62 – Grid – Child – Grid Area And Trainings

#63 – Grid – Min, Max And Auto Fill

الأسبوع الثامن

#64 – Finish The Grid Garden Game

#65 – 2D Transform – Scale

#66 – 2D Transform – Rotate

#67 – 2D Transform – Translate

#68 – 2D Transform – Skew

#69 – 2D Transform – Matrix

#70 – Transform – Origin

#71 – 3D Transform – Rotate