SAHASRA TECHNOLOGIES
Beginner to intermediate curriculum · Web Development FoundationWeb Development Foundation
The browser foundation required before Angular or React: semantic HTML, responsive CSS, JavaScript, DOM, API calls, essential legacy jQuery and practical TypeScript.
- Duration
- 36–44 classes
- Per class
- 90 minutes
Curriculum PDF: save the complete Web Development Foundation syllabus for offline reference.
Learning objective
Build responsive pages, write interactive JavaScript and understand browser-to-API communication.
Recommended class plan
36–44 classes · 90 minutes per class
3 weekday classes + 1 weekend UI lab per week
Technologies
- HTML
- CSS
- JavaScript
- jQuery basics
- TypeScript
Tools
- VS Code
- Browser DevTools
- Node.js/npm as frontend tooling only
Curriculum modules
Basic Foundations → Practical Skills → Guided Application
- 1
Semantic HTML
Document structure, content elements, links, images, tables, forms and semantic layout.
- 2
Responsive CSS
Selectors, box model, spacing, positioning, Flexbox, Grid basics, media queries and UI components.
- 3
JavaScript Fundamentals
Variables, types, logic, loops, functions, arrays, objects, DOM, events and validation.
- 4
Browser Data & APIs
JSON, localStorage, Fetch, promises, async/await and REST API calls.
- 5
jQuery & TypeScript
Essential legacy jQuery plus TypeScript types, interfaces, classes, unions, generics and modules basics.
Beginner topics
Start Here and Build Comfort
- Semantic HTML
- CSS box model
- Responsive layouts
- JavaScript logic
- DOM and events
- Forms and validation
Intermediate topics
Progress After the Basics Are Clear
- Fetch and REST calls
- Promises and async/await
- Local storage
- Essential jQuery AJAX
- TypeScript interfaces and generics basics
Practical learning
Practise, Submit, Build and Explain
Practical exercises
- Build a semantic form
- Recreate a responsive card layout
- Validate inputs
- Render API data
Assignments
- Responsive institute page
- JavaScript task manager
- Typed API client
Mini projects
- Student Registration UI
- Expense Tracker Frontend
- API-Powered Course Browser
Industry habits throughout the track
Terminology, Debugging and Responsible AI
Industry terminology
- DOM
- Event
- Responsive
- Breakpoint
- Request
- Response
- JSON
- Promise
- Module
Debugging exercises
- Fix layout overflow
- Investigate a console error
- Trace a failed network request
AI learning exercises
- Ask AI for accessibility feedback
- Review generated JavaScript for understanding
- Ask for a debugging checklist instead of a rewrite
Topics intentionally excluded
Advanced Topics Come Later
Quality fundamentals are more valuable than an overloaded syllabus. These topics are outside this track:
- Advanced animation systems
- Complex build tooling
- Node.js backend development
- Advanced TypeScript type programming
Recommended next track