What you will learn

Set up a professional local development environment and use it with confidence
Explain what actually happens between typing a URL and seeing a page
Write correct, semantic HTML that search engines and screen readers understand
Style pages with CSS and predict exactly which rule wins when styles conflict
Build responsive layouts with Flexbox and CSS Grid that work on any screen
Debug your own layout problems using browser DevTools instead of guessing
Rebuild the same site in Tailwind and understand why utility-first is faster
Deploy a live portfolio website you can send to an employer

The complete first month of Webbo3 Academy's Frontend Development programme. You start with an empty laptop and finish with a responsive portfolio website deployed live on the internet — rebuilt three times over, first in raw HTML, then styled with hand-written CSS, and finally with Tailwind.

Every lesson is built around something you do, not something you read. There is an exercise at the end of each one that takes 30 to 90 minutes and produces a file you keep. By the end of the month you have a GitHub account with real commit history, a deployed site with your name on it, and an understanding of why the web works the way it does — not just which tags to copy.

Lessons

1 Setting Up Your Development Environment 13 min 2 Who Are You As a Developer? 14 min 3 How the Internet Actually Works 14 min 4 HTML Fundamentals: Your First Real Page 7 min 5 Text, Links, Images and Containers 12 min 6 Semantic HTML: Writing Markup That Means Something 12 min 7 Forms and Tables In Depth 10 min 8 Your Online Presence: LinkedIn and GitHub 13 min 9 Introduction to CSS and the Cascade 13 min 10 Colour, Typography and the Box Model 15 min 11 Positioning and Display 5 min 12 Flexbox Complete 5 min 13 CSS Grid Complete 13 min 14 Responsive Design That Actually Works 15 min 15 Transitions, Animations and Pseudo-classes 12 min 16 CSS Variables and Debugging With DevTools 13 min 17 Your Portfolio Is Your CV 14 min 18 What Tailwind Is and Why It Exists 10 min 19 Tailwind Layout, Spacing and Responsive Design 12 min 20 Tailwind Typography, Colour and Component Patterns 12 min