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.

24juni

YouTube playlist - Windows 10 tips en trucs

windows_logoVaak zie ik tijdens mijn trainingen dat de basisvaardigheden van Windows wel bekend zijn (Programma's starten en sluiten, bestanden openen), maar dat enorm veel mogelijkheden ongebruikt blijven. Mogelijkheden waarmee je eenvoudig minuten kunt besparen. Elke dag opnieuw!

Ik heb daarom besloten een aantal korte video's op te nemen en te publiceren op YouTube. Elke video duurt niet langer dan 3-5 minuten, dus het kost niet te veel van je tijd. Als je een optie al kende heb je niet veel tijd verspild. Maar als een bepaalde mogelijkheid of instelling nieuw voor je is, kan het je in de toekomst een veelvoud van die tijd schelen.

In de video's komt onder meer aan de orde:

  • Het Startmenu optimaal gebruiken
  • Windows Verkenner
  • Sneltoetsen
  • Het uiterlijk van Windows instellen
  • Thema's gebruiken
  • Meegeleverde Tools
  • Browsers en internet gebruiken
  • Allerlei Windows-instellingen aanpassen
  • ... en nog veel meer

image

https://www.youtube.com/watch?v=Lr1TPUuQqOE&list=PLhOYRbbfrvpGEJdiYsRCHsfRczjNyX9vy

Daarnaast heb ik een bijpassende website gemaakt, www.windowstips.nl.

Als je er op- of aanmerkingen over hebt, hoor ik het graag.

Peter Kassenaar
-- 24 juni 2021

16april

Presentatie boek Vue 3 en demo

9789463562096-grootOnlangs is mijn boek Web Development Library – Vue.js, tweede geactualiseerde editie verschenen. Op woensdag 14 april 2021 gaf ik hierover in samenwerking met uitgeverij Van Duuren Media een Zoom-presentatie voor lezers die dit boek bij voorinschrijving hadden besteld.

De presentatie is opgenomen, en is nu voor iedereen beschikbaar!

De opname is alleen audio en de slides/demos die ik gaf, dus zonder mijn geanimeerde visuele ondersteuning :-). Die zul je er zelf bij moeten bedenken.

De presentatie bestaat uit drie delen:

  • Inleiding en korte inleiding over het boek.
  • Theorie – enkele achtergronden bij het gebruik van Vue en andere frameworks.
  • Praktijk – live coding van een kleine Vue-applicatie, componenten en beoordeling in de browser.

Link: https://www.youtube.com/watch?v=HKVG3CUs-qI

    De uitgebreide inhoudsopgave, zoals ook in de YouTube-video staat:

    • 00:00​ – Inleiding
    • 05:02​ - Indeling van het boek
    • 09:23​ - Theorie en achtergronden bij Vue (en andere frameworks)
    • 13:30​ - Overeenkomsten en verschillen bij frameworks
    • 24:01​ - Populariteit van Vue
    • 26:22​ - Verschillende versies van Vue
    • 30:17​ - Vue applicatiestructuur
    • 34:17​ – Praktijk
    • 37:51​ - Vue CLI, nieuw project maken
    • 44:50​ - Project bewerken in je editor
    • 46:25​ - Structuur van componenten
    • 53:33​ - Nieuwe Vue-componenten maken
    • 56:37​ - Scripts in componenten
    • 1:00:51​ - Q & A
    • 1:04:50​ - Bootstrap in Vue-applicaties
    • 1:08:30​ – StudieMix

    Heb je vragen over Vue, of wil je een complete training boeken voor jouw bedrijf of organisatie? Aarzel dan niet om contact op te nemen.

    Peter Kassenaar

    -- 16 april 2021

    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

    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

    27februari

    PhoneGap-apps handmatig signeren

    Het maken en testen van PhoneGap/Cordova-apps op je eigen computer is niet lastig. De apps worden dan gesigneerd met een (tijdelijke, machinegebonden) debug-key en met deze key op je device geplaatst. phonegap-to-googlePlay

    Anders wordt het als je je apps wilt publiceren in de Google Play Store. Dan moeten ze met een ‘echt’ certificaat worden ondertekend. Nu is dat proces niet zo lastig als bij Apple, waarbij je verplicht via het Apple Developer Portal moet werken, maar het kan toch nog een hele klus zijn.

    Opties

    Als je app gereed is, heb je verschillende opties:

    • Signeren via Eclipse en de Android Developer Tools (als je met deze IDE werkt).
    • Signeren via Android Studio. Android Studio gebruikt echter een andere build-tool (Gradle) dan PhoneGap/Cordova (Apache Ant), reden waarom het ook niet eenvoudig is een PhoneGap-app vanuit Android Studio te signeren.
    • Handmatig signeren vanaf de command line.

    Deze laatste optie is de optie die altijd werkt, ongeacht het platform (Mac/Pc/Linux) en de tool die je gebruikt. Ik heb van het complete proces een YouTube-video gemaakt. Daaronder worden de stappen nog kort samengevat, maar bekijk de video (15 min.) voor een complete walkthrough.

    http://www.youtube.com/watch?v=EAzFAntSM3Q

    Stappen

    1. Maak een keystore. Bewaar de keystore op een veilige plaats. Onthoud je wachtwoord voor de keystore. Elke app heeft zijn eigen keystore. Maak nieuwe builds van de app (updates) met dezelfde keystore.

    De opdracht luidt (vervang […] door gegevens van je eigen app)

    keytool -genkey -v -keystore [appname-key].keystore -alias [alias_appName] -keyalg RSA -keysize 2048 -validity 10000

    2. Compileer de app in release-mode. Maak hiervoor een bestand ant.properties in de root van je android-projectmap. Dit is de inhoud van ant.properties:

    key.store=[/Pad/Naar/Jouw/keystores/hello-key.keystore]
    key.alias=alias_[appname]

    3. Typ de opdracht ant release. Ant maakt nu in de \bin map van het project een release-versie van de app.

    3a. Krijg je de foutmelding sdk.dir is missing ? Dit vooral het geval als je de app voor het eerst in release-modus wilt maken, zo heb ik gemerkt. Bij updates gaat het meestal goed. Draai dan eerst een update van het project. De opdracht hiervoor is

    android update project –p [/Pad/Naar/Jouw/Project/platforms/android] –subprojects

    Typ daarna opnieuw de opdracht ant release.

    Typ je wachtwoord (uit stap 1) als daar om gevraagd wordt.

    4. Draai jarsigner. De opdracht hiervoor is:

    cd \bin

    jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore [Pad/Naar/Appname-key.keystore] CordovaApp-release-unsigned.apk alias_[appName]

    4a. Verifieer eventueel de apk. Deze stap is niet verplicht. De opdracht hiervoor is:

    jarsigner -verify -verbose -certs CordovaApp-release-unsigned.apk

    5. Draai zipalign. Dit comprimeert de app verder en zet alle bytes in de goede volgorde. De opdracht is:

    zipalign -v 4 CordovaApp-release-unaligned.apk FinalAppName.apk

    Dan heb je uiteindelijk een gesigneerde, uitgelijnde versie van je app in het bestand FinalAppName.apk. Deze versie kun je uploaden naar Google Play.

    Bovenstaande is een verkorte (en ik hoop duidelijker) weergave van de pagina op http://developer.android.com/tools/publishing/app-signing.html.

    Succes er mee!

    Peter Kassenaar
    -- 27 februari 2015

    19november

    Unboxing iPad Air 2

    Mijn eerste iPad stamt uit april 2010 en is daarmee ruim 4,5 jaar oud. Ik denk dat het een van de oudste iPads in Nederland is, omdat ik hem in de Verenigde Staten kocht toen hij officieel nog niet in Europa gelanceerd was.

    Maar de levensduur van de iPad Classic is door Apple beëindigd. Technisch is het apparaat nog prima, maar er worden geen updates van iOS meer uitgegeven voor deze versie. iOS 5.1.1 is de maximale versie. Tegelijkertijd heeft Apple het app-makers verplicht gesteld om nieuw apps minimaal tegen iOS 6 te compileren. Apps voor iOS 5 worden niet meer geaccepteerd in de Store, met xCode kun je ze zelfs niet eens meer maken. Waarmee de originele iPad effectief om zeep is geholpen.

    En: daar kwam ik achter toen ik juist in een app-training bezig was (training PhoneGap). Ik dacht slim te zijn door de avond tevoren ‘nog snel even xCode te updaten’. Waardoor je per saldo de volgende dag met een tablet die dan plotsklaps de functionaliteit van een baksteen heeft, op stap gaat. Tja.

    Nu dus maar nóg slimmer geweest en tijdig een nieuwe iPad aangeschaft.

    Ik maakte onderstaand filmpje over het unboxing- en activeringsproces van de iPad Air 2.

    P.S. Ik kan me de storm van kritiek die op Microsoft nederdaalde nog goed herinneren, toen bleek dat van de beloofde 32GB op de Surface tablet slechts 16GB beschikbaar was voor het installeren van apps (november 2012). Apple fanboys riepen huilend van verontwaardiging de hulp van advocaten en class action-specialisten in om alle ‘benadeelden’ te compenseren.

    Bij toeval wierp ik nu echter even een blik op de hoeveelheid ruimte die op mijn ‘16GB’ iPad Air beschikbaar is, direct na installatie. Wat blijkt? Slechts ruim 5 GB (!) vrije ruimte. Op een totaal van 11,7?

    Dat betekent dus dat minder dan 35% van de geadverteerde ruimte ook daadwerkelijk gebruikt kan worden. Help me even herinneren; waar heb ik ook al weer al die verontwaardigde blogposts hierover gelezen?……crickets……

    iPad_air_storage

    Maar verder is het een mooi ding.

    -- Peter Kassenaar
    19 november 2014

    19april

    Pop-upnotifications met toastr.js

    toastr-iconTraditioneel kent JavaScript alleen de alert()-opdracht om mededelingen te doen aan de bezoeker van een site. Maar voor moderne webapplicaties is dat eigenlijk geen optie meer. Er zijn gelukkig tal van pop-up- en notification-bibliotheken ontwikkeld.

    Inmijn eigen projecten maak ik vaak gebruik van toastr.js, een kleine jQuery plug-in die precies doet wat ik nodig heb. Ik heb een videodemo gemaakt (10 minuten), waarin de volgende stappen aan de orde komen:

    1. wat is eigenlijk het probleem?
    2. toastr.js downloaden en installeren
    3. een demo-site maken met voorbeelden
    4. meer opties voor toastr.js bekijken

    Je kunt de video ook rechtstreeks bekijken bij YouTube:

    http://www.youtube.com/watch?v=Ny_K3lLvDOA

    Hyperlinks

    Veel succes er mee!

    -- Peter Kassenaar
    19-04-2013