Fronteers NL

📅 Schrijf je in via: https://ti.to/fronteers/javascript-tips-and-tricks-12-september-2025

---

Wellicht ben je al bekend met JavaScript. Je weet dan dat JavaScript een erg krachtige programmeertaal is 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.
We behandelen onderwerpen als object destructuring (ook genest), werken met de Spread en Rest operator, principes van immutability, functioneel programmeren met geavanceerde arraymethoden en het verschil tussen Promises en async/await. Ook besteden we aandacht aan debuggingtechnieken in de browser, waaronder netwerkmonitoring, JavaScript-breekpunten, logpunten, debugging en het gebruik van AI in de browser DevTools.
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. Uiteraard is er veel ruimte voor het bespreken van praktijkervaringen, voor het stellen van vragen en voor verder lezen en online oefenen.

Voor wie is deze workshop

Deze workshop is bedoeld voor frontend- of full stack developers die regelmatig met JavaScript werken. We gaan er van uit dat je de basisbeginselen van JavaScript onder de knie hebt. Er wordt geen tijd besteed aan basisconcepten 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 tools voor programmeurs, met onderwerpen als netwerkmonitoring, breekpunten en debugging.

Je bent nieuwsgierig naar welke mogelijkheden JavaScript nog meer te bieden heeft, zoals functioneel programmeren, destructuring of geavanceerde arraymethoden. 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 de basis van versiebeheer en git. De voorbeeldcode is in branches opgeslagen – maar uiteraard kun je ook alle code zelf typen.

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
• Debugging technieken in de browser
• Network monitoring
• JavaScript breekpunten en logpunten
• JavaScript debugging
• AI in de browser DevTools gebruiken
• Verder lezen, online oefenen

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

Over Peter

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.

About Jad Joubran
Jad is an independent web performance consultant and educator. He has taught more than 20,000 developers through online platforms, in-person training, and university lectures.
He's also the creator of learnjavascript.online and several other courses. Jad is recognized by Google with the Developer Expert award for his contributions to the web community. He focuses on making Modern Web development enjoyable, clear, and accessible.
For more details, check out jadjoubran.io

Talk #2: Generating over thirty thousand unique digital bouquets
We tackled the challenge of generating over 30,000 unique digital bouquets for MRM's and Opella's allergy relief campaign, where each visualization was personalized using real-time pollen and air quality data from around the world. This wasn't just pretty pictures, it was a sophisticated "composition engine" that had to adhere to botanical aesthetics, data visualization principles, and user experience design all at once.
In this talk, Bart from C°F will share how they approached dealing with such an abstract topic with a huge scope. How the team used creative custom tools to get to results, and some of the other interesting learnings when working on such a unique project.

About Bart Simons
Bart Simons works as a designer and creative coder at CLEVER°FRANKE. He combines research and design methodologies with his experience in algorithmic art to develop creative solutions for complex, data-driven problems.

About CLEVERºFRANKE
CLEVERºFRANKE is a world-leading data design and technology consultancy, specializing in data-driven experiences that drive impact and change. Through our collaborative data design thinking workflow, we deliver clear strategic visions, user-centered services, and scalable design systems. Since our founding in 2008, we've designed innovative, cutting-edge solutions that harness the power of data to solve complex challenges. Our work has helped forward-thinking organizations including Google, Warner Music Group, and UNICEF to create meaningful, transformative digital products.

Route and venue accessibility
CLEVERºFRANKE's office is at Catharijnekade 11, near the center of Utrecht Central Station. There are many public transport options. Look for signs to TivoliVredenburg. Catharijnekade meets Vredenburg. Cross Vredenburg, and CLEVERºFRANKE's office is 150 meters ahead on the right.
You can park at the Hoog Catharijne or Paardenveld garages.
The main entrance of CLEVERºFRANKE at Catharijnekade 11 has a small staircase. There is a ramp to enter the building from Bergstraat. If you want to use the ramp, please let us know in advance so we can welcome you!

About Fronteers
Fronteers is a professional association for front-end developers in the Netherlands and Belgium. Since 2007, we have been working to promote the profession of front-end development. We organize meetups to share knowledge and connect people. To help you be the best you can be!

Code of Conduct
Our goal is to foster an inclusive and welcoming environment. So please behave decently. If you have witnessed, or experienced any unacceptable behavior or remarks at one of our events, please reach out to someone in our team of event hosts/organisers.