← All courses

Web Development

Frontend

Ship real websites and web apps from day one.

Duration
8 weeks
Format
5 live sessions per week + daily mentor office hours
Track type
Cohort
Open seats
21 across 2 cohorts
Apply for this course →See cohort calendar

About this course

Why students take this

This is the cohort that takes you from "I can read HTML" to "I shipped a responsive site that lives on the internet". We focus on the modern frontend workflow — semantic markup, CSS that scales, JavaScript that you understand line by line, and a deployment pipeline that doesn't scare you on Monday morning.

Eight weeks of structured live sessions, daily mentor office hours, and three real briefs that move from copy-this-design to here-is-the-Figma-now-build-it. By week 8 you are building components, debugging real bugs, and shipping to Netlify or Vercel without copy-pasting commands.

By the end of the cohort, you can…

  • Hand-craft responsive layouts with modern CSS (Grid, Flexbox, container queries)
  • Wire interactivity with vanilla JS and the DOM API — not just framework shortcuts
  • Read a Figma file and ship the implementation pixel-perfect
  • Use Git, GitHub, and pull requests like a working developer
  • Deploy a production site with custom domain, HTTPS, and basic analytics

Outcomes

What you’ll walk away with

Every outcome below is something a graduate can demonstrate on the last day of class — not a vague promise.

  • 01

    Ship 3+ real projects deployed on the open web

  • 02

    Read other people's code and contribute confidently

  • 03

    Land a developer role or freelance with paying clients

Syllabus

How the 8 weeks actually unfold

We move in deliberate phases. Each one builds on the last, so by week 8you’re working on real briefs — not still typing your first hello-world.

  1. W1

    Workspace setup + Git basics

    Install VS Code, set up Git + GitHub, learn the terminal. Ship a Hello World repo on day one.

    You can…
    • Configure VS Code with the team extension pack
    • Clone, commit, push, and open a pull request
    • Publish a static site to Netlify in under 15 minutes
  2. W2

    HTML — semantic markup

    Modern semantic HTML. Forms, accessibility, SEO-friendly markup.

    You can…
    • Mark up any layout with semantic tags (header, main, article, section, nav, footer)
    • Build a contact form with proper labels + validation
    • Score 95+ on a Lighthouse accessibility audit
  3. W3

    CSS fundamentals + Flexbox

    The mental model of CSS. Box model, cascade, Flexbox for 1-D layouts.

    You can…
    • Read any CSS file and predict the rendered result
    • Build a responsive nav bar without media queries
    • Debug specificity issues with the dev tools cascade view
  4. W4

    Grid + responsive design

    CSS Grid for 2-D layouts. Mobile-first responsive design.

    You can…
    • Build complex magazine-style layouts with Grid
    • Write a mobile-first stylesheet that scales to desktop
    • Ship a fully responsive landing page from a Figma file
  5. W5

    JavaScript essentials

    Variables, functions, arrays, objects, control flow, and the DOM.

    You can…
    • Write, read, and refactor vanilla JavaScript
    • Manipulate the DOM to build interactivity
    • Debug runtime errors using Chrome DevTools
  6. W6

    Async JavaScript + APIs

    Promises, async/await, fetch, working with REST APIs.

    You can…
    • Call a public REST API and render the response
    • Handle loading and error states cleanly
    • Write reusable async functions with proper try/catch
  7. W7

    React basics

    Components, props, state, hooks. The Filenod way of building UIs.

    You can…
    • Build a multi-screen app using React + functional components
    • Use useState and useEffect with confidence
    • Lift state up + share data between components
  8. W8

    Showcase + deployment

    Polish your portfolio piece. Deploy to Vercel with a custom domain. Job-prep workshops.

    You can…
    • Deploy a React app to Vercel with HTTPS + analytics
    • Write a portfolio README that recruiters actually read
    • Give a 5-minute walkthrough of your project on demo day

Who this is for

A great fit if you’re…

  • Beginners who want a real coding career, not just tutorials
  • Designers ready to take their work live
  • Business owners building their own product

Tools you’ll use

The stack you’ll get fluent in

  • HTML, CSS, JavaScript
  • React or Node.js (track-dependent)
  • Git, GitHub, Vercel, Netlify
  • VS Code, Chrome DevTools

Format: 5 live sessions per week + daily mentor office hours.

FAQ

Questions students ask before joining

Do I need a powerful laptop?+

Anything from 2018 onwards with 8GB RAM works. We'll help you set it up on day 1.

Is this enough to get hired?+

Combined with the portfolio you'll build, yes. We also run a weekly job-prep session in the last month.

Do I need to know maths?+

No advanced maths. Comfortable with basic arithmetic and logic is enough.

What if I miss a class?+

Every session is recorded and stays in your portal forever. You can also book a catch-up with the mentor.

Also in Web Development

Other courses in this track

Backend

8 weeks

Course details →

CMS (Shopify)

8 weeks

Course details →

CMS (Wix)

8 weeks

Course details →

CMS (Wordpress)

8 weeks

Course details →

Next step

4-minute application. Quote in 24 hours.

Tell us about your background and goals. We’ll send the syllabus, fee plan, and a cohort that fits.

Apply for Frontend →