Demo: in a real course the lesson video plays here. The notes below are the real lesson.
Start the course to open this lesson
It is free. One tap and every lesson opens.
Lesson 1 of 9, section 1, 10 min
What happens when you open a website: browsers, servers and the three languages of the web.
Demo: in a real course the lesson video plays here. The notes below are the real lesson.
Start the course to open this lesson
It is free. One tap and every lesson opens.
Lesson 2 of 9, section 1, 15 min
Install VS Code, create index.html and see your first page in the browser.
Demo: in a real course the lesson video plays here. The notes below are the real lesson.
Start the course to open this lesson
It is free. One tap and every lesson opens.
Lesson 3 of 9, section 1, 16 min
The tags you will use every day: h1 to h6, p, a and lists.
Demo: in a real course the lesson video plays here. The notes below are the real lesson.
Start the course to open this lesson
It is free. One tap and every lesson opens.
Lesson 4 of 9, section 2, 18 min
Every element is a box. Learn padding, border and margin so spacing finally makes sense.
Demo: in a real course the lesson video plays here. The notes below are the real lesson.
Start the course to open this lesson
It is free. One tap and every lesson opens.
Lesson 5 of 9, section 2, 14 min
Pick a colour palette, load a Google Font and set text sizes people can read.
Demo: in a real course the lesson video plays here. The notes below are the real lesson.
Start the course to open this lesson
It is free. One tap and every lesson opens.
Lesson 6 of 9, section 2, 20 min
Put things side by side, centre anything and build a navigation bar with Flexbox.
Demo: in a real course the lesson video plays here. The notes below are the real lesson.
Start the course to open this lesson
It is free. One tap and every lesson opens.
Lesson 7 of 9, section 3, 16 min
Add images with alt text and build a contact form with labels and inputs.
Demo: in a real course the lesson video plays here. The notes below are the real lesson.
Start the course to open this lesson
It is free. One tap and every lesson opens.
Lesson 8 of 9, section 3, 18 min
Media queries and flexible widths, so your site looks right on a small phone.
Demo: in a real course the lesson video plays here. The notes below are the real lesson.
Start the course to open this lesson
It is free. One tap and every lesson opens.
Lesson 9 of 9, section 3, 12 min
Publish your site on a free host and share the link in your CV and on WhatsApp.
Get at least 3 of 4 right to pass. You can try again as many times as you like.
The quiz opens when you join the course