Portfolio is loading

Portfolio is loading
Hey! Welkom. Aangenaam kennis te maken. Ik ben Johan en studeer Mediavormgeving op het Deltion College in Zwolle. Hier leer ik voornamelijk mooie dingen maken. Daar houden we namelijk van. In mijn vrije tijd maak ik graag muziek, schrijf ik of houd ik mij bezig met vormgeven. Een grote berg creativiteit, dus. Nieuwsgierig geworden? Kijk gerust even rond. Misschien kom je nog op nieuwe ideeën!
Het internet is leuk en er zelf aan klussen nog veel leuker! Dit doe ik dan ook met liefde. Afgelopen jaren heb ik al veel ervaring op mogen doen rondom het bouwen van websites. Dankzij school, maar ook vrienden en online tutorials. Ik probeer en experimenteer graag met nieuwe technieken om het maximale uit de aangeleverde resources te halen, zoals jQuery en Wordpress. Veranderingen op het web gaan nou eenmaal snel en bijbenen is een must.
(het liefst Xd voor sites)
(Brackets is toch een fav)
(de basis voor iedere website)
(zo'n 2 jaar, 1 week en 3 dagen)
(deze site uiteindelijk ook)
(een klein beetje)
(het liefst Xd voor sites)
Schoolprojecten, vrijetijds-dingetjes, kleine opdrachten, minder kleine opdrachten en complete websites. Ik heb zoveel mogelijk verzameld met de hoop dat het een goed beeld geeft van mijn kunnen. De projecten variëren van persoonlijke, trotse favorietjes tot eerste schoolopdrachten. De beste als eerst, uiteraard. Het geeft mijn proces mooi weer! Uiteraard ben ik er nog niet, maar het is een begin. Wellicht een goed begin?
PRO TIP: Mijn drie recente sites zijn het best 'gelukt' qua schaalbaarheid. De overige bekijken het beste op desktop. A student gotta learn!
bekijk meer
vouw inbekijk meer
vouw inIk houd ervan om goed te beginnen en door te leren. Het liefst wil ik mezelf op een dag full-stack webdeveloper kunnen noemen. Voor mij betekent dat het concept opzetten, de site tot in de puntjes ontwerpen, de volledige front-end niet beperken tot slechts HTML, CSS en jQuery en een goede back-end kunnen neerzetten, met behulp van de gangbare CMS'en. Het is echter veel en niet echt concreet. Daarom heb ik het ietwat overzichtelijker gemaakt!
Ik werk zelf het liefst op projectbasis waarbij ik alles zelf kan. Van het bedenken van een concept tot het uitwerken van de complete website, met CMS of zonder. Het liefst wil ik later zelf complete CMS'en kunnen bouwen, maar laten we bij het begin beginnen. In dit overzicht staat een lijst van hapklare doelen die ik hoop te bereiken binnen mijn stage. Sommige zullen binnen het ene bedrijf wel mogelijk zijn en andere niet. Ik heb zo breed mogelijk ingezet!
Front-end betekent voor mij alles wat je aan de voorkant ziet en alles wat reageert/animeert op een website. Om dit te bereiken maak ik gebruik van een paar talen: HTML, CSS en jQuery. De ene ken ik wat beter dan de andere, daarom heb ik per taal/onderdeel aangegeven wat ik wil beheersen.
Hoewel dit uiteraard de basis is van iedere website en ik hier mee begonnen ben, wil ik graag kijken wat ik verbeteren kan in mijn code. Het is hoogstwaarschijnlijk dat ik op een gegeven moment geen platte HTML meer schrijf, omdat er tig andere manieren van coderen zijn, bijvoorbeeld de HTML laten genereren door PHP of een CMS. De basis van elke website blijft HTML en mede op het gebied van SEO wil ik graag leren hoe ik HTML beter kan inzetten op een website op de volgende punten:
HTML schrijven is tags in tags plaatsen en voor mijn gevoel doe ik dit nog niet altijd even efficient. Hierdoor kan ik snel het overzicht verliezen, weet ik niet meer wat nou precies wat is en zijn mijn bestanden lang qua inhoud. Classes kunnen hierbij helpen, maar daar de juiste namen aangeven is ook een dingetje.
Zoals ik hierboven al noemde zijn mijn bestanden nogal groot. Ik zou dit graag leren afvangen door bijvoorbeeld met meerdere, kleinere bestanden te werken. Tegenwoordig werk ik al meer met de 'include' functie van PHP, wat ervoor zorgt dat ik telkens maar één header of footer hoef te maken. Een klein begin.
HTML maakt gebruik van een reeks tags waar ik de meest belangrijkste vab ken. Hoe relevant de rest is heb ik geen idee van. Ik graag meer inzich willen krijgen in welke tags relevant zijn voor bijvoorbeeld de vindbaarheid binnen Google.
CSS is dé taal dit HTML meer laat zijn dan alleen platte tekst. Ik heb veel ervaring met CSS, aangezien dit één van de eerste talen is waar ik mee heb leren werken. Ik kan me er prima in redden qua syntax, want de moeilijkheidsgraad van CSS valt reuze mee. Ik heb echter nog een paar leerpunten:
Display is één van de meest veelzijdige properties binnen CSS, maar tot dusver is het met niet echt gelukt om daar meer ervaring mee op te doen. Ik kan me prima redden met 'display:grid;', maar ik ben er van overtuigd dat er meer mee kan. Vooral 'display:flex' staat hoog in mijn lijst.
Voor mijn gevoel vangen we veel op met jQuery qua functionaliteit en aanpassingen, waar CSS een prima optie is die sneller en schoner werkt. Dit gaat voornamelijk om:
Veel functionaliteit pak ik aan met jQuery, zoals animaties en interactie binnen de website. Ik ben benieuwd naar de mogelijkheden binnen CSS om dingen te animeren en aan te passen.
Een website responsive maken is nogal een klus. Om dit makkelijker te maken design ik tegenwoordig mobile-first, maar ook dit is niet optimaal. Ik hoop te leren hoe ik met behulp van CSS een website makkelijker responsive maak.
Hoewel ik er een aantal ken, weet ik te weinig van pseudo classes en elements. Ik gebruik ::before, ::after en nth-child() veel, maar er zijn er nog veel meer. Hier wil ik graag meer kennis van hebben om te ontdekken welke nuttig zijn voor mijn workflow.
Tegenwoordig doe ik zelf bijna alles met LESS, maar ik ken nog maar het topje van de ijsberg. Het houdt mijn code overzichtelijk en ik kan meer met minder classes. SASS is mij nog compleet onbekend en ook dit wil ik graag beheersen.
Als je mij vraagt wat ik kan scripten, houdt het op bij jQuery. Ik kan een paar dingen met puur JavaScript, maar heb hier nooit diepgaand les in gehad. Om uiteindelijk een goede front-ender te worden, wil ik dit heel graag bijspijkeren op de volgende punten:
Zoals ik al aangaf ontbreekt bij mij de basis. Ik ben niet geweldig goed in logica en de syntax van JavaScript gaat mij tot dusver boven het hoofd. Dit wil ik verbeteren omdat JavaScript een geweldig brede taal is met een giga community op de achtergrond van, bijvoorbeeld, frameworks.
Naast pure JavaScript lijkt het me heel tof om bezig te gaan binnen verschillende frameworks. Dit omdat HTML tikken ouderwets is en veel tijd kost, terwijl veel frameworks dingen al klaarzetten. Dit scheelt kopiëren en bespaart tijd!
Toen ik hiervan hoorde was ik meteen verkocht. Zero ervaring, maar de manier van werken vind ik geweldig! Stukje voor stukje een site/webapp bouwen met behulp van components, zou mij erg helpen mijn workflow te verbeteren en mijn code overzichtelijk te houden.
Node.js kan een groot gedeelte PHP afvangen, wat maakt dat het eigenlijk onder back-end valt. Dat is zo'n beetje alles wat ik er van weet. Ik wil het graag aan mijn skillset toevoegen om te kunnen experimenteren met andere back-end tools dan bijv. PHP.
De meest logische stap na front-end is back-end. Content goed kunnen beheren is tegenwoordig niet meer dan normaal. Geen sterveling die nog harde code typt om content op een site te plaatsen. Op school: WordPress en daar ben ik blij mee! Maar is nog zoveel meer. We beginnen gewoon waar back-end voor mijn idee begint: PHP.
PHP wordt door velen geliefd en gehaat. Hetgeen is erover weet is dat het op de server werkt, er ongelovelijk veel mee kan en dat ik het lastig vind om te begrijpen. Met de volgende punten ga ik meer dan graag aan de slag:
Ik heb wat kleine dingen gedaan met PHP. Met tutorials kom ik een heel eind, maar ik mis de logica van het schrijven erachter. Ik kan los van elkaar wat kleine blokjes code maken. De syntax van PHP is mij echter een raadsel. Dit wil ik graag verbeteren om zelf ook te weten wat ik schrijf en waarom ik de dingen op die manier schrijf.
Informatie versturen en ophalen uit een database is voor veel websites van groot belang. Op moment heb ik een beetje kennis van MySQL, maar dan moet ik nog steeds googlen om eruit te komen. Ik wil er naar toe om zelf complete databases op te zetten en te beheren in combinatie met PHP.
Data ophalen van andere servers met behulp van een API is één van de dingen die ik als front-ender dan toch weer heel interessant vind. Ik heb hier geen ervaring mee, maar heb afgelopen tijd wat voorbeelden voorbij zien komen en ik wil er graag mee aan de slag
Het bouwen van een complete website is an sich niet zo moeilijk. Maar wanneer die site duizenden bestanden heeft is het fijn om te weten waar wat staat en wat een bestand doet. Dit beperkt zich niet alleen tot het netjes benamen van alle mapjes en bestanden, maar gaat ook over het inrichten van een server, schrijfwijze binnen de bestanden, versiebeheer via Git en meer.
Hierbij denk ik zelf het meest aan het opzetten en inrichten van een server. Mijn sites staan op dit moment allemaal op de server van de aanbieder van dit domein. Aan het eind van de rit wil ik graag mijn eigen webserver kunnen runnen.
Code pushen en pullen met git maakt het developen een stuk overzichtelijker. Er is verschillende software verkrijgbaar om dit te bereiken.
Bestandsbeheer lijkt makkelijk, totdat het om een groot aantal mappen en bestanden gaat. Elke bedrijf pakt dit anders aan, maar ik hoop een manier te vinden die goed past bij mij als developer én die gangbaar is binnen de creatieve sector.
Ieder bedrijf heeft een ander systeem op het gebied van benamingen van variabelen en classes. Toch zijn er een aantal ongeschreven regels als het gaat om het toekennen ervan. Hiervan ken ik er een paar, maar ik wil op een gegeven moment kunnen meedraaien in het systeem van een bedrijf.
Mappen in mappen in mappen. Hierbij gaat het vooral om benaming en de hoeveelheid mappen die een bepaalde map mag hebben en welke bestanden ik in welke map dien te stoppen.
Search Engine Optimalisation is een ongelovelijke, maar geen onbelangrijke, hype. Pillar pages, HTML-tags, bestandsgrootte, het draagt er allemaal aan bij. Veel van die dingen heb ik op school wel gehad, maar zijn niet blijven hangen, omdat mijn interesse er minder tot niet ligt. Ik kwam er afgelopen tijd pas achter hoe belangrijk scoren in Google is. Laten we wel wezen, dat is nou eenmaal de grootste.
Er zijn er genoeg en ik heb ze veel gebruikt. Maar hoe je ze nou daadwerkelijk goed inzet voor SEO weet ik niet. Ik wil bereiken dat ik weet welke ik nodig heb en waarom ze belangrijk zijn.
Ik weet wat het is, ik weet hoe je 'm maakt, maar wat Google er precies mee kan... Hier wil meer over te weten komen.
Echt een e-commerce dingetje. Als je ze eenmaal herkent, kom je er niet meer vanaf. Jouw content op de website van een ander. Nogmaals: niet zo mijn eerste liefde, maar wel belangrijk!
Benieuwd naar mijn reis tot dusver? Bekijk dan hier mijn CV! Hier vind je opleidingen die ik heb gedaan, diploma's die ik heb behaald, werkzaamheden, bijbaantjes en dingen die ik leuk vind om te doen. Naast dat het je hier allemaal kunt lezen, kom ik mezelf graag persoonijk voorstellen bij het genot van bak koffie en een goed gesprek!
Curriculum Vitae