Web Design

  1. Foundational Technologies for Web Design
    1. HyperText Markup Language (HTML)
      1. HTML Purpose and Structure
        1. Document Structure
          1. Content Semantics
            1. Accessibility Foundation
            2. Document Structure
              1. DOCTYPE Declaration
                1. HTML Element
                  1. Head Element
                    1. Body Element
                      1. Meta Tags
                      2. Semantic HTML Elements
                        1. Header Element
                          1. Main Element
                            1. Section Element
                              1. Article Element
                                1. Aside Element
                                2. Text Content Elements
                                  1. Headings (H1-H6)
                                    1. Paragraphs
                                      1. Emphasis and Strong
                                        1. Blockquotes
                                          1. Code Elements
                                          2. Lists and Tables
                                            1. Ordered Lists
                                              1. Unordered Lists
                                                1. Definition Lists
                                                  1. Table Structure
                                                    1. Table Headers
                                                      1. Table Accessibility
                                                      2. Forms and Input Elements
                                                        1. Form Element
                                                          1. Input Types
                                                            1. Labels and Accessibility
                                                              1. Fieldsets and Legends
                                                                1. Form Validation
                                                              2. Cascading Style Sheets (CSS)
                                                                1. CSS Purpose and Syntax
                                                                  1. Styling Content
                                                                    1. CSS Syntax Rules
                                                                      1. Comments in CSS
                                                                      2. Selectors and Targeting
                                                                        1. Type Selectors
                                                                          1. Class Selectors
                                                                            1. ID Selectors
                                                                              1. Attribute Selectors
                                                                                1. Pseudo-classes
                                                                                  1. Pseudo-elements
                                                                                    1. Combinator Selectors
                                                                                    2. CSS Fundamentals
                                                                                      1. The Cascade
                                                                                        1. Specificity Rules
                                                                                          1. Inheritance
                                                                                            1. CSS Custom Properties
                                                                                            2. Box Model
                                                                                              1. Content Area
                                                                                                1. Padding
                                                                                                  1. Border
                                                                                                    1. Margin
                                                                                                      1. Box-sizing Property
                                                                                                      2. Layout Techniques
                                                                                                        1. Normal Flow
                                                                                                          1. Flexbox Layout
                                                                                                            1. Flex Container Properties
                                                                                                              1. Flex Item Properties
                                                                                                                1. Alignment and Justification
                                                                                                                2. CSS Grid Layout
                                                                                                                  1. Grid Container Setup
                                                                                                                    1. Grid Item Placement
                                                                                                                      1. Grid Areas and Lines
                                                                                                                        1. Responsive Grid Patterns
                                                                                                                        2. Positioning
                                                                                                                          1. Static Positioning
                                                                                                                            1. Relative Positioning
                                                                                                                              1. Absolute Positioning
                                                                                                                                1. Fixed Positioning
                                                                                                                                  1. Sticky Positioning
                                                                                                                                2. Typography and Text Styling
                                                                                                                                  1. Font Properties
                                                                                                                                    1. Text Alignment
                                                                                                                                      1. Text Decoration
                                                                                                                                        1. Text Transform
                                                                                                                                          1. Line Height and Letter Spacing
                                                                                                                                          2. Colors and Backgrounds
                                                                                                                                            1. Color Properties
                                                                                                                                              1. Background Colors
                                                                                                                                                1. Background Images
                                                                                                                                                  1. Gradients
                                                                                                                                                    1. Multiple Backgrounds
                                                                                                                                                    2. Transitions and Animations
                                                                                                                                                      1. CSS Transitions
                                                                                                                                                        1. Transition Properties
                                                                                                                                                          1. CSS Animations
                                                                                                                                                            1. Keyframe Animations
                                                                                                                                                              1. Animation Performance
                                                                                                                                                              2. CSS Preprocessors
                                                                                                                                                                1. Sass/SCSS
                                                                                                                                                                  1. Variables
                                                                                                                                                                    1. Nesting
                                                                                                                                                                      1. Mixins
                                                                                                                                                                        1. Partials and Imports
                                                                                                                                                                        2. LESS
                                                                                                                                                                          1. Variables
                                                                                                                                                                            1. Mixins
                                                                                                                                                                              1. Functions
                                                                                                                                                                          2. Introduction to JavaScript for Designers
                                                                                                                                                                            1. JavaScript Role in Web Design
                                                                                                                                                                              1. Adding Interactivity
                                                                                                                                                                                1. Enhancing User Experience
                                                                                                                                                                                  1. Progressive Enhancement
                                                                                                                                                                                  2. DOM Manipulation Basics
                                                                                                                                                                                    1. Selecting Elements
                                                                                                                                                                                      1. Changing Content
                                                                                                                                                                                        1. Modifying Styles
                                                                                                                                                                                          1. Adding and Removing Classes
                                                                                                                                                                                          2. Event Handling
                                                                                                                                                                                            1. Click Events
                                                                                                                                                                                              1. Hover Events
                                                                                                                                                                                                1. Form Events
                                                                                                                                                                                                  1. Keyboard Events
                                                                                                                                                                                                    1. Touch Events
                                                                                                                                                                                                    2. Basic UI Enhancements
                                                                                                                                                                                                      1. Show and Hide Elements
                                                                                                                                                                                                        1. Toggle Functionality
                                                                                                                                                                                                          1. Simple Animations
                                                                                                                                                                                                            1. Form Validation
                                                                                                                                                                                                              1. Image Galleries
                                                                                                                                                                                                              2. JavaScript Libraries and Frameworks
                                                                                                                                                                                                                1. jQuery Basics
                                                                                                                                                                                                                  1. Modern Framework Overview
                                                                                                                                                                                                                    1. When to Use JavaScript

                                                                                                                                                                                                                Previous

                                                                                                                                                                                                                3. Core Principles of User Interface (UI) Design

                                                                                                                                                                                                                Go to top

                                                                                                                                                                                                                Next

                                                                                                                                                                                                                5. Responsive and Adaptive Design