What will I learn?
- HTML5
- CSS3 / Tailwind
- Modern JavaScript (ES6+)
- TypeScript
- Responsive Design
- Git & GitHub
- Web Performance
- Accessibility (a11y)
What do I need before starting?
- Basic understanding of programming logic
- Computer with Node.js and code editor
What is the weekly roadmap?
Week 1: Modern Web Foundation & Semantic Architecture
Semantic HTML5 · Responsive Grid/Flexbox Layouts · Modern CSS Variables · Git Workflow
Week 2: Deep Dive into Modern JavaScript & TypeScript
ES6+ Features · Async/Await & Fetch API · DOM Manipulation · TypeScript Types & Interfaces
Week 3: Component-Driven Design & Tailwind CSS
Design Systems · Tailwind CSS v4 · Micro-interactions · Reusable UI Components
Week 4: Single Page Applications & State Management
Client-side Routing · State Stores · Form Validation with Zod · Error Boundaries
Week 5: API Integration & Real-time Data
RESTful APIs · WebSocket feeds · Optimistic UI · Caching Strategies
Week 6: Performance Optimization & Web Vitals
LCP / INP / CLS · Image Optimization · Code Splitting · Lighthouse 100/100 Audits
Week 7: Accessibility (a11y) & Cross-Browser Testing
ARIA roles · Keyboard navigation · Screen reader testing · E2E Cypress testing
Week 8: Capstone Portfolio & Industry Deployment
Full-scale SaaS dashboard project · CI/CD Deployment to Vercel · Code Review with Senior Mentors · Final Demo Day
How do I earn the Frontend Development Sprint certificate?
Complete every weekly task and receive a reviewed or approved result of at least 65% on each. You can then purchase the optional ProofCohort certificate bundle. Partner-issued credentials require a confirmed, authorized issuing arrangement.
Read the assessment guide →Certificate verification and support →Prepare your project evidence
For each assigned task, connect its requirements to a deliverable the reviewer can open. Explain your contribution, decisions, checks, and any unfinished work. Use the actual task instructions for submission requirements and the templates below to organize your evidence.