How the Web works

This theory is not essential to writing web code in the short term, but before long you’ll really start to benefit from understanding what’s happening in the background. Clients and servers Computers connected to the Web are called clients and servers. A simplified diagram of how they interact might look…

Planning your website

First things first: planning Before you do anything, you need some ideas. What should your website actually do? A website can do basically anything, but for your first try you should keep things simple. We’ll start by creating a simple webpage with a heading, an image, and a few paragraphs….

Publishing your website

What are the options? Publishing a website isn’t a simple topic, mainly because there are so many different ways to do it. In this article we don’t aim to document all possible methods. Rather, we’ll discuss the pros and cons of three broad strategies from a beginner’s point of view, and…

JavaScript basics

What is JavaScript, really? JavaScript is a programming language that adds interactivity to your website (for example: games, responses when buttons are pressed or data entered in forms, dynamic styling, animation). This article helps you get started with this exciting language and gives you an idea of what is possible. JavaScript…

CSS basics

So what is CSS, really? CSS (Cascading Style Sheets) is the code you use to style your webpage. CSS Basics takes you through what you need to get started. We’ll answer questions like: How do I make my text black or red? How do I make my content show up…

HTML basics

So what is HTML, really? HTML (Hypertext Markup Language) is the code that is used to structure and display a web page and its content. For example, content could be structured within a set of paragraphs,  a list of bulleted points, or using images and data tables.  As the title suggests,…

Dealing with files

Where should your website live on your computer? A website consists of many files: text content, code, stylesheets, media content, and so on. When you’re building a website, you need to assemble these files into a sensible structure on your local computer, make sure they can talk to one another,…

Installing basic software

What tools do the professionals use? A computer. Maybe that sounds obvious to some people, but some of you are reading this article from your phone or a library computer. For serious web development, it’s better to invest in a desktop computer (Windows, Mac, or Linux). A text editor, to…