Learn the basics of web development in seven days
7 h Calm
Go from your first HTML tag to your own website in a week. HTML, CSS and JavaScript in manageable daily steps.
Building a website seems like magic until you know the building blocks. In seven days you lay the foundation: HTML for structure, CSS for styling and JavaScript for interactivity. Each day you tackle one topic, so it never feels like too much and everything sticks.
You start with HTML elements like headings, links and images, then give them colour and layout with CSS and Flexbox. Next, you bring your page to life with JavaScript and DOM manipulation, and use responsive design to make sure everything looks right on every screen. On the final day you bring it all together in your very first website, built with your own hands.
Day 1: learn the basics of HTML, the language of web pages. Create headings, paragraphs, links and images.
Days 2 and 3: learn CSS for styling and layout (colours, fonts, margins, padding) and dive deeper into CSS layout and Flexbox to arrange elements.
Day 4: learn the basics of JavaScript: variables, functions and loops for dynamic content.
Day 5: learn to manipulate the DOM with JavaScript to change content, structure and style.
Day 6: learn responsive design so your pages work well on every screen.
Day 7: bring it all together and build your very first website. An exercise that lets you apply everything you've learned.
Related playbooks
Understanding 3D Printing Before You Start
Get a quick grasp of how 3D printing works: the techniques, the applications, the materials, and the costs to get started.
Understanding SEO as a beginner, this is how visibility works
Why does one site find you and another doesn't? Learn the basics of SEO and the principles it's built on.
Writing your first Pest test in Laravel
Better code with fewer bugs starts with tests. Write and run your very first Pest test in Laravel.
Prepare for your motorcycle theory exam online
Passing your motorcycle theory starts with studying smart. Use online practice exams and a consistent method to walk into the exam room with confidence.
Choose a driving school and plan your first lesson
The first step towards your driving licence is choosing a good driving school. Compare, choose wisely, and book your first lesson right away.
Set up your first small aquarium
From empty tank to a lively little underwater world. Step by step, even if you've never kept fish before.
Fighting pests with nematodes: natural and chemical-free
Tiny soil worms that take out harmful insects. An eco-friendly alternative to pesticides, here's how to do it.
Explore the folder structure of a Laravel project
Know exactly where everything lives in Laravel. Walk through the structure folder by folder and understand how a project is built.
Learn API Authentication with Laravel Sanctum
Secure your APIs like a pro. Learn how to install Laravel Sanctum, manage tokens, and protect your routes, step by step.
Take your first steps with Laravel
Dive into web development with one of the most popular PHP frameworks. Install Laravel and build your very first route.
From Arabica to Excelsa: learn to taste the coffee bean
Where your bean comes from determines how your cup tastes. Discover four varieties and instantly drink much more mindfully.
by PlayTryBe team