This fast-track full-stack web development course is perfect for anyone who wants to learn by building. You’ll begin with a welcome and course setup session that introduces web development basics, sets up your code editor environment and outlines exactly what you’ll achieve by the end of the weekend. The first day focuses on HTML fundamentals—structuring content, working with text, lists, hyperlinks and images, creating interactive forms, and organising your layout to build the skeleton of your web application.

You’ll then move on to CSS styling to bring your app to life. Lessons cover typography, Google Fonts, colour schemes, the box model, flexbox and CSS grid for layouts, and responsive design techniques to make your app look great on all screen sizes. You’ll also learn how to style buttons, links and form elements, add smooth transitions, and apply professional design patterns using modern CSS best practices.

On the back-end, you’ll set up Supabase, an open-source alternative to Firebase, to handle your app’s data storage. You’ll create your first database, set up tables and implement security policies so that your app can securely store and retrieve information. This section gives you a strong foundation in integrating a scalable back-end with your front-end project.

The JavaScript modules taught over days one and two show you how to add interactivity and dynamic behaviour to your app. You’ll work with variables, functions, operators, arrays, objects and loops, manipulate the DOM, and fetch and filter data using async/await. These skills prepare you for React, where you’ll build the full app interface by breaking the UI into components, managing state, handling forms, uploading and filtering facts, and loading data from Supabase with useEffect.

Finally, you’ll deploy your completed application online using Netlify, learning how to prepare your app for production and publish it for the world to see. By the end of the weekend, you’ll have a fully functioning full-stack React and Supabase app and the confidence to build and deploy more projects on your own.