Ik geef training in frontend tools en stacks als HTML, JavaScript, TypeScript, React, Angular en Vue. Ik schrijf boeken en artikelen over tal van (ICT-) onderwerpen. Ik was lead developer en directeur bij Yindo - Jouw digitale bibliotheek. Je kunt mij volgen op Twitter(@PeterKassenaar).

In dit blog vind je persoonlijke artikelen, die niet noodzakelijk tech-gerelateerd zijn.

Views and expressions are my own.

Terug naar de algemene site.

17december

Communication is key

Tags: | Categories: English | training
E-mail | Permalink | Reacties (0) | Post RSSRSS comment feed

meeting

This week the ProductIP IT team (where I work) had a very interesting meeting with the Regulatory Team. They trained us on the upcoming ESG regulations and the – already available, but apparently not widely known – Sustainable Development Goals, SDG.

Supply chain

We learned about the complete supply chain. From resource managers to designers of the product, to packaging and shipping partners. We played a role game in which each of us was assigned one role and had to fill in the Actions, Consequences and Datapoints for their part of the manufacturing process. It dawned on us that we, as programmers, had no idea the production chain was that large!

Speaking the same language

From a broader perspective, it also became clear that the two teams (Regulatory and IT), although being part of the same company, basically spoke two very different languages. The IT team wanted “hard” qualifications and data points to put into their database and code. While the Regulatory Team was much more involved with the subtleties of the various laws and regulations, which were a result of months of discussions and negotiations with all kinds of stakeholders.

Actually, we discovered that the discussion following the training was more about understanding each other and building bridges between our respective worlds than coming up with concrete solutions for buttons, windows and questionnaires for the ProductIP Platform.

Once again, communication is key! No matter how much you think “well, we work for the same company, surely we understand what colleagues are talking about, right?” Clearly, it’s not that simple.

Lessons learned

A big takeaway lesson was that teams need to keep talking to each other. And not be afraid to ask questions. Even within the same company.
bridge

11oktober

Websites trainingsaanbod bijgewerkt

Het klinkt misschien apart, maar ook trainingen hebben onderhoud nodig.

Op het moment dat ik een training online zet, is dat een afspiegeling van de inhoud op dat moment. Ik heb dan een verhaal gereed, achtergronden, een serie slides, probleem-en-oplossing workshops (veel), voorbeeldcode en meer. In realiteit veranderd er vanaf dat moment van alles aan de training. Sommige onderwerpen blijken niet te werken, of er is geen vraag naar. De inhoud van de training is daarmee in hoge mate dynamisch. Ze wordt continu aangepast aan de wensen en inzichten van dat moment.

Dat gebeurt dus ook. Maar wat blijft er eenzaam achter? De websites waarop de omschrijvingen en inhoud staan op het moment van lancering van de training!

Dat is niet goed te praten, maar wel de realiteit in een ZZP-bedrijf.

Gelukkig heb ik deze maand tijd gevonden om de websites bij te werken en de inhoud weer up-to-date te maken.

Je bent dan ook van harte uitgenodigd om eens een kijkje te nemen op angulartraining.nl, vuetraining.nl en reacttraining.nl.

angulartraining.nl

Mocht je nog vragen hebben over de inhoud, data of tarieven, aarzel dan niet om nader contact op te nemen.

Je bent welkom in Zutphen, of ik kom graag bij je langs om binnen jouw bedrijf jullie snel en efficiënt de laatste kennis bij te brengen. Dat is mijn vak ;-).

Peter Kassenaar
-- 11 oktober 2022

07maart

Angular 2, Angular 4 of gewoon “Angular”?

Na een voorbereidingstijd van ruim 2,5 jaar is in september 2016 eindelijk de final release van Angular 2 vrijgegeven. Tegelijkertijd introduceerde Team Angular een nieuwe manier van versiebeheer in Angular.

Met Angular 2 werd semantic versioning of kortweg semver ingevoerd. Voorheen hadden we releases als Angular 1.4, Angular 1.5 enzovoort. Met ingang van Angular 2 is het versiesysteem met drie cijfers ingevoerd, bijvoorbeeld 2.2.1, waarbij de drie cijfers staan voor een major.minor.patch-versie. Dit is een geaccepteerde standaard in de softwarewereld en betekent het volgende:

  • 2 – Majorversie- bij een upgrade mogelijk breaking changes ten opzichte van eerdere major versies.
  • 2 – Minorversie, nieuwe features zonder breaking changes.
  • 1 – Patchversie, met bugfixes. Geen breaking changes.

Het semver-systeem is sinds de release van Angular 2 trouw gevolgd en op het moment van schrijven is Angular 2.4.0 de actuele versie.

Angular Roadmap

Tijdens zijn keynote op de conferentie NG-BE in december 2016 gaf Angular Team Lead Igor Minar een toelichting op de roadmap van Angular. In maart 2017 zal Angular 4 verschijnen.

Angular 4 - backwards compatible met Angular 2 - (C) Igor Minar

“Wat? Angular 4? Wat is er met Angular 3 gebeurd? Betekent dit weer dat ik een compleet nieuw framework moet leren?”

Het antwoord op deze vragen is gelukkig een duidelijk NEE.

Angular 4 is  - zoals de slide al aangeeft – backwards compatible met alle Angular 2-code die je tot nu toe geschreven hebt. Je hoeft niet opnieuw een framework te leren. De overgang van Angular  2 naar 4 zal (in tegenstelling tot de overgang van Angular 1 naar Angular 2) pijnloos verlopen. Wel zullen er nieuwe onderdelen worden geïntroduceerd, zoals een nieuwe view compiler die kleinere code oplevert en betere AoT-compiling. Maar verder is het enige dat gewijzigd is, het versienummer.

Meer informatie hierover vind je bijvoorbeeld in de blogpost van Igor Minar.

Waar is Angular 3 gebleven?

Het zou natuurlijk logisch zijn om na Angular 2 eerst Angular 3 uit te brengen. Maar Angular bestaat uit allemaal losse onderdelen (core, router, forms, compiler en meer), met elk hun eigen versienummers. Zo is een zeer belangrijk onderdeel als de router van Angular op dit moment al bij versie 3.3 aangeland. En als deze ook geüpgraded zou worden, zouden we Angualr 3 met routerversie 4 krijgen. Dat is ook verwarrend.

Daarom is  voor de strategie gekozen om vanaf versie 4 alles gelijk te trekken. In het projectbestand package.json staan straks dus allemaal dezelfde versienummers. Dat is wel een verademing. Maar voordat het zover is, moeten we eerst even door de zure appel met versienummers heen bijten.

Snelle upgrades

Het zal niet bij Angular 4 blijven. Team Angular heeft een ambitieus schema samengesteld voor de toekomst. Elke zes maanden zal een nieuwe versie van Angular verschijnen:

Tot ziens versienummers, Hello Angular

Om die reden ziet Team Angular ook liever vandaag dan morgen dat versienummers in projecten verdwijnen. “It’s just Angular”, aldus Igor Minar. Dit betekent dat we vanaf dit moment eigenlijk nog maar twee grote stromingen overhouden in Angular-land:

  • AngularJS – de eerste versie van het framework, gebaseerd op de 1.x-reeks.
  • Angular – alles wat Angular 2 en hoger is. Het versienummer is hierbij van ondergeschikt belang. Gebruik het liever niet meer.

Onze trainingen

Onze trainingen en voorbeeldcode wordt vanaf het verschijnen van Angular 4 (of vanaf nu dus kortweg: Angular), ook aangepast aan de nieuwe versienummers. Inhoudelijk wordt de training telkens bijgewerkt volgens de laatste standaardaarden.

Maar je weet nu ook: het versienummer doet er eigenlijk niet meer zo toe.

Wil je een Angular-training organiseren binnen je bedrijf of instelling of de mogelijkheden bespreken, aarzel dan niet om contact op te nemen.

-- Peter Kassenaar
7 maart 2017.

30augustus

Infosessies TypeScript en ES6

Logo's TypeScript en ES6

In september en oktober verzorg ik voor aariXa in België een tweetal infosessies met als onderwerpen ECMAScript 2015/ES6 en TypeScript. De toegang is gratis, maar inschrijven vooraf is wel verplicht. Zie hiervoor de link onderaan deze pagina.

De eerste sessie vindt plaats op donderdag 22 september 2016 in de Ehsal Campus te Brussel en de tweede sessie is op donderdag 13 oktober 2016 op de campus Elfde Linie van Hogeschool PXL te Hasselt.

ECMAScript 2015 (voorheen ES6) is een major upgrade van de huidige versie van JavaScript. In de taal zijn tal van nieuwe keywords en functies aanwezig. Nieuw zijn bijvoorbeeld de keywords class, import, export, let, const en meer. Ook kunt u gebruik maken van arrow functions en lambda expressions. Met ES6 maakt JavaScript een enorme stap voorwaarts en wordt de taal echt volwassen.

TypeScript biedt vervolgens extra features in de vorm van definition files, static typing, interfaces en generics, waardoor fouten in een applicatie al compile-time aan het licht komen, in plaats van run-time, zoals met de huidige generatie JavaScript-applicaties het geval is.

Programma

17:30 u

Ontvangst met broodjes en drank

18:00 u

Welkomstwoord – Introductie

Start infosessie: TypeScript & ECMAScript

Deel 1: Algemeen en specifieke kenmerken van ES6

· Historie van JavaScript en ECMAScript 2015  (ES6)

· De plaats van ECMAScript 2015 en TypeScript in het landschap

· Waarom Tranpilers? Babel, Traceur en polyfills

· Belangrijke ECMAScript 2015-kenmerken

· Nieuwe keywords, arrow functions, classes, parameters en meer

19:30 u

Pauze

19:45 u

Vervolg infosessie:

Deel 2: TypeScript in concrete projecten en de relatie met ECMAScript 2015

· TypeScript: voordelen van TypeScript, hoe te gebruiken?

· Ingebouwde data-types van TypeScript: string, boolean, number en andere.

· Custom Types en Return Types.

· Classes, public en private modifiers.

· TypeScript in een real-life workflow.

· Debugging TypeScript.

· Pointers naar meer informatie over TypeScript en ECMAScript 2015.

· Q & A – aanvullende vragen.

· Afsluiting

21:30 u

Napraten

 

Na afloop nodigt aariXa alle deelnemers uit voor een glaasje.

Praktisch

Inschrijven via http://aariXa.com/inschrijvingen

Hopelijk tot ziens in Brussel of in Hasselt!

-- Peter Kassenaar
30 augustus 2016.

13juli

Nieuwe online training: Productiviteit met WebStorm

Als je wel eens een training van mij hebt gezien, dan weet je dat ik vaak JetBrains WebStorm gebruik als editor. Dit is zonder twijfel een van de beste IDE’s voor webdevelopment. Studenten stellen mij hierover ook vaak vragen:

  • “Hoe kun je dat bestand zo snel vinden in je project?!”
  • “Hoe schrijf je zo snel code, met maar een paar toetsaanslagen?”
  • “Wat is de beste manier om direct een project op Github te plaatsen?”

Dat was het moment waarop ik dacht ‘misschien is het handig om hier een training voor samen te stellen. Deze vragen, en uiteraard nog veel meer worden daarom beantwoord in de nieuwe online cursus “Productiviteit met WebStorm”.

Bestel nu met 30% korting!

JetBrains WebStorm is de ideal editor voor webdevelopers. Het is een volledig uitgeruste IDE die alle tools en voorzieningen biedt voor ontwikkelaars in JavaScript, TypeScript, NodeJS en uiteraard HTML en CSS.

Deze beknopte training laat zien hoe je WebStorm optimaal inzet om zo productief mogelijk te zijn. Je leert tal van handige trucs om sneller te werken. Je ziet alle mogelijkheden om de user interface aan te passen, sneltoetsen te gebruiken en je code snel te schrijven door Live Templates te maken en gebruiken. Daarnaast leer je hoe WebStorm je workflow ondersteunt als in jouw projecten gebruik wordt gemaakt van tools als Gulp, NPM of andere.

jetbrains-editors

De training is specifiek bedoeld voor WebStorm, maar is ook uiterst waardevol voor gebruikers van andere JetBrains-editors zoals IntelliJ, PHPStorm, PyCharm en andere.

Tot de behandelde onderwerpen behoren:

  • WebStorm downloaden en installeren
  • De user interface verkennen en de deelvensters instellen
  • De user interface aanpassen en instellen voor optimaal gebruik
  • Sneller coderen met WebStorm in JavaScript, TypeScript, HTML en CSS
  • Build tools zoals Gulp en NPM optimaal gebruiken vanuit de IDE.
  • Git- en Github-integratie vanuit WebStorm
  • RESTful Webservices testen met de ingebouwde RESTful Client.
  • Plugins gebruiken, toevoegen en verwijderen

Heb je vragen of opmerkingen over de training? Aarzel dan uiteraard niet om contact op te nemen!

Bestel nu met 30% korting!

Peter Kassenaar
-- 13 juli 2016

12juli

New online course: Productive Coding with WebStorm

I’m happy to announce that as of today, my new course “Productive Coding with WebStorm” is available on the online training platform Udemy.

Order now with a 30% discount!

JetBrains WebStorm is the perfect editor for web developers. It is a full featured IDE that provides all the tools and features for developers in JavaScript, Typescript, NodeJS and of course HTML and CSS.

This brief training will show you how to best use WebStorm to be as productive as possible. You will learn many useful tricks to work faster. You'll see all the possibilities to customize the user interface, using keyboard shortcuts and write your code superfast by creating and using Live Templates. Also you'll learn how WebStorm supports your workflow and lets you use tools like Gulp, NPM or Github, all without leaving your editor!

The course is specifically intended for WebStorm, but is also extremely valuable for users of other JetBrains editors like IntelliJ, PHPStorm, PyCharm and others.

jetbrains-editors

This course covers the following topics:

  • Welcome and introduction
  • Downloading and installing WebStorm
  • Touring the IDE and setting up your working environment
  • Adapting the UI to meet your personal needs
  • Coding faster in JavaScript, TypeScript, HTML and CSS
  • Using build- and workflow tools right from the IDE
  • Git- and Github integration
  • Testing your RESTful Services with the REST Client
  • Adding and deleting plugins
  • Other tips and tricks

If you have any questions on this course, feel free to contact me.

Order now with a 30% discount!

Peter Kassenaar
-- 12 July 2016

12juni

Angular 2 – leren en begrijpen

Al eerder schreef ik over de online training Angular 2 – Leren en begrijpen die ik aan het ontwikkelen ben. Het doet me plezier te kunnen melden dat deze training nu gereed is en is goedgekeurd door het online trainingsplatform Udemy. De training is vanaf vandaag te vinden op:

https://www.udemy.com/angular-2-leren-en-begrijpen/

angular2-bij-udemy

De training heeft onder meer de volgende kenmerken:

  • Videotraining – beschikbaar op pc, laptop, smartphone en tablet, via de Udemy App.
  • 90+ video’s en 5,5 uur videomateriaal.
  • Korte lessen (4-6 minuten), met telkens één onderwerp.
  • Oefeningen in PDF-formaat zodat je zelf aan de slag kunt met Angular 2.
  • Talloze extra resources en webadressen voor meer informatie.

Zie https://www.udemy.com/angular-2-leren-en-begrijpen/ (verder naar beneden, onder Curriculum) voor een complete inhoudsopgave:

Inhoudsopgave van Angular 2 - Leren en begrijpen

 

Als je specifieke vragen hebt over de training, tips voor verbetering van de inhoud of voor nieuwe trainingen, aarzel dan niet om contact op te nemen of een mailtje te sturen naar info@kassenaar.com!

Experiment

Het is ook voor mij een experiment, om te bekijken of hier in het Nederlandse en Belgische taalgebied voldoende animo voor is. Udemy is een platform dat op dit moment voornamelijk Engelstalige trainingen aanbied (op dit moment kon ik 14 andere Nederlandstalige trainingen ontdekken). Het heeft echter wel ambities om ook een belangrijke rol in andere markten te gaan spelen. Er zijn onder meer al Spaanse, Duitse en Chinese varianten.

Kortingscode

Als je al eerder een kortingscode hebt aangevraagd, dan heb je hierover inmiddels een mailtje ontvangen. Wil je alsnog aanmelden voor een kortingscode voor vroege vogels, dan kan dit nog tot 1 augustus 2016. Stuur een mailtje naar info@kassenaar.com met als onderwerp Udemy – Angular 2 en ik mail je terug met een code en instructies om deze in te wisselen.

Ik ben benieuwd naar jullie reacties,

Ondertussen veel succes met Angular 2!

--Peter Kassenaar
12 juni 2016

 

02juni

Online training Angular 2 – update

angular2-leren-begrijpen-promo-image

Op dit moment ben ik bezig met de ontwikkeling van de training “Angular 2 – leren en begrijpen”. Deze zal worden gepubliceerd op het online learningplatform Udemy.

Het was de bedoeling dat deze training medio mei 2016 zou verschijnen. Dat is helaas niet gelukt.

Ik ben er druk mee bezig, maar het opnemen en bewerken van de video’s duurt in combinatie met mijn overige werk langer dan ik vooraf had ingeschat.

Bovendien is het framework zelf zoals je wellicht hebt gezien nog druk in ontwikkeling. Met name de Router is de afgelopen weken flink onder handen genomen. De oorspronkelijke router is nu als ‘deprecated’ aangemerkt – terwijl de nieuwe router nog niet gereed is. (https://angular.io/docs/ts/latest/guide/router-deprecated.html) . Zowel de router zelf, als de documentatie hierover is nog niet klaar.

Het is daarom een lastige beslissing: Maak ik de module over routing (waar ik juist mee bezig was) op basis van de nu verouderde router, of ga ik toch alvast de nieuwe router gebruiken (die dus nog niet klaar is)?

Keuzes, keuzes ;-)

Ik heb toch besloten de bestaande routermodule opnieuw te gaan maken, met de nieuwe router, en de onderdelen die op het moment van opnemen nog niet gereed zijn aan te geven. Zodra de router wel klaar is, hoop ik vervolgens op een later tijdstip de training aan te vullen.

Dat betekende helaas echter wel weer een nieuwe vertraging.

De vernieuwde planning is dat de training Angular 2 over ongeveer 2 – 2,5 weken klaar is, medio juni 2016.

Mocht je ondertussen vragen hebben, aarzel dan niet om nader contact op te nemen.

Uiteraard kun je je nog altijd aanmelden voor een kortingscode.

Stay tuned, bedankt voor je geduld!

-- Peter Kassenaar
2 juni 2016