Folowise Academy
Open for applications

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.

Module 03 · Lesson 02 · build a CTA
What this track is

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

01
Complete beginners to web development

People who want to understand how websites work and be able to build them from scratch.

02
People with basic HTML/CSS who want to go further

Self-taught learners who have covered the basics but want structure, JavaScript, and a framework.

03
Designers who want to understand front-end code

UI/UX designers who want to read, understand, and contribute to frontend code alongside developers.

Curriculum

What you will learn

Organised into modules that build on each other. The content is structured, not arbitrary.

Module 1

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
Module 2

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
Module 3

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
Module 4

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
Stack

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.

Format

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.

Outcomes

What this prepares you for

Realistic, honest expectations. The track gives you foundation and practice. What you do with it determines what comes next.

  1. A deployed web project you built during the track

  2. Confidence with HTML, CSS, JavaScript, React, Next.js fundamentals, and WordPress as a common CMS path

  3. Understanding of responsive design and how the web actually works

  4. Foundation for junior frontend developer and web developer roles

FAQ

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 conversation

Yes, it starts from scratch. The honest bit is practice: learners who put in time between sessions move much faster than people who only show up for the live blocks.

Apply now

Ready to start the Web Development track?

Contact us to confirm the next intake date and ask any questions before you commit.

Apply for this track

Contact Folowise if you have questions before applying.