خطة دراسة CSS 2021

CSS 2021
  • الاسبوع الأول
  • الاسبوع الثاني
  • الاسبوع الثالث
  • الاسبوع الرابع
  • الاسبوع الخامس
  • الاسبوع السادس
  • الاسبوع السابع
  • الاسبوع الثامن

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

مشاهدة الدروس

المطلوب مشاهدة الدروس من 1 إلى 12

  • #001 – Introduction and What I Need To Learn ?
  • #002 – Your First Project And Syntax
  • #003 – Elememt 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

حل التكليفات

المطلوب حل تكليفات الدروس من 1 إلى 12


البحث

كلمات البحث التي تحتاجها لزيادة معلوماتك

  • CSS Colors
  • CSS Background Properties
  • CSS Display

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

مشاهدة الدروس

المطلوب مشاهدة الدروس من 13 إلى 26

  • #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

حل التكليفات

المطلوب حل تكليفات الدروس من 13 إلى 26


البحث

كلمات البحث التي تحتاجها لزيادة معلوماتك

  • CSS Font
  • CSS Text Properties

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

مشاهدة الدروس

المطلوب مشاهدة الدروس من 27 إلى 33

  • #027 – Float And Clear
  • #028 – Master The CSS Calculation
  • #029 – Opacity
  • #030 – Position
  • #031 – Z-Index
  • #032 – List Styling
  • #033 – Table Styling

حل التكليفات

المطلوب حل تكليفات الدروس من 27 إلى 33


البحث

كلمات البحث التي تحتاجها لزيادة معلوماتك

  • CSS Units
  • CSS Table

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

مشاهدة الدروس

المطلوب مشاهدة الدروس من 34 إلى 41

  • #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

حل التكليفات

المطلوب حل تكليفات الدروس من 34 إلى 41


البحث

كلمات البحث التي تحتاجها لزيادة معلوماتك

  • CSS Box Model
  • CSS Prefixes

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

مشاهدة الدروس

المطلوب مشاهدة الدروس من 42 إلى 53

  • #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

حل التكليفات

المطلوب حل تكليفات الدروس من 42 إلى 53


البحث

كلمات البحث التي تحتاجها لزيادة معلوماتك

  • CSS Flex
  • CSS Flex Games

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

مشاهدة الدروس

المطلوب مشاهدة الدروس من 54 إلى 64

  • #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

حل التكليفات

المطلوب حل تكليفات الدروس من 54 إلى 64


البحث

كلمات البحث التي تحتاجها لزيادة معلوماتك

  • CSS Filters
  • CSS Grid
  • CSS Grid Games

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

مشاهدة الدروس

المطلوب مشاهدة الدروس من 65 إلى 73

  • #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

حل التكليفات

المطلوب حل تكليفات الدروس من 65 إلى 73


البحث

كلمات البحث التي تحتاجها لزيادة معلوماتك

  • CSS Transform
  • CSS Angle Tan

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

مشاهدة الدروس

المطلوب مشاهدة الدروس من 74 إلى 88

  • #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


البحث

كلمات البحث التي تحتاجها لزيادة معلوماتك

  • CSS Media Queries Breakpoints
  • CSS Animation Examples
  • CSS Selectors

الإنشاء 14 يوليو 2021
آخر تحديث 14 يوليو 2021
المشاهدات 6532