SynapseSynapse Academy
Home/Tracks/Frontend development

Frontend development

You start from an empty HTML file and finish with a React app deployed to a live URL you can put on your CV. Three levels, each ending with a real project and written code review.

4 monthstrack length
48live classes
12students maximum
3levels

Curriculum

Sequential levels. You can't enter a level without the one before it.

1Web fundamentals6 weeks · 16 classes+
  • How the web works: servers, browsers and HTTP
  • HTML with meaning — structure and accessibility
  • CSS from the ground up: box model, units, colour, Arabic type
  • Flexbox and Grid for any layout
  • Responsive design and RTL for Arabic
  • Git, GitHub and your first deployment
Level projectA complete landing page built from a Figma design, responsive and in Arabic, deployed to a working link.
2JavaScript and interaction6 weeks · 16 classes+
  • JavaScript basics: variables, functions, arrays
  • Working with the DOM and events
  • Async programming, fetch and APIs
  • Storing data in the browser
  • Error handling and loading states
  • Developer tools and debugging
Level projectAn app pulling from a real API, with search, filtering and properly handled loading and error states.
3React and Next.js6 weeks · 16 classes+
  • React components, props and state
  • Hooks and the component lifecycle
  • Next.js: routing and server rendering
  • Tailwind CSS and a simple design system
  • Introduction to TypeScript for frontend
  • Performance, SEO and deploying on Vercel
Capstone projectA full multi-page app with a dashboard, connected to a database and deployed to a domain — this is the one that goes on your CV.

The stack you'll work in

All of it used in production, not simplified teaching versions.

HTML5CSS3JavaScriptReactNext.jsTailwind CSSTypeScriptGit

Try it before you pay

Book a free 45-minute session — we place your level, show you what a class and the platform look like, and tell you where to start.