الاسبوع الأول
مشاهدة الدروس للحصول على الخبرة و المعلومات
-
01
Introduction and What I Need To Learn ?Watch Video 8:22
-
02
Your First Project And SyntaxWatch Video 8:41
-
03
Element StylingWatch Video 6:25
-
04
Name Conventions And RulesWatch Video 8:02
-
05
Background – Color, Image, RepeatWatch Video 7:55
-
06
Background – Attachment, Position, SizeWatch Video 8:09
-
07
PaddingWatch Video 9:02
-
08
MarginWatch Video 8:16
-
09
BorderWatch Video 5:57
-
10
OutlineWatch Video 6:39
-
11
Display – Block, Inline-Block, InlineWatch Video 11:54
-
12
Element Visibility And Use CasesWatch Video 5:14
حل التكليفات للتأكد من فهم الدروس
- For Lessons 01 To 04 Elements And Naming [ 6 Assignments ]
- For Lessons 05 To 08 Background, Margin, Padding [ 4 Assignments ]
- For Lessons 09 To 12 Border, Outline, Display [ 2 Assignments ]
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
- CSS Colors
- CSS Background Properties
- CSS Display
- CSS Hex Code
- CSS RGBA
- CSS Alpha Channel
- CSS Border Tricks
الاسبوع الثاني
مشاهدة الدروس للحصول على الخبرة و المعلومات
-
13
Group Multiple SelectorsWatch Video 5:57
-
14
NestingWatch Video 5:19
-
15
Dimensions – Width And HeightWatch Video 8:14
-
16
Overflow – Overflow-X And Overflow-YWatch Video 4:53
-
17
Text – Color And ShadowWatch Video 3:53
-
18
Text – AlignmentWatch Video 4:48
-
19
Text – Decoration And TransformWatch Video 4:06
-
20
Text – SpacingWatch Video 10:05
-
21
Text – Overflow And Use CasesWatch Video 4:01
-
22
InheritanceWatch Video 5:35
-
23
Typography – Font FamilyWatch Video 10:47
-
24
Typography – Font Size And CSS UnitsWatch Video 9:13
-
25
Typography – Font Style And Variant And WeightWatch Video 4:46
-
26
Mouse CursorWatch Video 4:15
حل التكليفات للتأكد من فهم الدروس
- For Lessons 13 To 16 Nesting, Dimensions, Overflow [ 2 Assignments ]
- For Lessons 17 To 21 Text Formatting [ 4 Assignments ]
- For Lessons 22 To 26 Inheritance, Typography [ 3 Assignments ]
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
- CSS Font Family
- CSS Text Formatting
- CSS Supscript
- CSS Overflow
- CSS Nesting Best Practices
- CSS BEM
- CSS Border Tricks
الاسبوع الثالث
مشاهدة الدروس للحصول على الخبرة و المعلومات
-
27
Float And ClearWatch Video 9:03
-
28
Master The CSS CalculationWatch Video 8:54
-
29
OpacityWatch Video 3:12
-
30
PositionWatch Video 11:07
-
31
Z-IndexWatch Video 6:50
-
32
List StylingWatch Video 7:14
-
33
Table StylingWatch Video 7:35
حل التكليفات للتأكد من فهم الدروس
- For Lessons 27 To 29 Float, Opacity [ 2 Assignments ]
- For Lessons 30 To 33 Position, List, Table [ 4 Assignments ]
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
- CSS Position
- CSS Sticky
- CSS Float
- CSS Units
- CSS Table
- CSS List
- CSS Lists Type
- CSS Opacty
الاسبوع الرابع
مشاهدة الدروس للحصول على الخبرة و المعلومات
-
34
Pseudo ClassesWatch Video 11:28
-
35
Pseudo Elements – First Letter, First Line, SelectionWatch Video 6:49
-
36
Pseudo Elements – Before, After, ContentWatch Video 11:07
-
37
Pseudo Elements – Content TrainingsWatch Video 9:18
-
38
Vendor PrefixesWatch Video 9:09
-
39
Border RadiusWatch Video 6:11
-
40
Box Shadows And ExampleWatch Video 7:14
-
41
The Box Model And Box SizingWatch Video 7:20
حل التكليفات للتأكد من فهم الدروس
- For Lessons 34 To 37 Pseudo Classes, Pseudo Elements [ 4 Assignments ]
- For Lessons 38 To 41 Border Radius, Box Shadow [ 3 Assignments ]
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
- CSS Vendor Prefixes
- CSS Box Model
- CSS Box Shadow
- CSS New Features
- CSS Border Radius
- CSS Pseudo Elements Using
- CSS Pseudo Classes
- CSS Pseudo Elements Use Cases
الاسبوع الخامس
مشاهدة الدروس للحصول على الخبرة و المعلومات
-
42
TransitionWatch Video 13:28
-
43
!Important Declaration And Use CasesWatch Video 5:23
-
44
The Margin CollapseWatch Video 7:50
-
45
CSS Variables And TrainingsWatch Video 8:34
-
46
Flex Box – Parent – Direction, Wrap, FlowWatch Video 9:22
-
47
Flex Box – Parent – Justify ContentWatch Video 10:37
-
48
Flex Box – Parent – Align ItemsWatch Video 4:56
-
49
Flex Box – Parent – Align ContentWatch Video 5:33
-
50
Flex Box – Child – Grow, Shrink, OrderWatch Video 6:56
-
51
Flex Box – Child – Flex Basis, Flex ShorthandWatch Video 8:58
-
52
Flex Box – Child – Align Self, Games, TaskWatch Video 3:23
-
53
Finish The Flex Froggy GameWatch Video 11:35
حل التكليفات للتأكد من فهم الدروس
- For Lessons 42 To 45 Transitions, Variables [ 3 Assignments ]
- For Lessons 46 To 53 Flex Box [ 6 Assignments ]
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
- CSS Transition
- CSS Variables
- CSS Variables Use Cases
- CSS Flex Box
- CSS Flex Box Layout
الاسبوع السادس
مشاهدة الدروس للحصول على الخبرة و المعلومات
-
54
FiltersWatch Video 3:56
-
55
GradientsWatch Video 12:22
-
56
Pointer Events And Caret ColorWatch Video 4:40
-
57
Grid – Parent – Template ColumnsWatch Video 11:33
-
58
Grid – Parent – Template Rows And GapWatch Video 7:54
-
59
Grid – Parent – Justify Content And Align ContentWatch Video 4:39
-
60
Grid – Parent – Complete Layout With Template AreasWatch Video 11:52
-
61
Grid – Child – Grid Column And Grid RowWatch Video 7:24
-
62
Grid – Child – Grid Area And TrainingsWatch Video 6:36
-
63
Grid – Min, Max And Auto FillWatch Video 7:48
-
64
Finish The Grid Garden GameWatch Video 17:41
حل التكليفات للتأكد من فهم الدروس
- For Lessons 54 To 56 Filters, Gradient [ 2 Assignments ]
- For Lessons 57 To 64 Grid [ 6 Assignments ]
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
- CSS Grid
- CSS Filters
- CSS Filters Compatibilities
- CSS Gradient
- CSS Gradient Tools
الاسبوع السابع
مشاهدة الدروس للحصول على الخبرة و المعلومات
-
65
2D Transform – ScaleWatch Video 4:55
-
66
2D Transform – RotateWatch Video 7:11
-
67
2D Transform – TranslateWatch Video 5:18
-
68
2D Transform – SkewWatch Video 5:01
-
69
2D Transform – MatrixWatch Video 7:16
-
70
Transform OriginWatch Video 8:29
-
71
3D Transform – RotateWatch Video 6:12
-
72
3D Transform – Translate, Perspective, Perspective OriginWatch Video 4:48
-
73
3D Transform – Backface Visibility And Flip ProductWatch Video 9:17
حل التكليفات للتأكد من فهم الدروس
- For Lessons 65 To 67 Scale, Rotate, Translate [ 3 Assignments ]
- For Lessons 68 To 73 Skew, Matrix, 3D Transform [ 5 Assignments ]
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
- CSS Transform
- CSS 2D Transform
- CSS 3D Transform
- CSS Matrix
- CSS Rotate
- CSS Cubic Bezier
- CSS Cubic Bezier Examples
- CSS Angle Tan
الاسبوع الثامن
مشاهدة الدروس للحصول على الخبرة و المعلومات
-
74
Animation – KeyFrames, Name, DurationWatch Video 6:56
-
75
Animation – Iteration Count, Timing Function, Spinner LoadingWatch Video 4:28
-
76
Animation – Direction, Fill Mode, Play State, DelayWatch Video 11:04
-
77
Up And Down Loading Animation TrainingWatch Video 6:02
-
78
CSS Selectors Reference Part 1Watch Video 9:28
-
79
CSS Selectors Reference Part 2Watch Video 9:17
-
80
CSS Selectors Reference Part 3Watch Video 10:13
-
81
CSS Selectors Reference Part 4Watch Video 9:14
-
82
CSS Selectors Reference Part 5Watch Video 7:57
-
83
Media Queries And Responsive Designs IntroWatch Video 9:02
-
84
Media Queries And Responsive Designs StandardsWatch Video 11:31
-
85
Media Queries And Responsive Designs PracticeWatch Video 11:44
-
86
Create Your FrameworkWatch Video 10:00
-
87
CSS Global ValuesWatch Video 10:43
-
88
The End And How To Master CSSWatch Video 6:46
حل التكليفات للتأكد من فهم الدروس
- For Lessons 74 To 77 Animation [ 4 Assignments ]
- For Lessons 78 To 82 Selectors [ 8 Assignments ]
- For Lessons 83 To 85 Media Queries [ 3 Assignments ]
- For Lessons 86 To 88 Global Values [ 2 Assignments ]
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
- CSS Animation
- CSS Animation Examples
- CSS Animation Generator
- CSS Media Queries
- CSS Media Break Points
- CSS Mobile First
- CSS Selectors Reference
- CSS Global Values
الأدوات والمراجع
المراجع لمعرفة المعلومات المتقدمة والإحتراف
الأدوات لمساعدتك على توفير الوقت