Opdrachten

Opdracht 1: ProgressInsight

Versie: 1.0
Doel: Registreren bij ProgressInsight zodat je voorgang bijgehouden kan worden.

In deze opdracht maak je een account aan bij ProgressInsight. Deze tool gebruiken we om te bepalen welke ICT inhoudelijke leerdoelen je al hebt behaald.

Opdracht 2: Codecademy HTML

HTML

Versie: 1.0
Doel: Volg een Codecademy course, leer de basis van een markup taal en begrijp de opbouw en structuur van HTML.

Volg de Codecademy course Learn HTML.

Opdracht 3: Codecademy CSS

CSS

Versie: 1.0
Doel: Herhalen van HTML, begrijp de basis van de CSS syntax.

Volg de Codecademy course Learn CSS.

Opdracht 4: Werken met een code editor

CSS HTML Javascript

Versie: 1.0
Doel: Het concept van een code editor begrijpen, een code editor installeren en gebruiken, snappen hoe bestanden naar elkaar kunnen verwijzen.

Introductie in het werken met een code editor.

Opdracht 5: Werken met GIT

GIT Version control

Versie: 1.1
Doel: Git installeren en je bestanden via GIT in een repository zetten.

Je gaat GIT gebruiken om je bestanden online te kunnen benaderen.

Opdracht 6: Kleurentabel

CSS HTML

Versie: 1.0
Doel: Herhalen van werken met code editor en GIT, herhalen van HTML, leren werken met HTML tables en CSS classes, CSS Grid layout.

Maak een tabel in HTML en pas de CSS aan.

Opdracht 7: HTML / CSS Boodschappenlijst

CSS HTML

Versie: 1.0
Doel: Doel: Herhalen van werken met code editor en GIT, herhalen van HTML, leren werken met HTML tables, HTML form inputs.

Maak een boodschappenlijst in HTML en CSS. Deze boodschappenlijst ga je in latere opdrachten hergebruiken.

Opdracht 8: Codecademy JavaScript

Javascript

Versie: 1.0
Doel: Begrijp de basis van JavaScript.

Volg de Codecademy course Learn JavaScript.

Opdracht 9: JavaScript DOM manipulatie

HTML Javascript

Versie: 1.0
Doel: Basisprincipe van DOM manipulatie begrijpen en JavaScript toepassen in een code editor, leren werken met JavaScript Events en Event Listeners, leren werken met Arrays.

Je gaat met JavaScript de DOM aanpassen. Je gebruikt de kennis die je hebt opgedaan bij de Codecademy courses.

Opdracht 10: JavaScript Dobbelstenen

HTML Javascript

Versie: 1.0
Doel: Werken met de JavaScript console, herhaling van variabelen objecten en functies in JavaScript, leren werken met JavaScript functies als Math.random en sort, leren werken met for-loops en Arrays.

Simuleren van dobbelstenen m.b.v. JavaScript. Het resultaat toon je in HTML.

Opdracht 11: JavaScript Boodschappenlijst

HTML Javascript

Versie: 1.0
Doel: Rekenen met JavaScript, herhaling van variabelen objecten en functies in JavaScript, leren werken met Event Handlers, leren werken met JavaScript wiskundige operatoren (rekenen met JavaScript), leren werken met het selecteren, lezen en bijwerken van HTML elementen vanuit JavaScript.

De eerder gemaakte boodschappenlijst ga je nu met JavaScript functioneel maken.

Opdracht 12: JavaScript OOP

Javascript

Versie: 1.0
Doel: Leren om OOP zelf praktisch toe te passen als voorbereiding op vervolgopdrachten, zelf classes schrijven en toepassen, zelf inheritance toepassen.

Je gaat dieper in op het concept object georiënteerd programmeren in JavaScript.

Opdracht 13: JavaScript Yahtzee

CSS HTML Javascript

Versie: 1.0
Doel: Verdieping JavaScript, herhalen HTML en CSS.

Maak het spel Yahtzee in HTML, CSS en JavaScript.

Opdracht 14: JavaScript Mastermind

CSS HTML Javascript

Versie: 1.0
Doel: Verdieping JavaScript, herhalen HTML en CSS.

Maak het spel Mastermind in HTML, CSS en JavaScript.

Opdracht 15: JavaScript Blackjack

CSS HTML Javascript

Versie: 1.0
Doel: Ervaring opdoen met OOP in JavaScript.

Maak het spel Blackjack in HTML, CSS en JavaScript.

Opdracht 16: Codecademy SQL

MySql

Versie: 1.0
Doel: Begrijp de basis van SQL.

Volg de Codecademy course Learn SQL.

Opdracht 17: Codecademy PHP

PHP

Versie: 1.0
Doel: Begrijp de basis van PHP.

Volg de Codecademy course Learn PHP.

Opdracht 18: PHP Boodschappenlijst

HTML MySql PHP

Versie: 1.0
Doel: Stap voor stap vertrouwd raken met de concepten van PHP, eerste stap maken naar het MVC ontwerppatroon: het opdelen van complexere toepassingen in drie delen: Model, presentatie (View) en applicatie logica (Controller).

Door het uitbreiden van de boodschappenlijst leer je stapsgewijs belangrijke concepten uit

Opdracht 19: Laravel boodschappenlijst

HTML Laravel PHP

Versie: 1.0
Doel: Bekend raken met het Laravel PHP framework, oefenen met een MVC framework, leren wat routes, views, controllers, models en migrations zijn.

Maak de boodschappenlijst in Laravel.

Opdracht 20: Individueel project “Weblog”

CSS HTML Javascript Laravel MySql PHP

Versie: 1.0
Doel: Individueel een project kunnen opstarten, structureren, en uitvoeren.

Maak een weblog.

Opdracht 21: Individueel project “Marktplaats”

CSS HTML Javascript Laravel MySql PHP

Versie: 1.0
Doel: Individueel een project kunnen opstarten, structureren, en uitvoeren.

Maak een marktplaats platform.

Opdracht 22: Individueel project “Maaltijden”

CSS HTML Javascript Laravel MySql PHP

Versie: 1.0
Doel: Individueel een project kunnen opstarten, structureren, en uitvoeren.

Je gaat een applicatie bouwen die je helpt om minder voedsel te verspillen en die je helpt om maaltijdsuggesties te doen.