Introduction to HTML
- What is HTML?
- History and Evolution of HTML
- Basic Structure of an HTML Document
- HTML Tags and Attributes
- HTML Document Structure
HTML Elements and Tags
- HTML Syntax
- Common HTML Tags (div, span, p, etc.)
- Self-closing Tags
- Nesting HTML Elements
- HTML Comments
Text Formatting and Links
- Text Formatting Tags (b, i, u, etc.)
- Headings and Paragraphs
- Anchor Tags and Hyperlinks
- Link Attributes
- Internal and External Links
Images and Multimedia
- Embedding Images (img Tag)
- Image Attributes (src, alt, width, height)
- Embedding Videos
- Audio and Video Tags
HTML Forms
- Creating Forms with form Tag
- Input Types (text, radio, checkbox, etc.)
- Form Attributes (action, method)
- Form Validation
Tables in HTML
- Creating Tables with table Tag
- Table Rows and Columns
- Table Attributes
- Table Header, Body, and Footer
Lists in HTML
- Ordered and Unordered Lists
- Definition Lists
- Nested Lists
HTML Semantic Elements
- Header, Footer, Main
- Article, Section, Aside
- Nav and Figure
- Why Use Semantic HTML?
HTML5 Features
- New Elements in HTML5
- HTML5 APIs
- Local Storage and Geolocation
- HTML5 Forms and Input Types
HTML Accessibility
- What is Accessibility?
- Accessible HTML Elements
- ARIA Roles and Attributes
- Keyboard Navigation
CSS
CSS Syntax and Selectors
- CSS Syntax
- Selectors (Class, ID, Element)
- Grouping and Nesting Selectors
- Combinators (Descendant, Child, Adjacent)
- CSS Specificity
CSS Box Model
- Understanding Box Model
- Content, Padding, Border, and Margin
- Box-sizing Property
- Width and Height Calculations
CSS Layout Techniques
- Positioning (Static, Relative, Absolute, Fixed)
- Display Property (Block, Inline, Inline-block)
- Flexbox Layout
- CSS Grid Layout
- Float and Clear
CSS Colors and Backgrounds
- Color Values (Hex, RGB, RGBA, HSL)
- Background Color and Images
- Background Position and Size
- Linear and Radial Gradients
- Background Attachment
CSS Typography
- Font Families
- Font Size and Line Height
- Font Weight and Style
- Text Alignment and Decoration
- Letter Spacing and Word Spacing
CSS Transitions and Animations
- CSS Transition Properties
- Transition Timing Functions
- CSS Keyframes Animations
- Animation Properties (Duration, Delay, Iteration Count)
CSS Responsive Design
- Media Queries
- Viewport and Breakpoints
- Responsive Units (%, vh, vw, em, rem)
- Mobile-First Design
- Flexible Layouts
CSS Flexbox
- Flex Container Properties
- Flex Item Properties
- Aligning Items and Justify Content
- Flex Direction and Wrap
- Flexbox vs. Grid
CSS Grid
- Grid Container and Items
- Grid Lines, Tracks, and Cells
- Grid Template Areas
- Responsive Grid Layout
- Grid vs Flexbox
CSS Variables
- Defining and Using Variables
- Global vs Local Variables
- Fallback Values
- CSS Variables in JavaScript
CSS Flexbox Layout
- Flexbox Container and Items
- Aligning Flex Items
- Flex Grow, Flex Shrink, and Flex Basis
- Justify Content, Align Items
- Flexbox for Centering
Javascript
JavaScript Basics
- Introduction to JavaScript
- Variables and Data Types
- Operators (Arithmetic, Comparison, Logical)
- Control Flow (if, else, switch)
- Loops (for, while, do-while)
JavaScript Functions
- Defining Functions
- Function Parameters and Return Values
- Anonymous Functions
- Arrow Functions
- Function Scope
- Higher-order Functions
- Closures
- Immediately Invoked Function Expressions (IIFE)
JavaScript Objects
- Creating Objects
- Object Properties and Methods
- Accessing and Modifying Object Properties
- Object Constructors
- this Keyword in Objects
- Object Destructuring
- Object.assign() Method
JavaScript Arrays
- Creating Arrays
- Array Methods (push, pop, shift, unshift)
- Array Iteration (forEach, map, filter, reduce)
- Multi-Dimensional Arrays
- Array Destructuring
- Array Splice and Slice
- Array.sort() and Array.reverse()
JavaScript DOM Manipulation
- Accessing Elements (getElementById, querySelector)
- Modifying Element Content
- Creating and Removing Elements
- Changing Element Attributes
- Event Listeners
- DOM Traversal (parentNode, children, nextSibling)
- Manipulating Styles and Classes
- Handling Form Elements
JavaScript Events
- Event Handlers
- Event Propagation (Bubbling, Capturing)
- Mouse Events (click, mouseover, mouseout)
- Keyboard Events (keydown, keyup, keypress)
- Touch Events
- Custom Events
- Event Delegation
JavaScript Asynchronous Programming
- Callback Functions
- Promises
- Async and Await
- AJAX (Asynchronous JavaScript and XML)
- Fetch API
- Handling Asynchronous Errors
- Event Loop and Call Stack
JavaScript ES6 Features
- let and const
- Template Literals
- Destructuring Assignment
- Spread and Rest Operators
- Default Parameters
- Modules (import/export)
- Classes and Inheritance
- Promises and Generators
- Iterators
JavaScript Error Handling
- Try, Catch, Finally
- Throwing Errors
- Custom Error Objects
- Handling Asynchronous Errors
- Debugging JavaScript
JavaScript Local Storage
- Storing Data in Local Storage
- Retrieving Data from Local Storage
- Removing Data from Local Storage
- Session Storage vs Local Storage
JavaScript Classes
- Class Syntax
- Constructor and Methods
- Inheritance in Classes
- Static Methods
- Getters and Setters
- Encapsulation and Polymorphism
JavaScript Modules
- Introduction to Modules
- Importing and Exporting Modules
- Default Exports
- Named Exports
- Dynamic Imports
- Module Bundling (Webpack, Rollup)
JavaScript Regular Expressions
- Introduction to Regular Expressions
- Pattern Matching
- Regular Expression Methods (test, exec)
- Flags and Modifiers (g, i, m)
- Regular Expression Syntax
- Using Regular Expressions in JavaScript
JavaScript Design Patterns
- Singleton Pattern
- Factory Pattern
- Module Pattern
- Observer Pattern
- Prototype Pattern
- Decorator Pattern
JavaScript Web APIs
- DOM API
- Canvas API
- Fetch API
- Geolocation API
- LocalStorage API
- WebSockets API
- Notification API
- Service Workers