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.
curriculum pdf
Save the complete Web Development Foundation curriculum as a branded PDF 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
Semantic HTML
Document structure, content elements, links, images, tables, forms and semantic layout.
Responsive CSS
Selectors, box model, spacing, positioning, Flexbox, Grid basics, media queries and UI components.
JavaScript Fundamentals
Variables, types, logic, loops, functions, arrays, objects, DOM, events and validation.
Browser Data & APIs
JSON, localStorage, Fetch, promises, async/await and REST API calls.
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
Industry terminology
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