Course Details
HTML (HyperText Markup Language)
- HTML Intro
HTML Basics
- HTML Syntax
- HTML Elements
- HTML Tags
- HTML Attributes
- HTML Document Structure
<!DOCTYPE html><html>,<head>,<body>
- HTML Headings
- HTML Paragraphs
- HTML Links
- HTML Lists (Ordered, Unordered, Definition)
- HTML Images
- HTML Tables
- HTML Forms
- HTML Inputs
- HTML Media (Audio, Video)
CSS (Cascading Style Sheets)
- CSS Intro
CSS Basics
- CSS Syntax
- CSS Selectors (Universal, Element, Class, ID, Attribute, Pseudo-classes, Pseudo-elements)
- CSS Properties
- CSS Colors
- CSS Backgrounds
- CSS Fonts (font-family, font-size, font-weight, etc.)
- CSS Text (color, alignment, decoration, transform)
- CSS Box Model (padding, margin, border, content)
- CSS Display Property (block, inline, inline-block)
- CSS Positioning (static, relative, absolute, fixed, sticky)
- CSS Float and Clear
- CSS Flexbox (flex container, flex items, alignment)
- CSS Grid Layout (grid container, grid items)
JavaScript
- JavaScript Intro
JavaScript Basics
- JavaScript Syntax
- JavaScript Variables (var, let, const)
- JavaScript Data Types (String, Number, Boolean, Object, Array, Null, Undefined, Symbol)
- JavaScript Operators (Arithmetic, Comparison, Logical, Assignment)
- JavaScript Conditional Statements (If…Else, Switch)
- JavaScript Loops (For, While, Do-While)
- JavaScript Functions
- JavaScript Objects
- JavaScript Arrays
- JavaScript String Methods
- JavaScript Math Object
- JavaScript Date Object
HTML, CSS, and JavaScript Integration
- HTML and CSS Integration (linking external CSS files)
- HTML and JavaScript Integration (inline scripts, external JS files)
- JavaScript DOM Manipulation (changing content, styles, events)
- Form Validation with JavaScript
- Responsive Design with CSS Media Queries
- CSS Frameworks with JavaScript (e.g., Bootstrap, Materialize)
- JavaScript Event Listeners and CSS Transitions/Animations
HTML, CSS, and JavaScript Best Practices
- HTML Semantics and Accessibility (WCAG)
- CSS Organization and Naming Conventions (e.g., BEM)
- Writing Clean and Efficient JavaScript Code
- Cross-Browser Compatibility
- Performance Optimization (Lazy Loading, Code Splitting)
- Mobile-First Design Principles
HTML, CSS, and JavaScript How To
- HTML: Create a Form
- HTML: Embed an Image
- CSS: Create a Responsive Layout
- CSS: Style Buttons
- JavaScript: Create a Simple To-Do List
- JavaScript: Validate Form Inputs
- JavaScript: Show/Hide Elements with Click Events
- JavaScript: Fetch Data from an API
Leave a Reply