Dit is het webblog van Peter Kassenaar - Ik geef training en consultancy in het maken van crossplatform mobiele apps en webapps. Trefwoorden: AngularJS, PhoneGap, jQuery/Mobile. HTML5, CSS3, JavaScript, AJAX, JSON. 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)

Terug naar de algemene site.

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

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

01april

Binnenkort: online training Angular 2

Er gebeurt razend veel op het gebied van frontend-development.  Het lijkt alsof er elke week een nieuw JavaScript-framework uit de grond schiet. Hierbij zijn AngularJS en Angular 2 de laatste tijd het populairst geworden. Maar hoe blijf je nu op de hoogte van de belangrijkste ontwikkelingen? De een leert door simpelweg te Googelen zodra een vraag zich aandient, de ander door bepaalde tags op StackOverflow te volgen.

TL;DR – Stuur een e-mail naar info@kassenaar.com met als onderwerp Udemy – Angular 2 als je geheel vrijblijvend een introductie/kortingscode wilt ontvangen voor de online training Angular 2 – leren en begrijpen die eind april 2016 verschijnt.

Vaak heb je dan echter het idee “mis ik niet iets? Is deze informatie wel volledig? Is er geen simpeler manier om techniek ABC of XYZ uit te voeren?”. Of de blogpost die je tegenkomt vereist al voorkennis waarover je op dat moment nog niet beschikt.

Om die reden is het een goed idee om een traditionele training te volgen of een leerboek te volgen. Echter, iedereen heeft een andere leerstrategie.

  • Niet iedereen heeft tijd of budget voor een klassikale (of 1:1-) training.
  • Niet iedereen is een lezer en kan de rust opbrengen om een leerboek (bijvoorbeeld uit de Web Development Library) door te nemen.
  • Ook traditionele e-learningsystemen zijn niet altijd een oplossing. Ze vereisen de installatie van bepaalde software, of zijn rigide in uitvoering (“je mag pas verder met les 3 als je hebt aangetoond les 1 en 2 te beheersen”).

Om die reden ben ik verheugd dat ik hierbij kan aankondigen dat ik behalve een boek over Angular 2 later deze maand ook een online training over Angular 2 zal publiceren. Dan kun je zelf kiezen hoe je het liefste iets nieuws leert.

“Angular 2 – leren en begrijpen”

angular2-leren-begrijpen-promo-image

De online training heeft de volgende kenmerken:

  • 70+ instructievideo’s waarin Angular 2 vanaf het begin wordt uitgelegd en toegepast. Je ziet niet alleen de codevoorbeelden, maar je begrijpt ook echt wat je aan het doen bent.
  • 5+ uur video-informatie over Angular 2.
  • Aanvullende resources in de vorm van hyperlinks naar nuttige online informatie.
  • PDF’s met oefeningen die je achter je eigen computer kunt uitvoeren. Gaandeweg maak je je eigen, end-to-end Angular 2-applicatie.
  • Tot de behandelde onderwerpen behoren:
    • Kennismaken met Angular 2
    • Je eerste component schrijven
    • Kort kennismaken met TypeScript en ES6/ECMAScript 2015
    • Databinding in Angular-applicaties
    • Werken met directives als *ngFor, *ngIf en meer
    • Services
    • Werken met asynchrone data: Http en Observables.
    • Apps samenstellen uit meerdere componenten
    • Routing
    • Formulieren
    • Pipes
    • Authentication
    • Upgraden van Angular 1 naar Angular 2
  • Om onderscheidend te zijn van al het Engelstalige materiaal dat al op internet beschikbaar is, zal de training volledig in het Nederlands zijn en afgestemd op de Nederlandse en Belgische markt.

Udemy

De training zal gepubliceerd worden op het online trainingsplatform Udemy. Hier zijn ook talloze trainingen over andere onderwerpen beschikbaar. De prijs van deze trainingen is vaak aantrekkelijk en beduidend goedkoper dan een klassikale training.

Computer en tablet

De trainingen van Udemy zijn uiteraard op een computer of laptop te volgen (dat zou ik zeker aanbevelen als je ook de oefeningen wilt uitvoeren om jezelf echt te ontwikkelen!), maar zijn ook beschikbaar via de Udemy-app die beschikbaar is in de Google Play Store of Apple App Store.

Prijs

De prijs van de training Angular 2 – Leren en begrijpen is nog niet 100% zeker, maar ik streef naar een bedrag van ongeveer EUR 50,-. Dat is minder dan EUR 1,- per video!

Kortingscode

Als je interesse hebt in deze training, stuur dan een mailtje naar info@kassenaar.com, met als onderwerpregel Udemy – Angular 2. Zodra de training verschenen is (naar verwachting: eind april 2016) zal ik je dan een persoonlijke en vrijblijvende kortingscode mailen waarmee je 40% korting op de aanschafprijs ontvangt. De code is vervolgens geldig tot 01-07-2016. Uiteraard wordt je e-mailadres niet voor andere doeleinden gebruikt.

Vanzelfsprekend kun je ook dit blog in de gaten houden of mij volgen op Twitter, via @PeterKassenaar. Hier post ik altijd de laatste statusupdates.

Peter Kassenaar
-- 1 april 2016 (ja, ik wéét dat het 1 april is. Nee, het is geen grap).

27november

Kennismaken met Angular 2

imageOp 26 november 2015 verzorgde ik in samenwerking met Vijfhart IT Opleidingen een webinar over Angular 2. Het was een groot succes. Van de ruim honderd inschrijvers (dit was het aantal plekken dat we op voorhand hadden gereserveerd bij de webinar-provider) waren er meer dan 60 die het hele webinar hebben gevolgd. Elke marketeer zou een moord doen voor 60+% response!. Dus allemaal bedankt voor je aandacht en vragen tijdens het webinar!

Het webinar, dat in totaal ongeveer een uur duurde, bestond uit een theoretisch deel een praktijkdemo. Hierin kwamen de volgende onderdelen aan de orde:

  • Introductie – waarom Angular 2?
  • Angular 2 vs. Angular 1
  • Kenmerken van Angular2
  • Live coding – demo
  • Samenvatting
  • Q & A

Geen video…

Gelukkig konden alle aanwezigen de presentaties goed volgen en horen, maar achteraf bleek dat er geen video-opname was vastgelegd. Dat was balen, want er waren meer inschrijvers dan dat er plek was – en hen was een videodemo na afloop toegezegd.

Om dit euvel te verhelpen heb ik het webinar nog een keer gehouden, maar nu wel met meelopende camera (en zonder publiek…). Dit gaf dan wel weer direct de mogelijkheid een paar schoonheidsfoutjes te verwijderen die er gedurende een live-uitzending altijd insluipen.

…dus een re-recording

De re-recording van dit webinar heb ik in twee delen op YouTube geplaatst, zodat je het nog eens kunt terugkijken. Daarbij is het complete webinar in twee delen gesplitst:

Downloads

Je kunt ook de presentatie downloaden als PDF en de code die tijdens de demo is gemaakt.

Wil je zelf een training Angular 2 volgen, kijk dan bijvoorbeeld bij Vijfhart of neem rechtstreeks contact op!

-- Peter Kassenaar
27 november 2015

23januari

2015, een belangrijk boekenjaar

Met de deze week door Microsoft aangekondigde verschijning van Windows 10 (een exacte datum is nog niet bekend gemaakt, anders dan “later in the year 2015”), het uitbreiden van het aantal titels in de Web Development Library en het opzetten van een nieuwe spin-off van deze succesvolle reeks, de App Development Library is het duidelijk: 2015 zal een belangrijk boekenjaar worden.

Zodanig belangrijk zelfs, dat ik in samenspraak met mijn uitgever Van Duuren Media heb besloten om met ingang van 1 april 2015 meer tijd te gaan besteden aan het schrijven van uitgaven op deze gebieden. De roadmap is ambitieus. Op de planning staan onder meer:

  • Handboek Windows 10
  • Web Development Library – PhoneGap
  • Web Development Library – HTML5
  • Web Development Library – CSS3
  • Web Development Library – Twitter Bootstrap
  • Web Development Library – NodeJS
  • App Development Library – diverse uitgaven, waaronder Swift, Windows Universal Apps en Xamarin Apps.

Een aantal titels staan al in de steigers (auteur Peter Doolaard is bijvoorbeeld al bezig met de uitgaven over HTML5 en CSS3 en ook andere topauteurs zullen bijdragen leveren), maar veel uitgaven zullen from scratch en volgens de laatste technologische stand van zaken geschreven worden.

Minder trainingen

Omdat een dag nu eenmaal maar 24 uur heeft, betekenen deze afspraken dat ik op andere terreinen concessies zal moeten doen.

Met ingang van 1 april is er daarom minder ruimte in mijn agenda om trainingen te geven. Ik blijf absoluut beschikbaar voor alle professionele front-endtrainingen die ik de afgelopen jaren ook heb gegeven. Bestaande trainingsafspraken worden niet gewijzigd. Ik kan echter maar een beperkt aantal nieuwe projecten per maand aannemen.

Hierbij geldt een first come, first serve-beleid, maar je moet er helaas ook rekening mee houden dat ik niet alle trainingsaanvragen zal kunnen honoreren.

Voor vragen over trainingen en boeken kun je uiteraard altijd contact opnemen. Ik probeer onverminderd binnen 24 uur te reageren.

 

Peter Kassenaar
-- 23 januari 2014.

05januari

Trainingen voorjaar 2015

Na de slappe jaren 2010-2013 is vorig jaar het aantal aanvragen voor trainingen enorm gestegen. Het lijkt er op dat bedrijven zowel een scholingsachterstand van de crisisjaren aan het wegwerken zijn, alsmede zich direct specialiseren in de nieuwste technologiën.

2014 was een goed (trainings-)jaar en deze trend zet zich voorlopig voort in 2015. Zodanig zelfs dat ik al voor de kerst zo goed als volgeboekt was voor het eerste kwartaal van 2015.

De trainingen AngularJS en PhoneGap (of: Cordova) zijn daarbij het meest populair. De komende weken en maanden reis ik door Nederland en België en verzorg meerdaagse trajecten bij onder meer:

Daarnaast geef ik nog enkele trainingen in de opleidingslocaties van partners als Vijfhart (Nieuwegein) en uiteraard op mijn eigen kantoor (Dieren). En omdat ik ook nog bezig met met boeken in de Web Development Library over AngularJS en PhoneGap (met deadlines op respectievelijk 23 januari en 28 maart)  zijn januari, februari en maart van 2015 al weer voorbij.

Volgeboekt

Het is daarom helaas lastig op korte termijn nog een datum te vinden als je op dit moment een training wilt boeken. Zakelijk gezien is dat natuurlijk goed voor mij, maar ik blijf het altijd lastig vinden om ‘nee’ te moeten zeggen. Houd rekening met een langere termijn, of de mogelijkheid dat ik een vraag niet kan invullen. De (agenda-) ruimte is beperkt, er geldt een first come, first serve-beleid.

Bedankt voor je begrip!


Peter Kassenaar
-- 5 januari 2015

14april

Wat is AngularJS? - Een introductie

Het tijdperk van de simpele website ligt inmiddels al weer enkele jaren achter ons. Websites van nu zijn complexe applicaties waarmee we hotelkamers reserveren, online bestellingen doen, e-mail lezen, agenda’s bijhouden en internetbankieren. Met de toenemende complexiteit van webapps is ook de code steeds gecompliceerder geworden.

Complexiteit

Ontwikkeltools zijn niet in gelijke mate meegegroeid met die complexiteit. Het is lastig om in een groot project alle onderdelen van elkaar te scheiden, te testen en te onderhouden. Een bibliotheek als jQuery is daar oorspronkelijk nooit voor ontworpen. Zelf JavaScript schrijven en foutloos invoegen voor alle browsers is een hele uitdaging.

In de praktijk komt het er vaak op neer dat de app wordt uitgebreid met een heel scala aan techniekjes en extra libraries voor sliders, carrousels, e-commerce en zo verder. Na een tijdje is de ooit zo cleane webapp een kerstboom van uitbreidingen en jQuery-plug-ins geworden. Vanuit beheeroogpunt is dit een kleine ramp.

Modulaire apps met AngularJS

angularjs-logoWelkom AngularJS! AngularJS is een JavaScript-framework dat geheel ontwikkeld is om tegemoet te komen aan de eisen van grote en complexe webapplicaties. AngularJS is oorspronkelijk gemaakt voor een intern project bij Google, maar inmiddels is er ook een grote open source-community actief.

In AngularJS ontwikkel je niet één grote applicatie waarin alles met alles verbonden is. In plaats daarvan maak je kleinere, gespecialiseerde modules. Deze zijn los van elkaar te ontwikkelen en te testen. Op de plekken waar ze nodig zijn in de applicatie, worden ze dynamisch ingevoegd via het principe van Dependency Injection.

Een applicatie wordt zo bijvoorbeeld verdeeld in modules voor het tonen van gegevens in een HTML-pagina (via het principe van controllers en data binding), modules voor het ophalen en cachen van gegevens van de server (met services en factories), modules voor routing, modules met constanten, een module voor in- en uitloggen in de toepassing en zo verder.

Je website of –app heeft dan één startpunt (index.html) met branding, hoofdnavigatie en meer. Hierin worden dynamisch de diverse views met functionaliteit van de applicatie geladen.

Om aan te sluiten bij onder ontwikkelaars bekende begrippen wordt AngularJS ook wel een JavaScript MVC-framework genoemd (naar het programmeerprincipe Model-View-Controller). Maar hiermee doe je de mogelijkheden van AngularJS eigenlijk te kort. AngularJS is veel meer dan dat.

De client en de server

Kenmerk van AngularJS-applicaties is wel dat de de applicatie in principe volledig in de browser draait. AngularJS is een client-sided framework. De rol van de server wordt verder teruggedrongen in vergelijking met traditionele webapps van bijvoorbeeld PHP, .NET MVC, Java of Oracle Apex.

AngularJS-toepassingen zijn in principe volledig onafhankelijk van een server. Ze worden via een API voorzien van gegevens. De server hoeft alleen maar de data te serveren waar de app om vraagt. De app zorgt zelf voor het tonen van de gegevens in HTML-templates, biedt voorzieningen voor filteren en sorteren, bewerken, enzovoort. Een AngularJS-applicatie is daarmee eenvoudig te gebruiken in de browser, op mobiele devices en op verschilende platforms. Met aanvullende tools als PhoneGap is een AngularJS-webapp desgewenst om te zetten naar een standalone app.

…maar AngularJS is wel lastig

Laten we er echter geen doekjes om winden. Het zelf realiseren van AngularJS-applicaties is een pad van vallen en opstaan. Er is ondertussen enorm veel documentatie over te vinden op internet (ik schreef eerder bijvoorbeeld een blogpost over bronnen voor AngularJS). Maar ook vaak zie je door de bomen het bos niet meer. Het is een goed idee om een training AngularJS te volgen, waarin je behalve alle losse termen ook de context leert waarin alle modules op de juiste wijze worden ingezet. Vragen als ‘Wanneer kies ik eigenlijk voor een Service en wanneer voor een Factory?’, of ‘Wat zijn best practices bij security van AngularJS-applicaties?’ worden in samenhang en met concrete voorbeelden besproken.

Als je kiest voor AngularJS als development-framework (en waarom zou  je daar eigenlijk voor kiezen? Ook dat wordt besproken), zijn er waarschijnlijk zelfs gedragingen die je moet afleren. Zo moet je bijvoorbeeld de verleiding weerstaan om voor elk probleem een jQuery-plug-in te zoeken. De meeste AngularJS-projecten kun je zelfs helemaal zonder jQuery realiseren.

Training

Volg bijvoorbeeld mijn driedaagse training AngularJS. Hierin neem ik alle ins en outs van het framework met je door, vanaf een eerste Hello World-voorbeeld tot een complete toepassing. Ook het uitwisselen van gegevens met een server wordt besproken, alsmede het werken met verschillende typen authentication. In overleg kunnen we in de training ook andere onderdelen behandelen. Denk bijvoorbeeld aan animatie met AngularJS, internationalization en localization of SEO-technieken voor AngularJS-applicaties.

Na afloop van de training kun je met een gerust hart beginnen aan het realiseren van moderne webapps met AngularJS!

Nog vragen of speciale verzoeken? Neem contact op om alles te bespreken.

-- Peter Kassenaar
14 april 2014.