Weekly Nerd 📯📯 - NielsPeeters96/weekly-nerd-2021 GitHub Wiki

Welkom op mijn Weekly Nerd! 📯📯

Voor de Weekly Nerd heb ik antwoord gegeven op de wekelijkse vragen. Daarnaast drie artikelen geschreven die mij interessant leken en een reflectie geschreven over alle vakken die ik gevolgd heb tijdens deze minor.

Artikelen 📋

CSS 🆚 SCSS
Front-end Developer
Toegankelijkheid van het Web

Samenvatting colleges 📙

DEPT
TRIPLE
MIRABEAU

Vragen ❔

Wat kan een goede front-end developer? 💻

Ik denk dat de front-end ontwikkelingszone kan worden onderverdeeld in twee gebieden, JavaScript en HTML & CSS. Een goede front-end ontwikkelaar kan goed concurreren op deze twee gebieden en heeft expertise/interesse in een van de twee front-end aspecten. Daarnaast kunnen uitstekende front-end ontwikkelaars ook deelnemen aan discussies en ontwerpbeslissingen nemen. Ik heb een artikel hierover geschreven waar ik dit onderwerp verder aanpak.

Accessibility 🔓

Toegankelijkheid is iets dat op dit gebied meer aandacht behoeft. Er zijn bijvoorbeeld veel websites die niet alleen met het toetsenbord kunnen worden gebruikt of die niet met één hand op een mobiel apparaat kunnen worden geopend. Door je vanaf het begin van de site op bepaalde onderwerpen te concentreren, kun je je site gemakkelijk toegankelijker maken. Ik heb ook een artikel geschreven over het toegankelijker maken van de site, waar ik uitgebreid op inga.

Welke onderwerpen hebben de meeste indruk op je gemaakt? 🥇

Voor deze Minor heb ik nooit gewerkt met HTML, CSS, Javascript en alle dingen die erbij kwamen kijken. Eigenlijk heeft alles wel indruk op mij gemaakt, het was echt super leerzaam en ik ben blij dat ik hiervoor gekozen heb ook al was het heel veel werken. Zelf vind ik de CSS kant wel het leukst, omdat ik toch wel merk dat ik meer een designer ben dan echt programmeur. Ik kan ook wel zeggen dat ik qua CSS ook het meeste beheers maar met Javascript nog heel veel moeite heb.

Waar ik het meest trots op ben is dat ik tijdens het vak CSS vastliep om alle animaties te pauzeren en vervolgens weer aan te zetten, waarbij je alleen CSS mocht gebruiken. Uiteindelijk na veel verschillende aanpakken is dit me toch gelukt. Hieronder per vak uitgewerkt wat ik geleerd heb:

Web App From Scratch (trots op het resultaat)

Verbinden met een API
Een solide fetch functie schrijven
Data daadwerkelijk op de pagina laten zien
Routie
Gebruik maken van Modules
Filter functie
Op basis van het element de daarbij horende elementen laten zien
End-points koppelen aan je applicatie
Actor / Interaction diagram

Livelink:

https://nielswafs.netlify.app/index.html

CSS To The Rescue (trots op het resultaat)

Werken met alleen maar CSS
Print-stylesheet maken en ontwerpen
Shapes maken met CSS
Animaties en transforms
Selectoren
Gradients
Hover animaties
Knop toevoegen waardoor alle animaties stilstaan en vervolgens weer beginnen (trotst op tijdens mijn minor)

Livelink: https://nielspeeters96.github.io/css-to-the-rescue-2021/index.html

Progressive Web App (trots op het resultaat)

Node JS en Express (beginner niveau)
Deployen op Heroku
Gulp gebruiken voor het builden van CSS en JS
Lighthouse gebruiken in de browser
Manifest toevoegen
Serviceworker en pagina's cache

Livelink: https://pwa-niels.herokuapp.com/

Browser Technology (trots op het resultaat)

Functional, Usable & Pleasurable laag
Zorgen dat de website het in elke browser doet
JQuery
Formvalidatie
Localstorage
History.pushState

Livelink: https://nerdy-tshirt.herokuapp.com/

Real-Time Web (trots op het resultaat)

SocketIO
Needle
Dotenv
Offline pagina toevoegen
Delighter Javascript uit het college van Lukas

Jammer dat de API maar een aantal requests en responses kon geven dus soms komt er geen data doorheen

Livelink: https://tweetyrtw.herokuapp.com/

Human Centered Design (trots op het resultaat)

Daadwerkelijk testen met de gebruiker
Door middel van sprints je product aanpassen en feedback verwerken
Dark Mode
Kalender maken
Op basis van de geselecteerde tijd en datum ook doorlinken naar de NS website om een reis te checken

Livelink: https://hcd-niels.netlify.app/

Meesterproef

Alles wat ik geleerd heb proberen toe te passen. Het viel me nog best zwaar, want ik werkte met Node JS en op een gegeven moment vond ik het niet meer overzichtelijk en ben ik helemaal opnieuw begonnen met alleen HTML, CSS en Javascript. Uiteindelijk ben ik toch terug gegaan naar Node JS en heb ik de twee applicaties samengevoegd. Tijdens de meesterproef had ik het ook druk met een herkansingsvak voor 7 studiepunten op mijn eigen studie. Ik ben tevreden met het eindresultaat maar vond de vorige opdrachten wel fijner omdat ik precies wist hoe en wat ik moest doen. Hier had ik heel veel ideeën maar wist ik niet precies hoe ik dit moest uitwerken. Ik wil Michel en Margriet bedanken voor hun tijd en begeleiding en Nathan voor zijn hulp tijdens dit project.