Frontend Web Development

  1. CSS: Styling and Layout
    1. CSS Fundamentals
      1. CSS Syntax Structure
        1. Selectors and Declarations
          1. Properties and Values
            1. CSS Comments
              1. CSS Validation
              2. CSS Selectors
                1. Element Selectors
                  1. Class Selectors
                    1. ID Selectors
                      1. Attribute Selectors
                        1. Pseudo-Classes
                          1. Structural Pseudo-Classes
                            1. User Action Pseudo-Classes
                              1. Form Pseudo-Classes
                              2. Pseudo-Elements
                                1. Combinator Selectors
                                  1. Descendant Combinator
                                    1. Child Combinator
                                      1. Adjacent Sibling Combinator
                                        1. General Sibling Combinator
                                        2. Selector Specificity
                                          1. Selector Performance
                                          2. CSS Cascade and Inheritance
                                            1. Cascade Rules
                                              1. Specificity Calculation
                                                1. Inheritance Principles
                                                  1. Initial and Computed Values
                                                    1. CSS Custom Properties Inheritance
                                                    2. Box Model Concepts
                                                      1. Content Box
                                                        1. Padding Area
                                                          1. Border Area
                                                            1. Margin Area
                                                              1. Box-Sizing Property
                                                                1. Margin Collapsing
                                                                  1. Box Model Debugging
                                                                  2. CSS Layout Systems
                                                                    1. Normal Document Flow
                                                                      1. Display Property Values
                                                                        1. Block Display
                                                                          1. Inline Display
                                                                            1. Inline-Block Display
                                                                              1. None Display
                                                                                1. Table Display Values
                                                                                2. Positioning Schemes
                                                                                  1. Static Positioning
                                                                                    1. Relative Positioning
                                                                                      1. Absolute Positioning
                                                                                        1. Fixed Positioning
                                                                                          1. Sticky Positioning
                                                                                          2. Float and Clear
                                                                                            1. Float Property
                                                                                              1. Clear Property
                                                                                                1. Clearfix Techniques
                                                                                                2. Flexbox Layout
                                                                                                  1. Flex Container Properties
                                                                                                    1. Flex Item Properties
                                                                                                      1. Main Axis and Cross Axis
                                                                                                        1. Flex Direction
                                                                                                          1. Flex Wrap
                                                                                                            1. Justify Content
                                                                                                              1. Align Items
                                                                                                                1. Align Content
                                                                                                                  1. Flex Grow, Shrink, and Basis
                                                                                                                  2. CSS Grid Layout
                                                                                                                    1. Grid Container Setup
                                                                                                                      1. Grid Item Placement
                                                                                                                        1. Grid Lines and Tracks
                                                                                                                          1. Grid Template Areas
                                                                                                                            1. Grid Gaps
                                                                                                                              1. Implicit vs Explicit Grids
                                                                                                                                1. Grid Auto-Placement
                                                                                                                                  1. Subgrid
                                                                                                                                2. Responsive Web Design
                                                                                                                                  1. Mobile-First Approach
                                                                                                                                    1. Desktop-First Approach
                                                                                                                                      1. Viewport Meta Tag
                                                                                                                                        1. Media Queries
                                                                                                                                          1. Media Query Syntax
                                                                                                                                            1. Media Types
                                                                                                                                              1. Media Features
                                                                                                                                                1. Breakpoint Strategy
                                                                                                                                                2. Flexible Grid Systems
                                                                                                                                                  1. Responsive Images
                                                                                                                                                    1. Responsive Typography
                                                                                                                                                      1. Container Queries
                                                                                                                                                      2. Typography and Text Styling
                                                                                                                                                        1. Font Properties
                                                                                                                                                          1. Font Family
                                                                                                                                                            1. Font Size
                                                                                                                                                              1. Font Weight
                                                                                                                                                                1. Font Style
                                                                                                                                                                  1. Font Variant
                                                                                                                                                                  2. Web Font Integration
                                                                                                                                                                    1. Font Face Rule
                                                                                                                                                                      1. Google Fonts
                                                                                                                                                                        1. Font Loading Strategies
                                                                                                                                                                        2. Text Properties
                                                                                                                                                                          1. Text Color
                                                                                                                                                                            1. Text Alignment
                                                                                                                                                                              1. Line Height
                                                                                                                                                                                1. Letter Spacing
                                                                                                                                                                                  1. Word Spacing
                                                                                                                                                                                    1. Text Transform
                                                                                                                                                                                      1. Text Decoration
                                                                                                                                                                                        1. Text Shadow
                                                                                                                                                                                        2. Advanced Typography
                                                                                                                                                                                          1. Font Feature Settings
                                                                                                                                                                                            1. Variable Fonts
                                                                                                                                                                                              1. Text Overflow Handling
                                                                                                                                                                                            2. Color and Backgrounds
                                                                                                                                                                                              1. Color Values
                                                                                                                                                                                                1. Named Colors
                                                                                                                                                                                                  1. Hexadecimal Colors
                                                                                                                                                                                                    1. RGB and RGBA
                                                                                                                                                                                                      1. HSL and HSLA
                                                                                                                                                                                                      2. Background Properties
                                                                                                                                                                                                        1. Background Color
                                                                                                                                                                                                          1. Background Image
                                                                                                                                                                                                            1. Background Position
                                                                                                                                                                                                              1. Background Size
                                                                                                                                                                                                                1. Background Repeat
                                                                                                                                                                                                                  1. Background Attachment
                                                                                                                                                                                                                    1. Multiple Backgrounds
                                                                                                                                                                                                                    2. Gradients
                                                                                                                                                                                                                      1. Linear Gradients
                                                                                                                                                                                                                        1. Radial Gradients
                                                                                                                                                                                                                          1. Conic Gradients
                                                                                                                                                                                                                        2. CSS Transforms and Animations
                                                                                                                                                                                                                          1. 2D Transforms
                                                                                                                                                                                                                            1. Translate
                                                                                                                                                                                                                              1. Scale
                                                                                                                                                                                                                                1. Rotate
                                                                                                                                                                                                                                  1. Skew
                                                                                                                                                                                                                                  2. 3D Transforms
                                                                                                                                                                                                                                    1. 3D Translation
                                                                                                                                                                                                                                      1. 3D Rotation
                                                                                                                                                                                                                                        1. Perspective
                                                                                                                                                                                                                                        2. CSS Transitions
                                                                                                                                                                                                                                          1. Transition Properties
                                                                                                                                                                                                                                            1. Transition Duration
                                                                                                                                                                                                                                              1. Transition Timing Functions
                                                                                                                                                                                                                                                1. Transition Delays
                                                                                                                                                                                                                                                2. CSS Animations
                                                                                                                                                                                                                                                  1. Keyframes Rule
                                                                                                                                                                                                                                                    1. Animation Properties
                                                                                                                                                                                                                                                      1. Animation Timing
                                                                                                                                                                                                                                                        1. Animation Fill Modes
                                                                                                                                                                                                                                                          1. Animation Performance
                                                                                                                                                                                                                                                        2. Advanced CSS Features
                                                                                                                                                                                                                                                          1. CSS Custom Properties
                                                                                                                                                                                                                                                            1. Variable Declaration
                                                                                                                                                                                                                                                              1. Variable Usage
                                                                                                                                                                                                                                                                1. Variable Scope
                                                                                                                                                                                                                                                                  1. Dynamic Variables
                                                                                                                                                                                                                                                                  2. CSS Functions
                                                                                                                                                                                                                                                                    1. calc() Function
                                                                                                                                                                                                                                                                      1. min(), max(), clamp()
                                                                                                                                                                                                                                                                        1. var() Function
                                                                                                                                                                                                                                                                        2. CSS Filters
                                                                                                                                                                                                                                                                          1. CSS Masks
                                                                                                                                                                                                                                                                            1. CSS Shapes
                                                                                                                                                                                                                                                                            2. CSS Architecture and Methodologies
                                                                                                                                                                                                                                                                              1. CSS Organization Strategies
                                                                                                                                                                                                                                                                                1. BEM Methodology
                                                                                                                                                                                                                                                                                  1. OOCSS Principles
                                                                                                                                                                                                                                                                                    1. SMACSS Architecture
                                                                                                                                                                                                                                                                                      1. Atomic CSS
                                                                                                                                                                                                                                                                                        1. CSS-in-JS Concepts
                                                                                                                                                                                                                                                                                        2. CSS Preprocessors
                                                                                                                                                                                                                                                                                          1. Sass/SCSS
                                                                                                                                                                                                                                                                                            1. Variables
                                                                                                                                                                                                                                                                                              1. Nesting
                                                                                                                                                                                                                                                                                                1. Mixins
                                                                                                                                                                                                                                                                                                  1. Functions
                                                                                                                                                                                                                                                                                                    1. Partials and Imports
                                                                                                                                                                                                                                                                                                      1. Control Directives
                                                                                                                                                                                                                                                                                                      2. Less
                                                                                                                                                                                                                                                                                                        1. Variables
                                                                                                                                                                                                                                                                                                          1. Mixins
                                                                                                                                                                                                                                                                                                            1. Nesting
                                                                                                                                                                                                                                                                                                              1. Operations
                                                                                                                                                                                                                                                                                                              2. PostCSS
                                                                                                                                                                                                                                                                                                                1. Plugin System
                                                                                                                                                                                                                                                                                                                  1. Autoprefixer
                                                                                                                                                                                                                                                                                                                    1. CSS Next Features

                                                                                                                                                                                                                                                                                                                Previous

                                                                                                                                                                                                                                                                                                                3. HTML: Structuring Web Content

                                                                                                                                                                                                                                                                                                                Go to top

                                                                                                                                                                                                                                                                                                                Next

                                                                                                                                                                                                                                                                                                                5. JavaScript: Programming Fundamentals