
Web Development
From HTML and CSS to your first deployed project, with JavaScript, React, and Next.js along the way. Built for beginners who want to write real pages, not only watch tutorials.
About this track
You start with structure, styling, and behaviour on the open web, then move into responsive layouts, components in React, and how Next.js packages that for production sites. WordPress appears because many marketing teams still live there next to custom code. By the end you have a live URL, not just exercises on disk. Expect to type a lot and to keep practising between mentor sessions.
Who this track is for
People who want to understand how websites work and be able to build them from scratch.
Self-taught learners who have covered the basics but want structure, JavaScript, and a framework.
UI/UX designers who want to read, understand, and contribute to frontend code alongside developers.
What you will learn
Organised into modules that build on each other. The content is structured, not arbitrary.
HTML and web structure
- How the web works: browsers, requests, and documents
- Semantic HTML: structure that means something
- Forms, links, and interactive elements
- Accessibility fundamentals in HTML
CSS and visual design for the web
- Selectors, specificity, and the cascade
- Flexbox and CSS Grid for layout
- Responsive design and media queries
- Typography, colour, and spacing for the web
JavaScript fundamentals
- Variables, types, functions, and control flow
- DOM manipulation: changing the page with JavaScript
- Events and user interaction
- Fetch API basics: loading data from an external source
React, Next.js, WordPress, and deployment
- React fundamentals: components, props, state, and routing for interactive UIs
- Next.js essentials: App Router, layouts, and how the framework builds on React
- WordPress: block editor, themes, and when teams use a CMS alongside custom HTML, CSS, and JS
- Working with APIs in React and Next.js projects
- Deploying with Vercel or Netlify, HTTPS, previews, and shipping static, React, or Next.js work
Tools & technologies we use
The same categories of tools you will see in junior frontend roles, tied to what you ship each week.
Visual Studio Code
Extensions, integrated terminal, and debugging, the editor most frontend workflows standardise on.
Git
Branches, commits, and pull requests so your progress is reviewable and shareable.
GitHub
Branches, commits, and pull requests so your progress is reviewable and shareable.
HTML
Semantic structure, accessible patterns, forms, and documents that mean something to browsers and users.
CSS
Flexbox, Grid, responsive rules, and typography so layouts behave on real devices.
JavaScript
DOM, events, and fetching data, the layer that turns documents into interactive applications.
Browser DevTools
Inspect layout, watch the network, and step through scripts until behaviour matches intent.
React
Components, props, state, and routing, the baseline for interactive UIs in modern teams.
Next.js
App Router, layouts, and server/client boundaries, the production React framework used for most new marketing sites and web apps.
WordPress
Block editor, themes, and plugins, the CMS baseline for countless content and marketing sites, often next to custom code.
Vercel or Netlify
HTTPS, previews, and production deploys for static, React, and Next.js projects.
Core tooling is free-tier friendly. You can complete the track without buying paid licences; optional upgrades are your choice.
How the learning works
Not self-paced video content. A structured programme with real outputs and structured feedback.
Build from day one
Each module ends with a deliverable, not a quiz. You practise by making things, not memorising definitions.
Structured progression
HTML → CSS → JavaScript → React and Next.js, then WordPress and deployment, each step assumes the previous one.
Portfolio output
You finish with a deployed project you own, something you can share with employers and continue building after the track.
What this prepares you for
Realistic, honest expectations. The track gives you foundation and practice. What you do with it determines what comes next.
A deployed web project you built during the track
Confidence with HTML, CSS, JavaScript, React, Next.js fundamentals, and WordPress as a common CMS path
Understanding of responsive design and how the web actually works
Foundation for junior frontend developer and web developer roles
Web Development: common questions
Track-specific answers: prior knowledge needed, what you build, tools used, and how to get started.
Still have a question not covered here?
Start a conversationReady to start the Web Development track?
Contact us to confirm the next intake date and ask any questions before you commit.
Contact Folowise if you have questions before applying.
