Course
Front-End Development
Build modern, responsive user interfaces with strong fundamentals in HTML/CSS/JavaScript and real React workflows.
Month-wise plan
Month 1
Web foundations
Topics
- Semantic HTML
- Forms and validations
- CSS basics: box model, positioning
- Responsive layout: Flexbox + Grid
- Basic accessibility and ARIA
Practice
- Portfolio landing page
- Responsive multi-section website
- Form UI + validations (client-side)
Month 2
JavaScript core
Topics
- Variables, functions, and scope
- Arrays/objects and modern syntax
- DOM, events, and browser APIs
- Async JavaScript: promises and fetch
- Error handling and debugging
Practice
- DOM-based mini apps
- API-based UI (fetch + rendering)
- Reusable utility functions
Month 3
React fundamentals
Topics
- Components, props, and state
- Hooks: useState/useEffect
- Forms in React
- Component design and reuse
- Routing basics
Practice
- CRUD UI with mock API
- Auth screens UI flow (UI-only)
- Reusable component library starter
Month 4
Project + polishing
Topics
- State patterns and data fetching
- Performance basics
- Accessibility checklist
- Production UI standards
- Deployment basics
Practice
- Final capstone frontend project
- Portfolio integration + deployment
- Interview-style UI tasks