Frontend Fundamentals - Sangeeta Sharma
Duration:2 months
Batch Type:Weekend and Weekdays
Languages:English, Hindi
Class Type:Online
Course Fee:
Course Content
Module 1: HTML (Basics → Advanced)
1. HTML Basics
What is HTML? Structure of a webpage
HTML tags, elements, and attributes
Head vs Body
Comments, whitespace, nesting
Basic page structure (<!DOCTYPE html>)
2. Text & Formatting
Headings (h1–h6)
Paragraphs, bold, italic
Quotes, code tags
Line breaks, horizontal lines
3. Links & Navigation
Anchor tags
Relative vs absolute paths
mailto: and tel: links
Navigation bars
4. Images & Media
<img> tag and attributes
Embedding videos and audio
SVG basics
Responsive images (srcset)
5. Lists & Tables
Ordered / unordered lists
Nested lists
Tables: rows, columns, headers
Table styling attributes
6. Forms
Form structure
Input types (email, text, date, range, file, radio, checkbox)
Labels, fieldsets, legends
Buttons
Basic form validation
Required attributes and patterns
7. Semantic HTML
header, nav, section, article, aside, footer
Accessibility and SEO benefits
8. HTML5 APIs (Advanced)
LocalStorage / SessionStorage
Geolocation
Drag and Drop
Audio/Video API
Canvas basics
🔷 Module 2: CSS (Basics → Advanced)
1. CSS Basics
Inline, internal, external CSS
Selectors, classes, IDs
Colors, units, borders
Box model
Margin and padding
2. Typography & Colors
Font families
Font weight, size, line height
Google Fonts
Color models (HEX, RGB, HSL)
3. Layout
Display types (block, inline, inline-block)
Positioning (static, relative, absolute, fixed, sticky)
Overflow, z-index
Visibility vs display
4. Flexbox
Main axis vs cross axis
Flex container and items
Justify, align, gap
Flex grow, shrink, basis
Real-world layout examples
5. CSS Grid
Grid container and items
Columns, rows, gap
Template areas
Responsive grid
Complex layout designs
6. Responsive Web Design
Media queries
Mobile-first approach
Fluid units (%, vw, vh)
Responsive images
Breakpoints
7. Transitions & Animations
Transition properties
Keyframe animations
Hover effects
Loading animations
8. Advanced CSS
Pseudo-elements (::before, ::after)
Pseudo-classes (:hover, :focus, :nth-child)
CSS variables
CSS functions (calc, clamp, min/max)
Filters and shadows
9. Preprocessors & Architecture
SASS/SCSS basics
Nesting, variables, mixins
BEM methodology
Organizing large CSS files
🟡 Module 3: JavaScript (Basics → Advanced)
1. JavaScript Fundamentals
How JavaScript works
Variables (var, let, const)
Data types
Operators
Comments
Functions (basic)
2. Control Flow
If/else
Loops (for, while, for…of, for…in)
Switch statements
Ternary operator
3. Arrays & Objects
Array methods (push, pop, map, filter, reduce)
Object creation and manipulation
Nested objects and arrays
4. Functions (Advanced)
Arrow functions
Higher-order functions
Callbacks
Pure vs impure functions
Event loop basics
5. DOM Manipulation
Selecting elements
Creating and updating elements
Styling with JavaScript
Adding/removing classes
Event handling (click, submit, change)
Form validation
DOM traversal
6. BOM (Browser Object Model)
Window object
Timers (setTimeout, setInterval)
Alerts, prompts, confirms
7. ES6+ Concepts
Let vs Const
Spread and rest operators
Template literals
Destructuring
Modules (import/export)
8. Fetch & API Handling
Understanding APIs
Fetch API
Async/Await
JSON
Error handling
Using real public APIs
Displaying API data on UI
9. Advanced JavaScript
Closures
Hoisting
Execution context
Prototypes and prototype chain
Classes & OOP
LocalStorage
Debouncing and throttling
Promises (in depth)
🧩 Final Project Section
HTML Projects
Portfolio website
Blog layout
Resume webpage
CSS Projects
Responsive e-commerce layout
Instagram profile UI clone
Animated landing page
JavaScript Projects
To-Do app
Weather app (using API)
Calculator
Quiz app
Form validation app
Skills
Advanced Web Programming Javascript, Html 5, Html Css and Javascript, Javascript
Tutor
0.0 Average Ratings
0 Reviews
2 Years Experience
dungri house
5.0
