CSS خطة تعلم الـ

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

#001 – Introduction and What I Need To Learn ?

#002 – Your First Project And Syntax

#003 – Element Styling

#004 – Name Conventions And Rules

#005 – Background – Color, Image, Repeat

#006 – Background – Attachment, Position, Size

#007 – Padding

#008 – Margin

#009 – Border

#010 – Outline

#011 – Display – Block, Inline-Block, Inline

#012 – Element Visibility And Use Cases



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

#013 – Group Multiple Selectors

#014 – Nesting

#015 – Dimensions – Width And Height

#016 – Overflow – Overflow-X And Overflow-Y

#017 – Text – Color And Shadow

#018 – Text – Alignment

#019 – Text – Decoration And Transform

#020 – Text – Spacing

#021 – Text – Overflow And Use Cases

#022 – Inheritance

#023 – Typography – Font Family

#024 – Typography – Font Size And CSS Units

#025 – Typography – Font Style And Variant And Weight

#026 – Mouse Cursor



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

#027 – Float And Clear

#028 – Master The CSS Calculation

#029 – Opacity

#030 – Position

#031 – Z-Index

#032 – List Styling

#033 – Table Styling

#034 – Pseudo Classes

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

#036 – Pseudo Elements – Before, After, Content

#037 – Pseudo Elements – Content Trainings

#038 – Vendor Prefixes

#039 – Border Radius

#040 – Box Shadows And Example

#041 – The Box Model And Box Sizing


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

#042 – Transition

#043 – !Important Declaration And Use Cases

#044 – The Margin Collapse

#045 – CSS Variables And Trainings

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

#047 – Flex Box – Parent – Justify Content

#048 – Flex Box – Parent – Align Items

#049 – Flex Box – Parent – Align Content

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

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

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

#053 – Finish The Flex Froggy Game

#054 – Filters

#055 – Gradients

#056 – Pointer Events And Caret Color

#057 – Grid – Parent – Template Columns

#058 – Grid – Parent – Template Rows And Gap

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

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

#061 – Grid – Child – Grid Column And Grid Row

#062 – Grid – Child – Grid Area And Trainings

#063 – Grid – Min, Max And Auto Fill

#064 – Finish The Grid Garden Game


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

#065 – 2D Transform – Scale

#066 – 2D Transform – Rotate

#067 – 2D Transform – Translate

#068 – 2D Transform – Skew

#069 – 2D Transform – Matrix

#070 – Transform Origin

#071 – 3D Transform – Rotate

#072 – 3D Transform – Translate, Perspective, Perspective Origin

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

#074 – Animation – KeyFrames, Name, Duration

#075 – Animation – Iteration Count, Timing Function, Spinner Loading

#076 – Animation – Direction, Fill Mode, Play State, Delay

#077 – Up And Down Loading Animation Training

#078 – CSS Selectors Reference Part 1

#079 – CSS Selectors Reference Part 2

#080 – CSS Selectors Reference Part 3

#081 – CSS Selectors Reference Part 4

#082 – CSS Selectors Reference Part 5

#083 – Media Queries And Responsive Designs Intro

#084 – Media Queries And Responsive Designs Standards

#085 – Media Queries And Responsive Designs Practice

#086 – Create Your Framework

#087 – CSS Global Values

#088 – The End And How To Master CSS



جميع فيدوهات المســــــار هــنـــا