Hulpmiddelen

Code

• W3Schools
• MDN

Design

• Image to Favicon
• Web Colors
• Google Fonts
• A Complete Guide to Flexbox

Inspiratie

• Landingfolio
• Neal.fun

Coding games

• CSS Diner
• CSS Flexbox Frogg Towery
• CSS Flexbox Tower Defense
• CSS Grid Garden
• JavaScript Untrusted

HTML

Je 1e code

Je 1e code

Wat is een programmeertaal?

Zelf HTML tags ontdekken

Lokale bestanden & Externe links

Code editors

Tabs & comments

Je 1e website

Je 1e échte website

Body & head

Tables

Achievement: Links

Meerdere pagina’s

Een korte geschiedenis

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

First draft

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

Het if-statement

Random story generator: Deel 2

Formulieren stylen

Project: Calculator

Arrays

Project: Character creator

Project: Dungeon crawler

LocalStorage

Project: Clicker game

URL Query Parameters

Externe libraries

Responsive Design

Wat is responsive design?

Responsive design met CSS

Responsive design met JavaScript

De mobile-first filosofie

Responsive design

Hosting

Open-source

GitHub Pages

Testing

Licenties

FTP

Integrated Projects

Browser based multiplayer game

Verdieping

Ethiek

Dark Patterns

Cookies

Coding

Emmet

Markdown

Electron

Design

Three.js

Pixel vs Vector