Webtechnology

Hulpmiddelen

Web code

• W3Schools
• MDN
• A Complete Guide to Flexbox

Favicon

• Convert image to favicon
• Emoji’s

Web fonts

• Browse Fonts - Google Fonts

---

HTML

Je 1e code

Je 1e code

Je 1e website

Wat is een programmeertaal?

Zelf HTML tags ontdekken

Lokale bestanden & Externe links

Een korte geschiedenis

Code editors

Tabs & comments

Je 1e website

Je 1e échte website

Body & head

Meerdere pagina’s

Je 1e uitgebreide website

ZIP-bestanden

CSS

CSS Basics

Anatomie van een website

CSS Basics

Je 1e website stylen

Peer assessment

Geavanceerde CSS

Neutrale HTML-tags: <div> en <span>

Geavanceerde CSS-selectors

Web fonts

Browser developer tools

Knoppen

Flexbox

Display & position

Copyright infringement

Formulieren stylen

JavaScript

JavaScript basics

Wat is JavaScript?

Je 1e JavaScript code

JavaScript projecten

Random story generator: Deel 1

Random story generator: Deel 2

Formulieren stylen

Project: Calculator

Project: Character creator

Responsive Design

Responsive design

Responsive design met JavaScript

Hosting

Open-source

Hosting 1: GitHub Pages

Licenties