Fronteers — vakvereniging voor front-end developers

Workshop: JavaScript tips & tricks

De komende editie van deze workshop vindt plaats op 27 september 2024. Je kunt je hier inschrijven.

Afbeelding van Peter Kassenaar met de tekst 'JavaScript tips & tricks' op een gele achtergrond, met een workshopaankondiging. Peter Kassenaar lacht op de foto en draagt een donkerblauwe trui.

Wellicht ben je al bekend met JavaScript. Je weet dan dat JavaScript de motor is achter bekende frameworks als React, Vue, Angular en Svelte. Maar JavaScript is van zichzelf ook een erg krachtige programmeertaal waar meer over te leren is dan alleen variabelen, functies en lussen. In deze workshop kijken we naar de meer onbekende kanten van JavaScript. Deze kun je vervolgens zelf toepassen in je webapplicaties, ongeacht de techniek of het framework waar je verder mee werkt. Veel onderdelen die in deze workshop worden besproken, zijn niet eens zo zeer ‘moeilijk’, als wel ‘onbekend’. Door deze minder goed bekende technieken toe te passen, worden je applicaties veelzijdiger, sneller en robuuster. Een groot deel van de workshop is hands-on ervaring opdoen, zodat het geen eenrichtingsverkeer is. In een aantal cases ga je direct met de besproken technieken aan de slag zodat je straks snel de transfer naar je eigen werk kunt maken. We kijken ook kort naar uitbreidingen van JavaScript zoals TypeScript. Uiteraard is er veel ruimte voor het bespreken van praktijkervaringen en voor het stellen van vragen.

Voor wie is deze workshop

  • Deze workshop is bedoeld voor frontend-, of full stack developers die regelmatig met JavaScript en/of TypeScript aan de slag zijn in hun werk. We gaan er van uit dat je de basisbeginselen van JavaScript onder de knie hebt. Er wordt geen tijd besteed aan basis JavaScript-concepten als scripts, functies, variabelen en lussen.
  • Het is dan ook handig als je al werkervaring hebt met JavaScript. Je kent eveneens de basisbeginselen van de Developer Tools in Chrome, Firefox of Edge. In de workshop gaan we dieper in op deze nuttige tool voor programmeurs.
  • Je bent nieuwsgierig naar welke mogelijkheden JavaScript nog meer te bieden heeft, maar kritisch op alle juichende tutorials die een oplossing voor al je problemen beloven.
  • Om optimaal van de workshop te profiteren is voorbeeldcode beschikbaar, zodat je niet from scratch hoeft te beginnen. Het helpt als je vlot kunt werken met een moderne code-editor zoals Visual Studio Code of JetBrains WebStorm. Ook is het handig als je bekend bent met basis van versiebeheer en git. De voorbeeldcode is in branches opgeslagen – maar uiteraard kun je ook alle code zelf typen.
    • HTML- en CSS-inspectie
    • Network monitoring
    • JavaScript breekpunten en logpunten
    • JavaScript debugging
  • JavaScript uitbreiden: TypeScript
    • TypeScript basics
    • TypeScript utility functions
  • Verder lezen, online oefenen

Wat je leert

In deze workshop leer je verder kijken dan de basisfuncties van JavaScript. Je breidt je JavaScript-gereedschapskist uit met waardevolle nieuwe mogelijkheden. Je leert met een bredere blik naar mogelijke problemen te kijken en hebt een grotere skillset om uit te kiezen bij het oplossen van vraagstukken.
Dit betekent uiteraard niet dat de onderwerpen van deze workshop een oplossing zijn voor alle problemen. Ook betekent dit niet dat je altijd alle onderwerpen moet gebruiken bij het uitbreiden of debuggen van je code. Je kunt kritisch kijken naar de verschillende mogelijkheden en issues vanuit meerdere invalshoeken beoordelen. Daardoor kun jij je werk straks sneller en met minder stress uitvoeren.

Onderwerpen

Tot de behandelde onderwerpen behoren:

  • Object destructuring en geneste destructuring
  • Werken met de Spread en Rest operator
  • Principes van immutability
  • Functioneel programmeren en geavanceerde arraymethoden
  • Promises vs async/await
  • Tips voor het verbeteren van JavaScript-performance
  • Debugging technieken in de browser

Wat heb je nodig

Deze workshop bevat tal van praktische, hands-on onderdelen. Zorg er daarom voor dat je tot je beschikking hebt:

  • Een laptop (Windows, Mac of Linux maakt niet uit).
  • Een editor naar keuze, bijvoorbeeld Visual Studio Code of Jetbrains WebStorm.
  • Basiskennis van JavaScript/TypeScript en uiteraard HTML en CSS.

Over Peter Kassenaar

Peter Kassenaar is frontend specialist sinds 1996 en auteur van vele boeken over algemeen pc-gebruik, programmeertalen en internettechnieken. Peter is werkzaam als senior frontend developer bij ProductIP in Ede, NL. Daarnaast verzorgt hij via zijn eigen bedrijf trainingen en workshops op deze gebieden voor bedrijven en organisaties. Als freelancer was hij actief bij onder meer ING, Canon, Ministerie van Defensie, ProRail, Belastingdienst en talloze andere partijen.

Opgave

Datum Tijdstip Locatie Vrij
Workshop: JavaScript tips & tricks, 27 September 2024 09:00 inloop, 09:30 start, ±17:00 eind Social Impact Factory Vredenburg, Utrecht