Inleiding
Inleiding
Welkom op de cursuswebsite voor de JavaScript leerlijn binnen de graduaatsopleiding programmeren aan Thomas More Kempen.[1] Doorheen deze vakken leer je JavaScript te gebruiken voor een breed gamma aan applicaties.
| JavaScript | Frontend Frameworks | Backend Frameworks | Mobile development | |
|---|---|---|---|---|
| Dag | Fase 1, semester 2 | Fase 2, semester 1, kwartaal 1 | Fase 2, semester 1, kwartaal 2 | Fase 2, semester 1, kwartaal 2 |
| Avond | Fase 1, kwartaal 2 & fase 1, kwartaal 4 | Fase 2, semester 1 | Fase 2, semester 2 | Fase 3, semester 2 |
In JavaScript leer je de basisprincipes van de taal. We beginnen met de syntax van de taal en de verschillende data types en controlestructuren die JavaScript kent. Vervolgens bespreken we hoe we JavaScript kunnen gebruiken om de DOM te manipuleren en hoe we events kunnen afhandelen. Tenslotte maken we de overstap naar TypeScript zodat we static type-checking kunnen gebruiken om fouten in onze code te voorkomen. Daarnaast maken we ook een kennismaking met Node.js, bundlers en package managers.
In Frontend frameworks leer je, om een Single Page Application te bouwen met React. We delen een interface op in componenten en voegen hier interactiviteit aan toe. Vervolgens bespreken we hoe data uitgelezen en aangepast kan worden met behulp van een API en hoe we state-management kunnen gebruiken om data te cachen en te delen tussen verschillende componenten.
In Backend frameworks gebruiken we de kennis die we vergaard hebben in Frontend frameworks om een Next.js applicatie te bouwen waarin we onderscheid maken tussen client en server componenten. Hierdoor kunnen we efficiëntere applicaties bouwen waarin sommige onderdelen op de server gerenderd worden en andere, interactieve componenten, om de client. Verder leer je hier hoe je een API bouwt en users kunt authenticeren. Tenslotte gebruiken een ORM om migrations te schrijven en een SQL-database aan te spreken.
In Mobile development bouwen we een mobiele applicatie met React Native die zowel op Android als iOS werkt. Daarnaast maken we in dit opleidingsonderdeel gebruik van een BaaS (back-end as a service) om authenticatie en persistente dataopslag toe te voegen aan onze applicaties.
Cursusmateriaal
Het cursusmateriaal is in verschillende versies beschikbaar. Je bent als student vrij om de versie te gebruiken die voor jou het gemakkelijkst werkt.
- Als website via it-graduaten-javascript.netlify.app
- Als native Windows, Linux of macOS applicatie. Builds voor deze besturingssystemen zijn beschikbaar op GitHub. Elk van deze builds wordt automatisch bijgewerkt naar nieuwe versies. Je krijgt een dialoog venster te zien en moet enkel op oké drukken om de nieuwe versie te installeren.
Voorbeelden & oplossingen
Voorbeelden en de oplossingen voor oefeningen worden gepubliceerd via GitPub, een door de opleiding ontwikkelde tool om (delen van) een privé git-repository beschikbaar te stellen voor studenten. De links naar de voorbeelden zijn op deze website en op Canvas te vinden. De links naar oplossingen zijn enkel op Canvas beschikbaar.
Op GitPub kan je navigeren door de verschillende bestanden in een voorbeeld of oplossing. Daarnaast heb je de mogelijkheid om het repository te clonen. Let op, dit is een read-only repository, je kan hier geen wijzigingen in aanbrengen.
Issue Tracker
Als je op een probleem stoot in het cursusmateriaal, kan je een issue aanmaken in de issue tracker. Het probleem wordt dan so snel mogelijk opgelost.
Ook suggesties over extra functionaliteiten zijn welkom in de issue tracker, natuurlijk worden deze niet noodzakelijk geaccepteerd of snel toegevoegd we doen echter al het mogelijke om deze cursus zo goed mogelijk te maken. Alle suggesties zijn welkom.
Het opleidingsonderdeel Websites is voorlopig nog niet opgenomen in deze cursus. ↩︎