IK MAAK DINGEN

Project

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

  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.

  • HTML

    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:

    • Betere structuur

      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.

    • Kleinere bestanden

      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.

    • Gebruik van tags

      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

    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

      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.

    • Interactie

      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:

      • Animaties & interactie

        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.

      • Responsive

        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.

    • Pseudo classes & elements

      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.

    • LESS & SASS

      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.

  • Javascript

    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:

    • Een goede basis

      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.

    • 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!

      • Vue.js/React.js

        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

        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.

• Back-end

  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

    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:

    • Een goede basis

      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.

    • Database

      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.

  • API

    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

• Beheer

  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.

  • Webserver

    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.

  • Versiebeheer

    Code pushen en pullen met git maakt het developen een stuk overzichtelijker. Er is verschillende software verkrijgbaar om dit te bereiken.

  • Bestanden

    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.

    • Variabelen/schrijfwijze

      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.

    • Mapstructuur

      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.

• SEO

  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.

  • Meta-tags

    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.

  • Sitemap

    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.

  • Pillar pages

    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!