خطة دراسة CSS

CSS

الأسابيع

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

مشاهدة الدروس للحصول على الخبرة و المعلومات
حل التكليفات للتأكد من فهم الدروس
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
  • CSS Colors
  • CSS Background Properties
  • CSS Display
  • CSS Hex Code
  • CSS RGBA
  • CSS Alpha Channel
  • CSS Border Tricks

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

مشاهدة الدروس للحصول على الخبرة و المعلومات
حل التكليفات للتأكد من فهم الدروس
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
  • CSS Font Family
  • CSS Text Formatting
  • CSS Supscript
  • CSS Overflow
  • CSS Nesting Best Practices
  • CSS BEM
  • CSS Border Tricks

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

مشاهدة الدروس للحصول على الخبرة و المعلومات
حل التكليفات للتأكد من فهم الدروس
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
  • CSS Position
  • CSS Sticky
  • CSS Float
  • CSS Units
  • CSS Table
  • CSS List
  • CSS Lists Type
  • CSS Opacty

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

مشاهدة الدروس للحصول على الخبرة و المعلومات
حل التكليفات للتأكد من فهم الدروس
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
  • 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
    Transition
    Watch Video 13:28
  • 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
    Watch Video 10:37
  • 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 The Flex Froggy Game
    Watch Video 11:35
حل التكليفات للتأكد من فهم الدروس
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
  • CSS Transition
  • CSS Variables
  • CSS Variables Use Cases
  • CSS Flex Box
  • CSS Flex Box Layout

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

مشاهدة الدروس للحصول على الخبرة و المعلومات
  • 54
    Filters
  • 55
    Gradients
    Watch Video 12:22
  • 56
    Pointer Events And Caret Color
  • 57
    Grid – Parent – Template Columns
    Watch Video 11:33
  • 58
    Grid – Parent – Template Rows And Gap
  • 59
    Grid – Parent – Justify Content And Align Content
  • 60
    Grid – Parent – Complete Layout With Template Areas
    Watch Video 11:52
  • 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
    Watch Video 17:41
حل التكليفات للتأكد من فهم الدروس
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
  • CSS Grid
  • CSS Filters
  • CSS Filters Compatibilities
  • CSS Gradient
  • CSS Gradient Tools

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

مشاهدة الدروس للحصول على الخبرة و المعلومات
حل التكليفات للتأكد من فهم الدروس
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
  • 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, Duration
  • 75
    Animation – Iteration Count, Timing Function, Spinner Loading
  • 76
    Animation – Direction, Fill Mode, Play State, Delay
    Watch Video 11:04
  • 77
    Up And Down Loading Animation Training
  • 78
    CSS Selectors Reference Part 1
  • 79
    CSS Selectors Reference Part 2
  • 80
    CSS Selectors Reference Part 3
    Watch Video 10:13
  • 81
    CSS Selectors Reference Part 4
  • 82
    CSS Selectors Reference Part 5
  • 83
    Media Queries And Responsive Designs Intro
  • 84
    Media Queries And Responsive Designs Standards
    Watch Video 11:31
  • 85
    Media Queries And Responsive Designs Practice
    Watch Video 11:44
  • 86
    Create Your Framework
    Watch Video 10:00
  • 87
    CSS Global Values
    Watch Video 10:43
  • 88
    The End And How To Master CSS
حل التكليفات للتأكد من فهم الدروس
كلمات البحث لزيادة معلوماتك بعد الفيديوهات
  • CSS Animation
  • CSS Animation Examples
  • CSS Animation Generator
  • CSS Media Queries
  • CSS Media Break Points
  • CSS Mobile First
  • CSS Selectors Reference
  • CSS Global Values

الأدوات والمراجع

المراجع لمعرفة المعلومات المتقدمة والإحتراف
الأدوات لمساعدتك على توفير الوقت

من جوجل