Mijn projecten

CSS Vlaggen (Jaar 1)

In dit project moest ik M.B.V CSS 5 verschillende vlaggen maken. Zo heb de vlaggen van Nederland, België, Zwitserland, Japan en Rusland gemaakt. Dit was mijn eerste project met CSS en HTML, dus neem een kijkje!

Project 2

CSS Pixelart (Jaar 1)

In dit project moest ik een pixel art maken m.b.v CSS, zoals u ziet heb ik een 32x 32 pixel art van Cartman uit Southpark gemaakt. Een leuk project als je het mij vraagt!

Project 3

Netwerkbegrippen (Jaar 1)

In dit project moest ik een webpagina maken waarbij ik verschillende netwerkbegrippen uitleg aan de doelgroep, derde jaars. Een erg leerzame opdracht dus!

Project 4

JS Piano (Jaar 1)

In dit project moest ik een Javascript piano maken. Met CSS heb ik een mooi ontwerp gemaakt waarbij ik uiteindelijk piano geluidjes inzette met Javascript. Ik ben erg trots op dit resultaat en heb hiermee veel over Javascript geleerd.

Project 5

JS Stoplichten (Jaar 1)

In dit project moest ik een paar CSS stoplichten maken die met behulp van Javascript van kleur verwisselen. Het is me gelukt en ben erg trots op het resultaat. Met deze opdracht heb ik veel geleerd over Javascript functions!

Project 6

JS Gamecontroller (Jaar 1)

In dit project moest ik een gamecontroller maken met behulp van Javascript en CSS. Zo kan het vliegtuigje zowel bewegen met de pijltjes op het scherm als de pijltjes toetsen op het toetsenbord.

Project 7

JS Duckhunt (Jaar 1)

In dit project moest ik Duck Hunt namaken met behulp van Javascript en CSS. Dit is mijn 2de Javascript game en ik ben erg trots op het resultaat! Neem een een kijkje en speel mijn versie van Duck Hunt!

Project 8

Bootstrap Site (Jaar 1)

In dit project moest ik met behulp van een voorbeeld de layout van een site nabootsen. Zoals u kunt zien heb ik hiervoor boostrap gebruikt. Hoewel de site niet functioneel is, ben ik toch trots op het resultaat.

Project 9

Jquery Paardenrace (Jaar 1)

Bij deze opdracht kreeg ik de taak een JQeury paardenrace site te maken. Met CSS en Jqeury (Javascript) is dit mij gelukt. Ik heb veel geleerd over de de werking en functies van Jqeury. Neem een kijkje!

Project 10

PHP Game Collectie (Jaar 1)

In deze opdracht kreeg ik de taak een site te maken met PHP CRUD. De site dient als archief voor mijn games. Kortom, een PHP Game Collectiesite. Met dit project heb ik geleerd de Delete en Edit elementen van CRUD te gebruiken. Het is goed gelukt en ben dus erg blij met het resultaat!

Project 11

Uitgelijnde vormen galerij (Jaar 2)

Dit was mijn eerste opdracht op mijn stage. Ik heb met behulp van Javascript en CSS een galerij gemaakt die altijd mooi bijft meebewegen! Ongeacht welk plaatje je erbij doet, blijft hij de toegevoegde afbeelding een vierkante of rechthoekige vorm geven zodat de galerij ongelijk is, maar toch niet rommelig is. Neem een kijkje!

Project 12

Visueel Ontwerp Bing (Jaar 2)

Dit was de tweede opdracht die ik kreeg op mijn stage, om mijn CSS vaardigheden te bewijzen en te pushen. De opdracht was om Microsoft Bing na te maken. Hoewel niets dus functioneert ben ik erg trots op het bijna identieke resultaat!

Project 13

Automatische Foto Slideshow (Jaar 2)

In dit project moest ik van mijn stagebedrijf een automatische slideshow maken die altijd op een nette manier moet bewegen, ongeacht de hoeveelheid afbeeldingen. Het was een erg uitdagende opdracht, maar met behulp van Javascript is het mij gelukt! Ook kunt u de slideshow bewegen naar de gewenste kant. Neem gerust een kijkje!

Project 14

JS Rekenmachine (Jaar 2)


In dit project heb ik met behulp van Javascript en CSS een rekenmachine gemaakt, gebaseerd op mij eigen CASIO rekenmachine. Het was een leuke opdracht om mijn kennis van Javascript op te frissen. Probeer hem uit!

Project 15

Bewegende Foto Galerij (Jaar 2)

In dit project moest ik een fotogalerij maken die van links naar rechts en van boven naar onder beweegt, wanneer hij een rand aanraakt moet hij de andere kant opgaan als een soort 90s DVD savescreen effect. Daanraast heb ik de laatste 300 foto's gebruikt van Pexels.com met hulp van hun API. Een erg uitdagende Javascript opdracht, maar ik ben trots op het resultaat!

Project 16

JSON Search (Jaar 2)

In dit project heb ik met behulp van Javascript, CSS en een gigantisch Json bestand een search website gemaakt. Je kan zoeken op de titel van prodcuten, maar ook eventuele beschrijvingen, tags en suppliers. Ook met kleine typfoutjes blijft hij mooi doorwerken. Wederom een leuk en nuttig project voor het ontwikkelen van mijn Javascript kennis!

Project 17

API Weersite (Jaar 2)

In dit project moest ik een weerapplicatie maken met locatieherkenning. Zo moest ik een API gebruiken om het weer van nu en de komende week te fetchen. Hij werkt zowel op de locatie van de gebruiker als op ingevoerde locatie. Neem een kijkje en probeer het uit!

Project 18

JS timersite (Jaar 2)

In dit project moest ik een timer maken met Javascript. Hij heeft meerdere functies, zo heeft hij geluidjes, een pauzeknop en een progressiebalk. Ik ben trots op het resultaat en vind hem er mooi uitzien, voel u vrijom het te bekijken!

Project 19

JS Datepicker (Jaar 2)

In dit project moest ik een kalender maken. Daarbij heb ik een developer pagina en een user pagina gemaakt om te oefenen met de localStorage. In de developer pagina kan je datums aan/uitzetten voor de gebruiker. Ook kan je hier afspraken uitlezen indien die zijn aangemaakt. Ik ben er lang mee bezig geweest en trots dit te tonen! Neem een kijkje!

Project 20

JS / PHP Sponsorplattegrond Generator (jaar 2)

In dit project kan je een stadionplattegrond met meerdere verdiepingen beheren. Per verdieping kunnen sponsors worden aangemaakt, aangepast en verwijderd. Sponsors hebben een naam, kleur en einddatum, waarbij verlopen sponsors automatisch rood worden gemarkeerd en alle gegevens centraal in een database worden opgeslagen.

Project 21

JS Boodschappenlijst (jaar 2)

In dit project maakte ik een JavaScript Boodschappenlijst in de laatste week van de stage. Gedurende mijn stage merkte ik veel vooruitgang met Javascript en besloot mezelf uit te dagen door alles écht zelf te doen zonder hulp. De stage heeft zijn vruchten afgeworpen en dit project is het bewijs. Al binnen een dag was ik zo goed als klaar! Probeer hem gerust uit!

Project 22

PHP School Managementsite (jaar 2)

In dit project heb ik een School beheer systeem gebouwd. Zo kan je studenten, opleidingen, cijfers en vakken beheren en koppelen aan elkaar. Een aardig complexe site met veel joins en koppeltabellen. Éen van de meest complete versies van het CRUD systeem! U zult eerst een account moeten aanmaken. Ik heb trouwens alleen mijn eigen CSS gebruikt, geen Bootstrap dus. Neem een kijkje!

Project 23

C# Rekentrainer (jaar 2)

In dit project heb ik een rekentrainer gemaakt met C# (Winforms). De trainer heeft verschillende niveau's, zoals: basisschool, middelbare school en MBO waarbij de moeilijkheid wordt aangepast. U kunt de rekentrainer als ZIP bestand downloaden door op deze card te klikken. Ik lever het EXE voor het programma te starten en een docx bestand met nog een extra handleiding. Natuurlijk moet het ZIP bestand eerst uitgepakt worden. Probeer hem uit!