Start your web development journey here. One of the greatest things about learning web development is the low barrier to entry: you already have everything you need. Even if you decide to go way beyond learning to code HTML and CSS, you will find that the web stays true to its goals and is based on free, open-source software (“FOSS”).

As much as I love HTML, CSS, PHP and all the other web goodness if you want to create your website for business or pleasure, running a WordPress installation is always something to consider.

WordPress logo

Notepad++ logo

A browser and a text editor are all you need to get started; nothing beats the simplicity of learning the basics of HTML with only Notepad or Notepad++!

HTML5 Logo

Start by learning the basics of web development and HTML5 coding, but implement some basic CSS early on to prevent the HTML from being too boring and bland-looking!

The official CSS3 logo

CSS is where the fun is! All the cool stuff you see is more likely to be CSS than anything else you will learn.

Visual Studio Code icon.

I highly recommend using Visual Studio Code once you have grasped the basics.

Step it up with some JavaScript.

The next steps might include setting up a dev box with Apache HTTP Server, PHP and MySQL. On a Windows computer, this is referred to as WAMP; on Linux, LAMP.

Configuring a WAMP stack will seem complicated at first. The general idea is as follows:

  1. Install and run Apache
  2. Install PHP
    • Configure Apache so that it knows where to send PHP code for processing
  3. Install and run MySQL
    • Configure PHP so that it knows how to use MySQL

You might also want to gain some experience with a NoSQL database, such as MongoDB:

Learning to use your browser’s Developer Tools is essential even from the beginning steps; inspecting website code is an important source of information and inspiration!