Web development1:1 mentoring

Web Development

Learn HTML, CSS and JavaScript properly, build responsive accessible sites and deploy them, with a personal mentor.

Level:: Beginner to intermediate
Format:: 1:1 online mentoring

Free, no-obligation chat · Affordable plans that fit your budget · Start this week

1:1 personal attentionOne mentor, one student, at your pace.
Flexible timingsSessions that fit your week and time zone.
Affordable plansPlans that fit your budget.
Practise between sessionsShort problems that build confidence.

About this course

Learn Web Development online

Web development brings together HTML, CSS and JavaScript in the browser, and often a server and a database behind them. Students meet it in computing subjects, university web modules and first portfolio projects. Many people can follow a tutorial but get stuck as soon as they build something of their own.

This course covers the standard front-end curriculum: semantic HTML, CSS layout with flexbox and grid, responsive design, core JavaScript, the DOM and events, asynchronous code and APIs, accessibility, developer tools, Git and GitHub, and deployment. It ends with a project you plan and build yourself.

Right now our free self-study lessons cover Java and Python, so web development is taught through affordable 1:1 online mentoring: a mentor explains each idea, reviews your code and works at your pace. Message us on WhatsApp or email, or fill in the short form, for a free, no-obligation chat. We will suggest a plan that fits your budget and flexible timings in your time zone, and you can start this week.

Who this course is for

School and university students taking a web or computing course
Career changers building a first portfolio
Self-taught learners with gaps in the basics
Developers from other areas who want solid front-end skills
Anyone preparing for React or Node.js

Outcomes

What you'll learn

Build responsive pages with semantic HTML and modern CSS
Lay out pages with flexbox and grid
Write core JavaScript with functions, arrays, objects, scope and closures
Update the page and handle events, forms and validation with the DOM
Fetch and display data from APIs with promises and async and await
Make sites accessible and test them with browser tools
Use Git and GitHub to track and share your work
Deploy a finished site and explain how it works

Skills you'll gain

HTML5
CSS3
Flexbox and grid
JavaScript
The DOM
Fetch and APIs
Responsive design
Accessibility
Git and GitHub
Developer tools
npm basics
Deployment

Detailed syllabus

Web Development syllabus

Every module lists its topics and what you will be able to do. Your mentor plans sessions around them and your own goals.

Module 1
How the web works
The path from a URL to a rendered page.
- Browsers, servers and DNS
- HTTP requests, methods and status codes
- JSON and data formats
- Front end and back end
- Editor and tooling setup
- Browser developer tools
By the end of this module you can
- Explain what happens when you open a web page
- Inspect requests in the Network panel
Covered in 1:1 mentoring sessions
Module 2
Semantic HTML
Meaningful structure that works for people and search engines.
- Document structure and metadata
- Headings, text and lists
- Landmarks: header, nav, main, footer
- Links, images and media
- Forms, inputs and labels
- Tables
- Validation attributes
By the end of this module you can
- Mark up a page with the correct elements
- Build an accessible form
Covered in 1:1 mentoring sessions
Module 3
CSS foundations
Selectors, the cascade and the box model.
- Selectors and combinators
- Specificity and the cascade
- Box model and box-sizing
- Typography and colour
- Custom properties
- Units: rem, em, %, vw
- Pseudo-classes and pseudo-elements
By the end of this module you can
- Explain why a rule applies or does not
- Create a reusable style system with variables
Covered in 1:1 mentoring sessions
Module 4
Layout and responsive design
Pages that adapt to any screen.
- Flexbox layouts
- CSS grid layouts
- Mobile-first design
- Media queries and breakpoints
- Responsive images
- clamp() and fluid type
- Positioning and stacking
By the end of this module you can
- Build page layouts with flexbox and grid
- Make a layout work from 320px upwards
Covered in 1:1 mentoring sessions
Module 5
JavaScript fundamentals
The language under every interactive page.
- Values, types and equality
- let, const and scope
- Conditionals and loops
- Functions and arrow functions
- Arrays and array methods
- Objects and destructuring
- Closures
- Error handling with try and catch
By the end of this module you can
- Write and trace small programs confidently
- Use map, filter and reduce on data
Covered in 1:1 mentoring sessions
Module 6
The DOM and events
Making pages respond to users.
- Selecting and updating elements
- Creating and removing nodes
- Event handling and delegation
- Forms and validation
- classList and dataset
- Storing data in localStorage
- Simple UI components
By the end of this module you can
- Build an interactive component without a library
- Validate user input and show helpful messages
Covered in 1:1 mentoring sessions
Module 7
Asynchronous JavaScript and APIs
Working with data that arrives later.
- The event loop at a high level
- Callbacks and promises
- async and await
- fetch and error handling
- Working with JSON
- Loading, empty and error states
- Calling public REST APIs
By the end of this module you can
- Fetch data and render it with all four states handled
- Explain why asynchronous code runs out of order
Covered in 1:1 mentoring sessions
Module 8
Modern JavaScript and tooling
Modules, packages and a project workflow.
- ES modules
- npm and package.json
- Using a bundler or dev server
- Linting and formatting
- Classes and prototypes overview
- Introduction to TypeScript
- Environment variables
By the end of this module you can
- Organise a project into modules
- Install and use a package with npm
Covered in 1:1 mentoring sessions
Module 9
Accessibility and performance
Sites that everyone can use and that load quickly.
- Colour contrast and focus
- ARIA basics and when not to use it
- Keyboard navigation
- Testing with screen reader basics
- Image and font optimisation
- Lighthouse reports
- Core web vitals overview
By the end of this module you can
- Audit a page for accessibility and fix the problems
- Improve a slow page with simple changes
Covered in 1:1 mentoring sessions
Module 10
Git, GitHub and teamwork
Tracking changes and collaborating.
- Commits and history
- Branches and merging
- Pull requests
- Resolving conflicts
- README files
- Issues and project boards
By the end of this module you can
- Work on a feature branch and merge it
- Keep a clean, well-documented repository
Covered in 1:1 mentoring sessions
Module 11
Debugging and testing
Finding and preventing bugs.
- Console and breakpoints
- Reading stack traces
- Network and performance panels
- Writing simple unit tests
- Testing logic with a test runner
- Manual test checklists
By the end of this module you can
- Find a bug using the debugger rather than guessing
- Write a few unit tests for a function
Covered in 1:1 mentoring sessions
Module 12
Frameworks and deployment
Going live and choosing what to learn next.
- Static hosting and deploying from GitHub
- Build steps and environment settings
- HTTPS and domains overview
- Where React fits in
- Where Node.js and Express fit in
- Planning a portfolio
By the end of this module you can
- Deploy a site and update it safely
- Choose a sensible next step such as React or Node.js
Covered in 1:1 mentoring sessions

Ways to learn

How you can learn Web Development

Web Development mentor, 1:1 online

A mentor who knows this course plans sessions around your goal, explains each idea with fresh examples and checks your understanding. Personal attention, flexible timings in your time zone and affordable plans that fit your budget.

Talk to our team

How it works

Your learning journey

Four simple steps to start Web Development with a mentor. A real person replies to you; there is no booking system.

Step 1: Talk to us
Message us on WhatsApp or email, or fill in the short form. The first chat is free, with no obligation.
Step 2: Get your plan
We listen to your goal, level and deadlines, then suggest a plan that fits your budget and timings.
Step 3: Learn with your mentor
Online 1:1 sessions with a mentor who knows your course, explains clearly and checks your understanding.
Step 4: Practise & track progress
Keep going between sessions with practice, and watch your confidence grow week by week.

Learn by doing

Projects and practice

Responsive portfolio site
A multi-page, accessible portfolio using flexbox and grid, with a contact form and a deployed live version.
Data dashboard from an API
A page that fetches public data, lets users search and filter it, and handles loading, empty and error states.
Interactive quiz or tracker
A DOM-based app with forms, validation and saved progress in localStorage.
Capstone project of your choice
Plan, build, test and deploy a small site or app with Git history and a README that explains your decisions.

Free practice on MentorNxt

Your progress

What you'll be able to do

Milestones from the start, middle and end of the syllabus.

Explain what happens when you open a web page
Early on
Fetch data and render it with all four states handled
Halfway
Deploy a site and update it safely
By the end

FAQs

Web Development: frequently asked questions

Is there a self-study option, or is it 1:1 mentoring?

Our free self-study lessons exist only for Java and Python today. web development is learned through 1:1 online mentoring, where a mentor teaches live, answers questions as they come up and shapes each session around what you need next.

How much does mentoring cost?

1:1 mentoring is personal online tutoring and is affordable, with plans that fit your budget. Tell us your goals and how often you would like sessions, and our team will suggest an option that works for you.

How do I get started?

Message us on WhatsApp or email, or fill in the short form on this page. Our team replies, talks through your goals and helps you choose a mentor and a schedule. It starts with a free, no-obligation chat, and you can start this week.

Are the sessions 1:1 and can they fit my schedule?

Yes. Every session is one-to-one and online: one mentor, one learner. Timings are flexible in your time zone, so sessions can sit around school, work and family plans.

Can a mentor help with a school or university web project?

Yes. Mentors help you plan the project, understand the concepts it needs and work through problems as you build it yourself. Mentors teach and explain; they never complete graded work for you.

Should I learn plain JavaScript or React first?

Plain JavaScript first, for most people. React builds on functions, arrays, objects and async code, so a solid grounding makes it far easier. Your mentor will check what is solid and plan the next steps.

What do I need before the first session?

A laptop or desktop computer with a stable internet connection and, if you have one, a code editor. Bring anything that shows where you are: a course outline, class work or a project you are stuck on.

Do you cover the back end?

This course focuses on the front end. When you are ready, our Node.js and Express course covers servers and APIs.

Free, no-obligation chat

Talk to our team about Web Development

Tell us what you need. Our support team replies within one working day, by email or WhatsApp, whichever you prefer, and arranges your mentor.

Prefer to talk first?

Message the support team directly. We usually reply the same day.

Chat on WhatsApp Email us

Our mentors teach and explain. They never complete graded work, tests or assessments for students.

Keep going

Syllabus references

Last reviewed9 November 2026

Ready to start Web Development?

Message us on WhatsApp or email, or fill in the short form. Our team replies with a plan that fits your goal and budget, and you can start this week.

Fill in the short form

WhatsApp Email us

Talk to us about a mentor

WhatsApp Email us

Learn Web Development online

Who this course is for

What you'll learn

Skills you'll gain

Web Development syllabus

How the web works

Semantic HTML

CSS foundations

Layout and responsive design

JavaScript fundamentals

The DOM and events

Asynchronous JavaScript and APIs

Modern JavaScript and tooling

Accessibility and performance

Git, GitHub and teamwork

Debugging and testing

Frameworks and deployment

How you can learn Web Development

Web Development mentor, 1:1 online

Your learning journey

Step 1: Talk to us

Step 2: Get your plan

Step 3: Learn with your mentor

Step 4: Practise & track progress

Projects and practice

Responsive portfolio site

Data dashboard from an API

Interactive quiz or tracker

Capstone project of your choice

Free practice on MentorNxt

What you'll be able to do

Web Development: frequently asked questions

Talk to our team about Web Development

Related courses

HTML and CSS

JavaScript Programming

React

Node.js and Express

TypeScript

Git & GitHub

Syllabus references

Ready to start Web Development?

Learn Web Development online

Who this course is for

What you'll learn

Skills you'll gain

Web Development syllabus

How the web works

Semantic HTML

CSS foundations

Layout and responsive design

JavaScript fundamentals

The DOM and events

Asynchronous JavaScript and APIs

Modern JavaScript and tooling

Accessibility and performance

Git, GitHub and teamwork

Debugging and testing

Frameworks and deployment

How you can learn Web Development

Web Development mentor, 1:1 online

Your learning journey

Step 1: Talk to us

Step 2: Get your plan

Step 3: Learn with your mentor

Step 4: Practise & track progress

Projects and practice

Responsive portfolio site

Data dashboard from an API

Interactive quiz or tracker

Capstone project of your choice

Free practice on MentorNxt

What you'll be able to do

Web Development: frequently asked questions

Talk to our team about Web Development

Related courses

HTML and CSS

JavaScript Programming

React

Node.js and Express