Skip to content
A.B. Labs

Web Development

Full-Stack Web Development

Learn to build complete web applications — interfaces, APIs and databases — with React, Next.js, TypeScript, Node.js and PostgreSQL.

Register interestView curriculum

Overview

Modern web development spans the browser, the server and the database. This course teaches all three as one connected system, so you understand not just how to write code, but how production web applications are designed, built and deployed.

You will start with the foundations of the web and progress to full-stack applications with authentication, typed APIs and a relational database — building and deploying real projects at every stage.

Who it's for

  • Beginners aiming to become web developers
  • Front-end developers who want to work across the full stack
  • Designers and professionals who want to build their own products

Before you start

  • Comfort using a computer and installing software
  • No prior web development experience required
  • Time to practice between sessions

Outcomes

What you'll learn.

  1. 01

    Build accessible, responsive interfaces with semantic HTML and modern CSS

  2. 02

    Write typed, maintainable JavaScript and TypeScript

  3. 03

    Develop component-based applications with React

  4. 04

    Build server-rendered, search-friendly apps with Next.js

  5. 05

    Design REST APIs and relational database schemas

  6. 06

    Deploy full-stack applications to production

Curriculum

Module by module.

  1. Module 01How the Web Works
    • Browsers, HTTP and the request–response cycle
    • Semantic HTML and accessibility basics
    • Developer tools and debugging
    • Version control with Git and GitHub
  2. Module 02Modern CSS & Layout
    • The box model, flexbox and grid
    • Responsive design and fluid typography
    • Utility-first styling with Tailwind CSS
    • Building a layout from a design
  3. Module 03JavaScript Essentials
    • Values, functions and scope
    • Working with the DOM and events
    • Asynchronous code: promises and async/await
    • Fetching data from APIs
  4. Module 04TypeScript for Real Projects
    • Types, interfaces and generics
    • Typing functions, objects and API responses
    • Configuring a TypeScript project
    • Refactoring with confidence
  5. Module 05React
    • Components, props and state
    • Hooks and effects
    • Forms and user input
    • Component architecture and reuse
  6. Module 06Next.js & the Modern Web
    • Routing and layouts with the App Router
    • Server and client components
    • Data fetching and caching
    • Metadata, SEO and performance
  7. Module 07Back-End & Databases
    • Building APIs with Node.js
    • Relational data modeling with PostgreSQL
    • Authentication and authorization
    • Validation, errors and security basics
  8. Module 08Shipping to Production
    • Testing strategies for web applications
    • Environment configuration and secrets
    • Deployment and monitoring
    • Capstone build, review and presentation

Projects

What you'll build.

  1. 01

    A responsive portfolio website

  2. 02

    An interactive dashboard powered by a public API

  3. 03

    A capstone web application with authentication and a PostgreSQL database

We build this too

Need it built for you instead?

High-performance websites and web applications built with React, Next.js and TypeScript — fast by default, accessible and structured to grow.

Explore Web Development

Keep learning

Other courses.

  • App Development

    Upcoming

    Modern App Development with Flutter

    Build and ship cross-platform mobile apps with Flutter and Dart — from your first widget to a complete, release-ready app.

    Level
    Beginner to Intermediate
    Duration
    12 Weeks
    • Flutter
    • Dart
    • BLoC
    • Firebase
    • Riverpod

  • AI / Machine Learning

    Upcoming

    Python for AI & Machine Learning

    Learn Python, data analysis and core machine learning by working with real datasets — the practical foundation for building with AI.

    Level
    Beginner
    Duration
    12 Weeks
    • Python
    • NumPy
    • pandas
    • Matplotlib
    • scikit-learn

FAQ

Course questions.

Who are the courses for?

Most courses start from the fundamentals and suit motivated beginners. More advanced courses list their prerequisites clearly on the course page, so you can choose the right starting point.

How are the courses taught?

Every course is project-based: you learn a concept, then apply it by building something real. Schedules, delivery format and fees are announced with each cohort — register your interest and we will share the details once they are confirmed.

Do I need prior experience?

Not for beginner-level courses. Each course page lists its level and prerequisites. If you are unsure which course fits, contact us and we will help you decide.

Will I build real projects?

Yes — projects are the core of every course. Each course page lists the projects you will build, ending with a capstone that brings everything together.

Do you offer training for teams?

If you are interested in training for a team or organization, get in touch and choose “Training”. Tell us about your team, its current skills and what you want to achieve.

Not sure where to start?

Let's find the right course.

Tell us about your background and goals, and we'll help you choose a starting point.

Talk to usOur services