Skip to content
Mastro

The Mastro Guide 👨‍🍳

Learn the basics of the fundamental web technologies (HTML, CSS and JavaScript) by building your very first website and putting it live – all in your browser.*

(How? By using Visual Studio Code for the Web to write, and GitHub Pages to host your website.)

This free guide does not show you everything you’ll ever need to know when creating websites. Instead, it shows you the door to the world of web design. It gives you an overview over the landscape, kick-starts you with practical examples, and tells you where to learn more once you need to.

Let’s start cooking

* Currently, some parts only work in Chrome. We’re feeling terribly about this and are working hard to fix it.

Table of Contents

Section titled “Table of Contents”
  1. Motivation: Why learn HTML and CSS?
  2. Setup: GitHub and VS Code for the Web
  3. Start with HTML
  4. Style with CSS
  5. Introducing JavaScript
  6. Multiple pages with shared components
  7. A static blog from markdown files
  8. Interactivity with JavaScript in the browser
  9. Addendum: about HTTP, forms and REST APIs

Work in Progress

Section titled “Work in Progress”

While complete as a first draft, the Mastro Guide is still being worked on and improved. Please submit suggestions, questions or bug reports by opening an issue on GitHub.

Would you like to get notified when the Mastro Guide is complete? Then add your email to our list. This is also being used to gauge interest in a polished and finished guide.