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.

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

26april

Web Development Library–Angular 2

Web Development Library - Angular 2

Deze week is Web Development Library – Angular 2 verschenen. Angular 2 is een modern framework voor webdevelopment en is de opvolger van AngularJS. Maar behalve de naam is er maar weinig dat de twee frameworks met elkaar gemeen hebben. Angular 2 heeft een totaal nieuwe syntaxis en benadering voor zowel de front-endcode (in de templates en HTML) als de logica. Er wordt nu gewerkt met ECMAScript 2015-classes in plaats van JavaScript-functies.

Angular 2 is dan ook geen eenvoudig framework om te leren. Deze uitgave helpt u daarbij!

Specficaties

  • Boek, paperback, 240 pagina’s.
  • ISBN-13: 978-90-5940-868-5 (9789059408685)
  • Geschikt voor opleidingen en zelfstudie
  • Onafhankelijk van gebruikte platform en browser
  • Prijs: EUR 29,95

Van de flaptekst

“In dit deel van de Web Development Library leert u werken met de nieuwe, op componenten gebaseerde manier om webapplicaties te programmeren. U maakt kennis met de vernieuwde wijze van databinding, services, observables, routing en andere belangrijke Angular 2-concepten. Aan het einde gaan we kort in op het upgraden van AngularJS 1.x-applicaties naar Angular 2. Daarnaast leert u werken met bijkomende tools en programmeertalen zoals Node.js, TypeScript en ECMAScript 2015.

Tot de behandelde onderwerpen behoren:

  • Kennismaken met Angular 2
  • Hello World in Angular 2 – uw eerste component
  • Databinding op allerlei manieren
  • Datavoorziening met services
  • Asynchrone services – gegevens ophalen uit databases
  • Angular-applicaties als boomstructuur van componenten
  • Routing
  • Meer over Angular 2 – pipes, formulieren en upgraden

Meer informatie en downloads zijn te vinden op www.webdevelopmentlibrary.nl.”

Direct bestellen

Peter Kassenaar
-- 26 april 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