Frontend Engineering track

Level

Frontend Level 1: Web Foundations

From zero to shipping your first real website — thinking like an engineer from day one.

Duration
8 weeks
Live hours
48
Schedule
3 live sessions a week (2 hours each) + ~6–8 hours of practice

Who it's for

Complete beginners.

Before you join

None — a laptop and internet.

What you'll be able to do

  • Build and deploy responsive, accessible websites
  • Write clean JavaScript that handles real data
  • Use Git and GitHub like a team member
  • Explain every line you ship

Week by week

  1. 1Week 1How the web works
    • Client & server
    • HTTP & DNS
    • Dev setup
    • Semantic HTML
    • Forms
    Engineering focus
    Problem framing: what is the user trying to do?
    Task
    Personal profile page in semantic HTML + problem card
  2. 2Week 2CSS fundamentals
    • Selectors
    • Box model
    • Units & colors
    • Typography
    • DevTools
    Engineering focus
    Debug with DevTools: inspect, don't guess.
    Task
    Style the profile page; fix a planted broken layout
  3. 3Week 3Layout & responsive design
    • Flexbox
    • Grid
    • Mobile-first
    • Media queries
    Engineering focus
    Design before code: wireframe, then build.
    Task
    Responsive landing page from a Figma design
  4. 4Week 4Git, GitHub & accessibility
    • Commits & branches
    • Pull requests
    • README
    • Alt text, contrast, keyboard
    • ARIA basics
    Engineering focus
    Communication: clear commits and PRs; a quality checklist.
    Task
    Landing page on GitHub with a PR flow + accessibility audit
  5. 5Week 5JavaScript 1: logic
    • Variables & types
    • Conditions & loops
    • Functions
    • Pseudocode
    Engineering focus
    Break big problems into small ones.
    Task
    10 logic challenges, pseudocode first
  6. 6Week 6JavaScript 2: the DOM
    • Arrays & objects
    • Array methods
    • DOM selection
    • Events
    Engineering focus
    Read code: explain AI-generated snippets line by line.
    Task
    Interactive to-do list with filtering
  7. 7Week 7JavaScript 3: real data
    • fetch
    • Promises & async/await
    • JSON
    • Loading & error states
    • localStorage
    Engineering focus
    Edge cases: what happens when the network fails?
    Task
    Weather or movies app using a public API
  8. 8Week 8Ship it
    • Modules
    • Project structure
    • Deployment
    • Image & loading performance
    Engineering focus
    Trade-offs: write a short decision record.
    Task
    Final project + demo day

Final project

A multi-page site for a real small business, or an interactive app using a public API — responsive, accessible, deployed, with a README, a decision record and a 3-minute demo.

Tools you'll use

  • VS Code
  • Chrome DevTools
  • Git
  • GitHub
  • Figma
  • Vercel / Netlify

Certificate

Certificate of completion — Frontend Level 1

Snjab issues certificates of completion with a verification link and the projects you built. They are not academic or government-accredited degrees.

Apply now