Embark on a comprehensive 11-hour Arabic course to master Cascading Style Sheets (CSS). Begin with an introduction to CSS syntax and progress through essential concepts including element styling, background properties, padding, margins, and borders. Explore advanced topics such as flexbox, grid layouts, animations, and responsive design. Learn to create dynamic visual effects using transforms, transitions, and keyframe animations. Practice with hands-on exercises, including popular CSS games like Flexbox Froggy and Grid Garden. Develop a solid understanding of CSS selectors, media queries, and best practices for creating responsive websites. By the end of the course, gain the skills to build your own CSS framework and confidently apply CSS techniques to web development projects.
Overview
Syllabus
Learn CSS In Arabic 2021 - #01 - Introduction And What I Need To Learn.
Learn CSS In Arabic 2021 - #02 - Your First Project And Syntax.
Learn CSS In Arabic 2021 - #03 - Element Styling.
Learn CSS In Arabic 2021 - #04 - Name Conventions And Rules.
Learn CSS In Arabic 2021 - #05 - Background - Color, Image, Repeat.
Learn CSS In Arabic 2021 - #06 - Background - Attachment, Position, Size.
Learn CSS In Arabic 2021 - #07 - Padding.
Learn CSS In Arabic 2021 - #08 - Margin.
Learn CSS In Arabic 2021 - #09 - Border.
Learn CSS In Arabic 2021 - #10 - Outline.
Learn CSS In Arabic 2021 - #11 - Display - Block, Inline Block, Inline.
Learn CSS In Arabic 2021 - #12 - Element Visibility And Use Cases.
Learn CSS In Arabic 2021 - #13 - Grouping Multiple Selectors.
Learn CSS In Arabic 2021 - #14 - Nesting.
Learn CSS In Arabic 2021 - #15 - Dimensions - Width And Height.
Learn CSS In Arabic 2021 - #16 - Overflow - Overflow-X And Overflow-Y.
Learn CSS In Arabic 2021 - #17 - Text - Color And Shadow.
Learn CSS In Arabic 2021 - #18 - Text - Alignment.
Learn CSS In Arabic 2021 - #19 - Text - Decoration And Transform.
Learn CSS In Arabic 2021 - #20 - Text - Spacing.
Learn CSS In Arabic 2021 - #21 - Text - Overflow And Use Cases.
Learn CSS In Arabic 2021 - #22 - Inheritance.
Learn CSS In Arabic 2021 - #23 - Typography - Font Family.
Learn CSS In Arabic 2021 - #24 - Typography - Font Size And CSS Units.
Learn CSS In Arabic 2021 - #25 - Typography - Font Style And Variant And Weight.
Learn CSS In Arabic 2021 - #26 - Mouse Cursor.
Learn CSS In Arabic 2021 - #27 - Float And Clear.
Learn CSS In Arabic 2021 - #28 - Mastering The CSS Calculation.
Learn CSS In Arabic 2021 - #29 - Opacity.
Learn CSS In Arabic 2021 - #30 - Position.
Learn CSS In Arabic 2021 - #31 - Z-Index.
Learn CSS In Arabic 2021 - #32 - Lists Styling.
Learn CSS In Arabic 2021 - #33 - Table Styling.
Learn CSS In Arabic 2021 - #34 - Pseudo Classes.
Learn CSS In Arabic 2021 - #35 - Pseudo Elements - First Letter, First Line, Selection.
Learn CSS In Arabic 2021 - #36 - Pseudo Elements - Before, After, Content.
Learn CSS In Arabic 2021 - #37 - Pseudo Elements - Content And Trainings.
Learn CSS In Arabic 2021 - #38 - Vendor Prefixes.
Learn CSS In Arabic 2021 - #39 - Border Radius.
Learn CSS In Arabic 2021 - #40 - Box Shadow And Examples.
Learn CSS In Arabic 2021 - #41 - The Box Model And Box Sizing.
Learn CSS In Arabic 2021 - #42 - Transition.
Learn CSS In Arabic 2021 - #43 - !Important Declaration And Use Cases.
Learn CSS In Arabic 2021 - #44 - The Margin Collapse.
Learn CSS In Arabic 2021 - #45 - CSS Variables And Trainings.
Learn CSS In Arabic 2021 - #46 - Flex Box Parent - Direction, Wrap, Flow.
Learn CSS In Arabic 2021 - #47 - Flex Box Parent - Justify Content.
Learn CSS In Arabic 2021 - #48 - Flex Box Parent - Align Items.
Learn CSS In Arabic 2021 - #49 - Flex Box Parent - Align Content.
Learn CSS In Arabic 2021 - #50 - Flex Box Child - Grow, Shrink, Order.
Learn CSS In Arabic 2021 - #51 - Flex Box Child - Flex Basis, Flex Shorthand.
Learn CSS In Arabic 2021 - #52 - Flex Box Child - Align Self, Games, Task.
Learn CSS In Arabic 2021 - #53 - Finish Flex Froggy Game.
Learn CSS In Arabic 2021 - #54 - Filters.
Learn CSS In Arabic 2021 - #55 - Gradients.
Learn CSS In Arabic 2021 - #56 - Pointer Events And Caret Color.
Learn CSS In Arabic 2021 - #57 - Grid - Parent - Template Columns.
Learn CSS In Arabic 2021 - #58 - Grid - Parent - Template Rows And Gap.
Learn CSS In Arabic 2021 - #59 - Grid - Parent - Justify Content And Align Content.
Learn CSS In Arabic 2021 - #60 - Grid - Parent - Complete Layout With Template Areas.
Learn CSS In Arabic 2021 - #61 - Grid - Child - Grid Column And Grid Row.
Learn CSS In Arabic 2021 - #62 - Grid - Child - Grid Area And Trainings.
Learn CSS In Arabic 2021 - #63 - Grid - Min, Max And Auto Fill.
Learn CSS In Arabic 2021 - #64 - Finish The Grid Garden Game.
Learn CSS In Arabic 2021 - #65 - 2D Transform - Scale.
Learn CSS In Arabic 2021 - #66 - 2D Transform - Rotate.
Learn CSS In Arabic 2021 - #67 - 2D Transform - Translate.
Learn CSS In Arabic 2021 - #68 - 2D Transform - Skew.
Learn CSS In Arabic 2021 - #69 - 2D Transform - Matrix.
Learn CSS In Arabic 2021 - #70 - Transform - Origin.
Learn CSS In Arabic 2021 - #71 - 3D Transform - Rotate.
Learn CSS In Arabic 2021 - #72 - 3D Transform - Translate, Perspective, Perspective Origin.
Learn CSS In Arabic 2021 - #73 - 3D Transform - Backface Visibility And Flip Product.
Learn CSS In Arabic 2021 - #74 - Animation - KeyFrames, Name, Duration.
Learn CSS In Arabic 2021 - #75 - Animation - Iteration Count, Timing Function, Spinner Loading.
Learn CSS In Arabic 2021 - #76 - Animation - Direction, Fill Mode, Play State, Delay.
Learn CSS In Arabic 2021 - #77 - Up And Down Loading Animation Training.
Learn CSS In Arabic 2021 - #78 - CSS Selectors Reference Part 1.
Learn CSS In Arabic 2021 - #79 - CSS Selectors Reference Part 2.
Learn CSS In Arabic 2021 - #80 - CSS Selectors Reference Part 3.
Learn CSS In Arabic 2021 - #81 - CSS Selectors Reference Part 4.
Learn CSS In Arabic 2021 - #82 - CSS Selectors Reference Part 5.
Learn CSS In Arabic 2021 - #83 - Media Queries And Responsive Designs Intro.
Learn CSS In Arabic 2021 - #84 - Media Queries And Responsive Designs Standards.
Learn CSS In Arabic 2021 - #85 - Media Queries And Responsive Designs Practice.
Learn CSS In Arabic 2021 - #86 - Create Your Framework.
Learn CSS In Arabic 2021 - #87 - CSS Global Values.
Learn CSS In Arabic 2021 - #88 - The End And How To Master HTML And CSS.
Taught by
Elzero Web School
Related Courses
Related articles
Reviews
5.0 rating, based on 1 Class Central review
-
Ahmed Hany ShokryThis class was excellent--where have you been all my life? The instructor was incredibly knowledgeable and articulate. This was the first time I have taken a class in a remote format, and I was delighted with it and look forward to coming back to ONLC for more classes in the future. I loved the fact that even though I was in a class with other people, the actual physical space was private and quiet and very conducive to learning! Thank you.
