Introduction to Web Development
Learn the fundamentals of web development and how to create websites.
About the Course
Most people who want to learn web development start in the wrong place. They open a tutorial, copy some HTML, and have no idea what it actually did or why. When something breaks, they can't debug it. When they need to change something, they're guessing.
This course fixes that by starting where web development actually starts: with how the web works. Before you write a line of code, you'll understand what happens between a browser and a server, what DNS is, and why any of this matters. That foundation is what most beginners skip, and what most beginners are missing when they get stuck later.
From there, you'll move through the three technologies that build every website you've ever visited: HTML for structure, CSS for style, and JavaScript for interactivity. Each one is introduced through the portfolio project you're building — a real, multi-page site you can deploy and share. No throwaway exercises. Every concept earns its place.
The format is text-based and self-paced. You read, write code, and run it yourself. By the end, you'll have a live portfolio and a clear mental model of how the web works — built from the ground up.
What You'll Build
You'll build a personal portfolio website with a homepage, an about section, a projects page, and a working contact form — using HTML, CSS, and vanilla JavaScript. The site will be responsive, styled with custom CSS, and deployed to a live URL you can share.
What You'll Learn
- Explain how the web works — from typing a URL to a page loading in your browser
- Structure web pages with semantic HTML that's readable and accessible
- Style layouts confidently using CSS — Flexbox, Grid, and responsive design
- Add interactivity with JavaScript without reaching for a framework
- Handle user input with forms and validate it on the client side
- Organise your project files in a way that scales as the site grows
- Debug HTML, CSS, and JavaScript using browser developer tools
- Deploy a static site to a live URL
Prerequisites
- No prior coding experience needed — this course starts from zero
- A computer to practice along with the course because this is a practical and hands-on course.
- Basic computer skills — you should be comfortable with common tasks like creating folders, managing files, installing software, and navigating the internet.
- A stable internet connection to access the web.
