week 2: gastles danny

Week 2: Gastcollege van Danny de Vries

Vandaag kwam Danny voor het eerste lesgeven over dir project. Het was ook gelijk een moeilijk onderwerp want we gingen werken met iets wat we nog niet eerder hadden aangeraakt. Namelijk SvelteKit en D3.js. Beide niet erg moeilijk om te begrijpen als je weet wat je doet, maar na wat weken niet aan code te hebben gezeten duurde het wel even voordat iedereen begreep hoe en wat. Ik heb gelukkig Blok Tech gedaan en wist daarom al hoe ik een Project kon beginnen maar heb verder weinig verstand van Svelte en D3.js.

We kregen eerst een her introductie van hoe het internet werkt en gingen daarna over de volgende onderwerpen praten:

• Git & Github
• Bash & Terminal
• NPM & Node
• Bundlers
• Boilerplate SvelteKit

Git & Github

Git is kortweg eigenlijk een "version control systeem" dat een repository bijhoudt of bestanden worden veranderd of niet. En samen met Github, een GUI, kun je die verandering zien en beheren. Zo kun je gebruiken maken van hun web interface of gebruik maken van Github Desktop om verandering te zien. Dankzij Github Desktop kun je veranderingen die je in bestanden doet ook "comit en pushen" naar Github die eigenlijk onze Git Repository host.

Bash & Terminal

Ook zullen we gebruik maken van de Terminal. Dat is een programma waarmee je commando's kan schrijven. Wij zullen deze vele gaan gebruiken om bijvoorbeeld "changes" in bestanden te "uploaden" naar github of door NPM packages te installeren.

NPM & Node

Zoals ik al zei gebruiken we Node.js om mee te werken en NPM packages te installeren maar ook om bundlers te gebruiken. NPM is eigenlijk een gigantische database met modules die we kunnen gebruiken om ons project te verbeteren zonder dat we alle code zelf hoeven te bedenken en schrijven. In de documentatie van een package kun je namelijk lezen hoe je dit moet gebruiken.

Bundlers

Bundlers zijn build tools die je helpen om code te automatiseren of om te transformeren. Zo kun je bijvoorbeeld van meerdere .SCSS bestanden 1 .CSS bestand maken en dat allemaal automatisch. Enorm handig dus!

Boilerplate SvelteKit

Tijdens de les hebben we een boilerplate geïnstalleerd van Svelte kit via: SvelteKit. Dit was best even puzzelen maar si wel gelukt en konden zo verder gaan. Ik heb ook veel van de documentatie gelezen om beter te begrijpen hoe Svelte werkt. Denk dan aa de structuur zoals hoe je pagina's maakt en hoe componenten werken.