This course is designed to teach learners the basics of Cascading Style Sheets (CSS) in the Arabic language. Learners will cover topics from basic syntax and element styling to advanced usage such as vendor prefixes and animation. By the end of the course, learners will be able to create their own frameworks and master HTML and CSS. Topics covered in the course include: element styling, name conventions, background types and attachment, padding, margin, border, outline, display, visibility, groupings, nesting, dimensions, typing, mouse cursor, float and clear, calculation, opacity, position, z-index, lists styling, table styling, pseudo-classes and elements, vendor prefixes, borders radius, box shadows, the box model, transitions, inheritance, important declaration, margins collapse, CSS variables, flex box (parent and child properties), filters, gradients, pointer events, and grid.
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.
