The Tiniest Blog

If you always thought programming and coding sounds kind of cool and wanna try it yourself, you came to the right place. This tutorial will explain to you what this magical web is everybody is talking about. Furthermore you’ll learn a lot of really cool stuff and be even able to build your own blog at the end. Just wait and see, you’ll be a little code monkey in no time!

This tutorial will teach you how websites work and how you can start building your own.

What is a website?

Client / Server

Standards (HTML, CSS and JavaScript)

Your first website

First attempt: Only text

Something is still missing …

HTML (HyperText Markup Language)

Keep all that in mind, experiment a little and, voila, your very first website! But, wait a minute, can’t we make it a bit prettier? Right now, it does not look anything like these fancy blog designs we find all around the web. The answer to this problem is CSS:

CSS (Cascading Style Sheets)

Text inbetween the body elements is displayed as red while the link text is displayed as green.

It’s best to approach CSS with a learning by doing approach and experiment live. That’s why your browser has Developer Tools (Ctrl-Shift-I),

What’s next?

Ok, so now we have a rough idea about the structure of websites. But what about images, videos and really cool and fancy looking websites?

Continue with the next tutorial.