Web Development

  1. Front-End Development (Client-Side)
    1. HTML (HyperText Markup Language)
      1. Core Concepts
        1. Elements, Tags, and Attributes
          1. Tag Syntax
            1. Attribute Usage
            2. Document Structure
              1. DOCTYPE Declaration
                1. html Element
                  1. head Element
                    1. body Element
                    2. Nesting and Hierarchy
                      1. Parent and Child Elements
                        1. Sibling Elements
                      2. Semantic HTML
                        1. Importance of Semantics
                          1. Accessibility Benefits
                            1. SEO Benefits
                            2. Structural Elements
                              1. header
                                1. main
                                  1. section
                                    1. article
                                      1. aside
                                      2. Text Content Elements
                                        1. h1–h6 Headings
                                          1. p Paragraphs
                                            1. blockquote
                                              1. pre
                                              2. Inline Elements
                                                1. span
                                                  1. a
                                                    1. strong
                                                      1. em
                                                    2. Forms and User Input
                                                      1. Form Element
                                                        1. Structure and Submission
                                                        2. Input Types
                                                          1. text
                                                            1. password
                                                              1. email
                                                                1. number
                                                                  1. checkbox
                                                                    1. radio
                                                                      1. file
                                                                        1. date
                                                                          1. time
                                                                            1. datetime-local
                                                                            2. Labels and Accessibility
                                                                              1. for Attribute
                                                                                1. Associating Labels with Inputs
                                                                                2. Form Validation
                                                                                  1. Required Fields
                                                                                    1. Pattern Matching
                                                                                      1. Custom Validation
                                                                                    2. Multimedia Elements
                                                                                      1. Images
                                                                                        1. img Tag
                                                                                          1. src and alt Attributes
                                                                                            1. Responsive Images
                                                                                              1. srcset Attribute
                                                                                                1. picture Element
                                                                                              2. Audio
                                                                                                1. audio Tag
                                                                                                  1. Controls and Sources
                                                                                                  2. Video
                                                                                                    1. video Tag
                                                                                                      1. Controls and Sources
                                                                                                        1. Embedding from External Platforms
                                                                                                      2. Accessibility (a11y)
                                                                                                        1. WAI-ARIA Roles
                                                                                                          1. Role Attribute
                                                                                                            1. Landmark Roles
                                                                                                            2. Alt Text for Images
                                                                                                              1. Writing Effective Alt Text
                                                                                                              2. Keyboard Navigation
                                                                                                                1. Tab Order
                                                                                                                  1. Focus Management
                                                                                                              3. CSS (Cascading Style Sheets)
                                                                                                                1. Core Concepts
                                                                                                                  1. Syntax and Rulesets
                                                                                                                    1. Selectors and Declarations
                                                                                                                      1. Properties and Values
                                                                                                                      2. Selectors
                                                                                                                        1. Type Selectors
                                                                                                                          1. Class Selectors
                                                                                                                            1. ID Selectors
                                                                                                                              1. Attribute Selectors
                                                                                                                                1. Pseudo-classes
                                                                                                                                  1. Pseudo-elements
                                                                                                                                    1. Combinators
                                                                                                                                      1. Descendant Combinator
                                                                                                                                        1. Child Combinator
                                                                                                                                          1. Adjacent Sibling Combinator
                                                                                                                                            1. General Sibling Combinator
                                                                                                                                          2. The Cascade, Specificity, and Inheritance
                                                                                                                                            1. Order of Precedence
                                                                                                                                              1. Inheritance Rules
                                                                                                                                                1. Specificity Calculation
                                                                                                                                              2. Fundamental Styling
                                                                                                                                                1. Colors and Backgrounds
                                                                                                                                                  1. Color Formats
                                                                                                                                                    1. Hex
                                                                                                                                                      1. RGB
                                                                                                                                                        1. HSL
                                                                                                                                                        2. Background Images and Gradients
                                                                                                                                                        3. Typography
                                                                                                                                                          1. Font Families
                                                                                                                                                            1. Font Sizes and Units
                                                                                                                                                              1. Font Weight and Style
                                                                                                                                                                1. Line Height and Letter Spacing
                                                                                                                                                                2. The Box Model
                                                                                                                                                                  1. Content Area
                                                                                                                                                                    1. Padding
                                                                                                                                                                      1. Border
                                                                                                                                                                        1. Margin
                                                                                                                                                                          1. Box-sizing Property
                                                                                                                                                                        2. Layout Techniques
                                                                                                                                                                          1. Display Property
                                                                                                                                                                            1. block
                                                                                                                                                                              1. inline
                                                                                                                                                                                1. inline-block
                                                                                                                                                                                  1. none
                                                                                                                                                                                  2. Positioning
                                                                                                                                                                                    1. static
                                                                                                                                                                                      1. relative
                                                                                                                                                                                        1. absolute
                                                                                                                                                                                          1. fixed
                                                                                                                                                                                            1. sticky
                                                                                                                                                                                            2. Flexbox
                                                                                                                                                                                              1. Flex Container and Items
                                                                                                                                                                                                1. Main and Cross Axis
                                                                                                                                                                                                  1. Alignment and Justification
                                                                                                                                                                                                  2. CSS Grid
                                                                                                                                                                                                    1. Grid Container and Items
                                                                                                                                                                                                      1. Defining Rows and Columns
                                                                                                                                                                                                        1. Grid Areas
                                                                                                                                                                                                      2. Responsive Web Design
                                                                                                                                                                                                        1. Mobile-First Approach
                                                                                                                                                                                                          1. Principles and Benefits
                                                                                                                                                                                                          2. Media Queries
                                                                                                                                                                                                            1. Syntax and Usage
                                                                                                                                                                                                              1. Breakpoints
                                                                                                                                                                                                              2. Fluid Grids and Flexible Images
                                                                                                                                                                                                                1. Percentage-Based Layouts
                                                                                                                                                                                                                  1. Responsive Images
                                                                                                                                                                                                                2. Advanced CSS
                                                                                                                                                                                                                  1. Transitions and Animations
                                                                                                                                                                                                                    1. Transition Properties
                                                                                                                                                                                                                      1. Keyframes and Animation Properties
                                                                                                                                                                                                                      2. Transforms
                                                                                                                                                                                                                        1. 2D Transforms
                                                                                                                                                                                                                          1. translate
                                                                                                                                                                                                                            1. scale
                                                                                                                                                                                                                              1. rotate
                                                                                                                                                                                                                                1. skew
                                                                                                                                                                                                                                2. 3D Transforms
                                                                                                                                                                                                                                3. Variables (Custom Properties)
                                                                                                                                                                                                                                  1. Defining and Using Variables
                                                                                                                                                                                                                                  2. CSS Preprocessors
                                                                                                                                                                                                                                    1. Sass/SCSS
                                                                                                                                                                                                                                      1. Variables
                                                                                                                                                                                                                                        1. Nesting
                                                                                                                                                                                                                                          1. Mixins
                                                                                                                                                                                                                                            1. Partials
                                                                                                                                                                                                                                            2. LESS
                                                                                                                                                                                                                                              1. Variables
                                                                                                                                                                                                                                                1. Mixins
                                                                                                                                                                                                                                                  1. Functions
                                                                                                                                                                                                                                              2. CSS Frameworks and Methodologies
                                                                                                                                                                                                                                                1. BEM (Block, Element, Modifier)
                                                                                                                                                                                                                                                  1. Naming Conventions
                                                                                                                                                                                                                                                    1. Modularity and Reusability
                                                                                                                                                                                                                                                    2. Utility-First CSS
                                                                                                                                                                                                                                                      1. Principles and Usage
                                                                                                                                                                                                                                                        1. Tailwind CSS Overview
                                                                                                                                                                                                                                                        2. Component-Based Frameworks
                                                                                                                                                                                                                                                          1. Bootstrap Overview
                                                                                                                                                                                                                                                            1. Grid System and Components
                                                                                                                                                                                                                                                        3. JavaScript (JS)
                                                                                                                                                                                                                                                          1. Language Fundamentals
                                                                                                                                                                                                                                                            1. Syntax and Statements
                                                                                                                                                                                                                                                              1. Expressions and Statements
                                                                                                                                                                                                                                                                1. Semicolons and Whitespace
                                                                                                                                                                                                                                                                2. Variables and Scope
                                                                                                                                                                                                                                                                  1. var
                                                                                                                                                                                                                                                                    1. let
                                                                                                                                                                                                                                                                      1. const
                                                                                                                                                                                                                                                                        1. Global vs. Local Scope
                                                                                                                                                                                                                                                                          1. Hoisting
                                                                                                                                                                                                                                                                          2. Data Types
                                                                                                                                                                                                                                                                            1. Primitive Types
                                                                                                                                                                                                                                                                              1. string
                                                                                                                                                                                                                                                                                1. number
                                                                                                                                                                                                                                                                                  1. boolean
                                                                                                                                                                                                                                                                                    1. null
                                                                                                                                                                                                                                                                                      1. undefined
                                                                                                                                                                                                                                                                                        1. symbol
                                                                                                                                                                                                                                                                                          1. bigint
                                                                                                                                                                                                                                                                                          2. Reference Types
                                                                                                                                                                                                                                                                                            1. objects
                                                                                                                                                                                                                                                                                              1. arrays
                                                                                                                                                                                                                                                                                                1. functions
                                                                                                                                                                                                                                                                                              2. Operators
                                                                                                                                                                                                                                                                                                1. Arithmetic Operators
                                                                                                                                                                                                                                                                                                  1. Comparison Operators
                                                                                                                                                                                                                                                                                                    1. Logical Operators
                                                                                                                                                                                                                                                                                                      1. Assignment Operators
                                                                                                                                                                                                                                                                                                      2. Control Flow
                                                                                                                                                                                                                                                                                                        1. if/else Statements
                                                                                                                                                                                                                                                                                                          1. switch Statements
                                                                                                                                                                                                                                                                                                            1. for Loops
                                                                                                                                                                                                                                                                                                              1. while Loops
                                                                                                                                                                                                                                                                                                                1. do-while Loops
                                                                                                                                                                                                                                                                                                                  1. break and continue
                                                                                                                                                                                                                                                                                                                  2. Functions and Arrow Functions
                                                                                                                                                                                                                                                                                                                    1. Function Declarations and Expressions
                                                                                                                                                                                                                                                                                                                      1. Parameters and Arguments
                                                                                                                                                                                                                                                                                                                        1. Arrow Function Syntax
                                                                                                                                                                                                                                                                                                                          1. Closures
                                                                                                                                                                                                                                                                                                                          2. Objects and Arrays
                                                                                                                                                                                                                                                                                                                            1. Object Literals and Properties
                                                                                                                                                                                                                                                                                                                              1. Array Methods
                                                                                                                                                                                                                                                                                                                                1. map
                                                                                                                                                                                                                                                                                                                                  1. filter
                                                                                                                                                                                                                                                                                                                                    1. reduce
                                                                                                                                                                                                                                                                                                                                      1. forEach
                                                                                                                                                                                                                                                                                                                                        1. find
                                                                                                                                                                                                                                                                                                                                          1. some
                                                                                                                                                                                                                                                                                                                                            1. every
                                                                                                                                                                                                                                                                                                                                          2. ES6+ Features
                                                                                                                                                                                                                                                                                                                                            1. let and const
                                                                                                                                                                                                                                                                                                                                              1. Arrow Functions
                                                                                                                                                                                                                                                                                                                                                1. Template Literals
                                                                                                                                                                                                                                                                                                                                                  1. Destructuring
                                                                                                                                                                                                                                                                                                                                                    1. Spread and Rest Operators
                                                                                                                                                                                                                                                                                                                                                      1. Classes
                                                                                                                                                                                                                                                                                                                                                        1. Modules
                                                                                                                                                                                                                                                                                                                                                          1. import
                                                                                                                                                                                                                                                                                                                                                            1. export
                                                                                                                                                                                                                                                                                                                                                        2. Document Object Model (DOM)
                                                                                                                                                                                                                                                                                                                                                          1. What is the DOM?
                                                                                                                                                                                                                                                                                                                                                            1. Tree Structure
                                                                                                                                                                                                                                                                                                                                                              1. Node Types
                                                                                                                                                                                                                                                                                                                                                              2. Selecting Elements
                                                                                                                                                                                                                                                                                                                                                                1. getElementById
                                                                                                                                                                                                                                                                                                                                                                  1. getElementsByClassName
                                                                                                                                                                                                                                                                                                                                                                    1. querySelector
                                                                                                                                                                                                                                                                                                                                                                      1. querySelectorAll
                                                                                                                                                                                                                                                                                                                                                                      2. Traversing the DOM
                                                                                                                                                                                                                                                                                                                                                                        1. Parent, Child, Sibling Relationships
                                                                                                                                                                                                                                                                                                                                                                        2. Manipulating Elements
                                                                                                                                                                                                                                                                                                                                                                          1. Creating Elements
                                                                                                                                                                                                                                                                                                                                                                            1. Adding and Removing Elements
                                                                                                                                                                                                                                                                                                                                                                              1. Modifying Attributes and Content
                                                                                                                                                                                                                                                                                                                                                                              2. Handling Events
                                                                                                                                                                                                                                                                                                                                                                                1. Event Listeners
                                                                                                                                                                                                                                                                                                                                                                                  1. Event Object
                                                                                                                                                                                                                                                                                                                                                                                    1. Event Propagation
                                                                                                                                                                                                                                                                                                                                                                                      1. Bubbling
                                                                                                                                                                                                                                                                                                                                                                                        1. Capturing
                                                                                                                                                                                                                                                                                                                                                                                    2. Asynchronous JavaScript
                                                                                                                                                                                                                                                                                                                                                                                      1. The Event Loop
                                                                                                                                                                                                                                                                                                                                                                                        1. Call Stack and Callback Queue
                                                                                                                                                                                                                                                                                                                                                                                        2. Callbacks
                                                                                                                                                                                                                                                                                                                                                                                          1. Callback Functions
                                                                                                                                                                                                                                                                                                                                                                                            1. Callback Hell
                                                                                                                                                                                                                                                                                                                                                                                            2. Promises
                                                                                                                                                                                                                                                                                                                                                                                              1. Creating and Using Promises
                                                                                                                                                                                                                                                                                                                                                                                                1. Chaining Promises
                                                                                                                                                                                                                                                                                                                                                                                                2. Async/Await
                                                                                                                                                                                                                                                                                                                                                                                                  1. Syntax and Usage
                                                                                                                                                                                                                                                                                                                                                                                                    1. Error Handling
                                                                                                                                                                                                                                                                                                                                                                                                    2. Fetching Data (APIs)
                                                                                                                                                                                                                                                                                                                                                                                                      1. Fetch API
                                                                                                                                                                                                                                                                                                                                                                                                        1. XMLHttpRequest
                                                                                                                                                                                                                                                                                                                                                                                                          1. Handling JSON Data
                                                                                                                                                                                                                                                                                                                                                                                                        2. Browser Storage
                                                                                                                                                                                                                                                                                                                                                                                                          1. Cookies
                                                                                                                                                                                                                                                                                                                                                                                                            1. Setting and Reading Cookies
                                                                                                                                                                                                                                                                                                                                                                                                            2. Local Storage
                                                                                                                                                                                                                                                                                                                                                                                                              1. Storing and Retrieving Data
                                                                                                                                                                                                                                                                                                                                                                                                                1. Limitations
                                                                                                                                                                                                                                                                                                                                                                                                                2. Session Storage
                                                                                                                                                                                                                                                                                                                                                                                                                  1. Differences from Local Storage
                                                                                                                                                                                                                                                                                                                                                                                                                    1. Use Cases
                                                                                                                                                                                                                                                                                                                                                                                                                  2. JavaScript Frameworks and Libraries
                                                                                                                                                                                                                                                                                                                                                                                                                    1. Core Concepts
                                                                                                                                                                                                                                                                                                                                                                                                                      1. Component-Based Architecture
                                                                                                                                                                                                                                                                                                                                                                                                                        1. State Management
                                                                                                                                                                                                                                                                                                                                                                                                                          1. Virtual DOM

                                                                                                                                                                                                                                                                                                                                                                                                                    Previous

                                                                                                                                                                                                                                                                                                                                                                                                                    1. Foundations of the World Wide Web

                                                                                                                                                                                                                                                                                                                                                                                                                    Go to top

                                                                                                                                                                                                                                                                                                                                                                                                                    Next

                                                                                                                                                                                                                                                                                                                                                                                                                    3. Back-End Development (Server-Side)