**Theoretical Recap** A README is the front door of any technical project. It is typically the first file a developer, recruiter, or collaborator reads when they open a repository. A good README answers four fundamental questions immediately: What do...

## Overview This mini-project is the capstone of the introductory chapter 'Getting started: development environment and developer mindset'. It brings together everything you have practiced so far: debugging HTML/CSS with DevTools, using the test-comm...

When you work on a development project and use Git to track your changes, not all files in your project folder should be versioned. Some files are generated automatically by your operating system, your code editor, or your development tools. Others c...

**Theoretical Recap** A .gitignore file tells Git which files and directories to intentionally leave untracked. When Git scans your project folder, it reads .gitignore and skips anything matching the listed patterns — those files never appear in git ...

## Overview This mini-project is the culminating exercise of the 'Getting Started' chapter. You have learned how to set up a development environment, write meaningful commits, manage commit history, work with branches, and create a .gitignore file. N...

Debugging is one of the most fundamental skills a developer must master. Whether you are writing your first lines of HTML or building a complex backend application, you will encounter bugs. The ability to find and fix them methodically, without panic...

**Theoretical Recap** HTML provides three types of lists, each with a distinct semantic purpose. The unordered list (``) is used when the order of items does not matter — a perfect fit for a set of technical skills. The ordered list (``) is reserved ...

**Theoretical Recap** Before diving into the practical work, here is a concise recap of what you need to keep in mind. HTML5 introduced semantic tags — elements that carry meaning about the content they wrap, rather than just grouping content visuall...

Now that you have learned how to use semantic HTML5 tags such as header, nav, main, section, article, aside, and footer, it is time to go one step further. In this lesson, you will discover ARIA landmarks, a complementary mechanism that reinforces th...

**Theoretical Recap** Semantic HTML5 is not just about making code look organised — it is about giving meaning to the structure so that browsers, search engines, and assistive technologies can interpret the page correctly. The key section tags you ha...