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.

19mei

Aanbieding - Web Development Library pakket

Pakket - Web development Library: JavaScript, jQuery en jQuery Mobile

De uitgaven in de Web Development Library zijn zodanig geschreven dat de boeken afzonderlijk gelezen kunnen worden, maar onderling toch goed op elkaar afgestemd zijn. Er staat geen dubbele informatie in. De boeken worden daarom vaak in combinatie met elkaar aangeschaft.

In de Web Development Library zijn meerdere ‘lijnen’ aanwezig van titels die goed op elkaar aansluiten. Een voorbeeld hiervan is

  • Web Development Library – JavaScript
  • Web Development Library – jQuery
  • Web Development Library – jQuery Mobile

En: tot 31 juli 2015 zijn deze drie titels in een voordelig totaalpakket te bestellen. In plaats van EUR 74,85 kosten de drie boeken bij elkaar maar EUR 54,95.

Dat betekent een korting van bijna twintig euro – en daarmee bijna “drie boeken voor de prijs van twee”!

Peter Kassenaar
-- 19 mei 2015

30oktober

Web Development Library - jQuery Mobile

wdl_jqm_covers

Deze week is de uitgave Web Development Library – jQuery Mobile verschenen. In eerdere aankondigingen hiervan zag je altijd de groene cover, die aan de linkerkant staat (=dezelfde kleur als het jQuery Mobile logo). Maar door een technische fout is het omslag helaas in een andere kleur gedrukt.

En omdat het natuurlijk zonde is  - en ook erg duur zou zijn - om tweeduizend boeken in de papierversnipperaar te gooien en nieuwe exemplaren te drukken, is besloten deze editie te handhaven. Je zult in de (web-) winkels dan ook het boek met de oranje cover aantreffen.

Het goede nieuws is dat de inhoud wel goed is gedrukt en dat deze even uitstekend is als met een groene cover het geval zou zijn!

In het boek leer je hoe je websites optimaliseert voor gebruik op een mobiel apparaat (smartphone of tablet) door gebruik te maken van de JavaScript-bibliotheek jQuery Mobile. Nooit meer zoomen-en-verschuiven door je website op een mobieltje! Met een mobiele variant van je website hoef je de code maar één keer te schrijven en ziet je site er goed uit op iPhone, Windows Phone en Android-apparaten.

Specificaties

  • Boek, paperback, 210 pagina’s.
  • ISBN-13: 978-90-5940-760-2 (9789059407602)
  • Geschikt voor opleidingen en zelfstudie
  • Onafhankelijk van gebruikte platform en browser
  • Prijs: EUR 24,95

Van de flaptekst:

“Met dit deel van de Web Development Library leert u snel werken met jQuery Mobile. Dit framework optimaliseert websites voor weergave op een mobiel apparaat. De verwachting is dat medio 2015 websites voor het grootste deel met een mobiel apparaat worden bezocht. Gelardeerd met veel voorbeelden en oefeningen is dit boek uw ultieme inleiding in de kracht van werken met jQuery Mobile. Tot de behandelde onderwerpen behoren:

  • Kennismaken met jQuery Mobile
  • Navigeren met toolbars, buttons en navbars
  • Meer UI-componenten: panels, popups en collapsibles
  • Listviews maken en gebruiken
  • Werken met formulieren
  • Vormgeven met thema’s
  • De jQuery Mobile-API

Meer informatie en downloads bij het boek vind je op www.webdevelopmentlibrary.nl

Direct bestellen

Peter Kassenaar
-- 30 oktober 2015

10oktober

jQuery Mobile videotutorials

9789059407602-kleinBinnenkort verschijnt in de serie Web Development Library de titel jQuery Mobile. Dit is een boek dat uitgebreid ingaat op het maken van webapps die zijn geoptimaliseerd voor weergave op mobiele apparaten (smartphones, tablets).

Bij deze uitgave heb ik ook een serie videodemo’s gemaakt. Je kunt ze aanvullend aan het boek bekijken om meer te leren over jQuery Mobile. Natuurlijk is het mogelijk uitsluitend de video’s bekijken, maar het gaat veel beter als je ook het boek hebt gekocht ;-).

In de videodemo’s wordt het maken van een jQuery Mobile website/webapp besproken vanaf het beginpunt. Er wordt gekeken wat de werking en architectuur van jQuery Mobile-sites is, daarna worden de visuele widgets besproken die met dit uitgebreide mobiele framework worden meegeleverd: pages, toolbars, panels, listviews, enzovoort.

YouTube

Het maken van de aanvullende video’s is work in progress, het is de bedoeling in de loop van de komende weken het aanbod verder uit te breiden en ook video’s te maken met onderwerpen waarvoor in het boek geen ruimte meer was.

Hieronder de eerste video uit de lijst (http://youtu.be/X7VaAPzCm_w)

 

De totale serie is te vinden als YouTube-afspeellijst: http://www.youtube.com/playlist?list=PLhOYRbbfrvpF5FjupbTLZLCgoQRNy4a22

Om automatisch op de hoogte te worden gehouden als er een nieuwe video in de reeks beschikbaar is, kun je je abonneren: klik op de knop Abonneren, rechts onder de banner van het videokanaal.

youtube_channel

Opmerkingen voor uitbreidingen of verbeteringen zijn zoals altijd welkom! Je kunt ze kwijt bij de video’s zelf, of onder deze blogpost.

Peter Kassenaar
-- 10 oktober 2014.

15augustus

Web Development Library - jQuery

9789059407596Deze maand is het tweede deel in de serie Web Development Library, verschenen. Dit is Web Development Library – jQuery. Het is het logische vervolg op Web Development Library – JavaScript.

Als je als Web Developer nog nooit van jQuery hebt gehoord, heb je waarschijnlijk de laatste vijf jaar onder een steen geleefd. De andere optie is dat je net met je studie, of opleiding bent begonnen. Maar ook als je jQuery al wel kent, betekent dit nog niet dat je met alleen kopiëren en plakken genoeg kennis hebt om sites zelf uit te bouwen met dit uitgebreide JavaScript-framework.

Wat is bijvoorbeeld precies de rol van document.ready()? Mag je meerdere document.ready()’s per pagina hebben? Wat betekent het dollarteken $ in een statement? Hoe maak je effecten en andere visual effects met jQuery? Hoe worden plug-ins aan een pagina toegevoegd en geconfigureerd? Op al deze vragen geeft Web Development Library – jQuery het antwoord!

Specificaties

  • Boek, paperback, 260 pagina’s.
  • ISBN-13: 978-90-5940-759-6 (9789059407596)
  • Geschikt voor opleidingen en zelfstudie
  • Onafhankelijk van gebruikte platform en browser
  • Prijs: EUR 24,95

Van de flaptekst:

“Met dit deel van de Web Development Library leert u snel werken met jQuery. Dit framework tilt de kracht van JavaScript naar een hoger niveau en strijkt tevens de verschillen tussen diverse browsers soepeltjes glad. Gelardeerd met vele voorbeelden en oefeningen is dit boek uw ultieme inleiding in de kracht van werken met jQuery. Tot de behandelde onderwerpen behoren:

  • Kennismaken met jQuery
  • HTML- en CSS-functies in jQuery
  • Events afhandelen in jQuery
  • jQuery-animatiefuncties
  • jQuery en Ajax
  • jQuery-plug-ins
  • Werken met jQuery UI

Meer informatie en downloads vindt u op www.webdevelopmentlibrary.nl.

Direct bestellen

-- Peter Kassenaar
15 augustus 2014

24juni

Welkom bij de Web Development Library

wdl_logo

Geen enkel ander onderwerp staat de laatste jaren zo in de belangstelling als het ontwikkelen van goede websites en webapps. Bedrijven en organisaties nemen geen genoegen meer met eenvoudige HTML-websites of de standaardlay-out van een WordPress-site. Dit betekent dat ook de gereedschapskist van elke web developer steeds beter gevuld moet zijn. 

Traditioneel leerden ‘webmasters’ (kent u die term nog?) werken met grote totaalpakketten als Dreamweaver, Photoshop, Apache en MySQL. Maar tegenwoordig is het web anders. Compacter. Sneller. Afzonderlijke taken worden steeds vaker uitgevoerd door kleine en gespecialiseerde bibliotheken en tools. Er verschijnen wekelijks nieuwe JavaScript-uitbreidingen. Grote programma’s als Dreamweaver houden dat niet bij.

Stel dat je op dit moment werkt in Dreamweaver CS 5.5 (uit 2011) en kiest voor het maken van een nieuwe mobiele site. Je krijgt dan de versies jQuery 1.6 en jQuery Mobile 1.0.1 (!). Dat waren immers de actuele versies op het moment dat deze versie van Dreamweaver werd verscheept. Maar inmiddels zijn we aangeland bij jQuery 2.x en jQuery Mobile 1.4. Hetzelfde geldt voor andere ondersteunde bibliotheken die worden meegebundeld met developertools.

Kleinere, compacte tools

Nu schrijf ik al over webtechnologieën sinds 1998 en heb de opkomst (en ondergang) van FrontPage, Flash, Silverlight – en in zekere zin ook Dreamweaver – meegemaakt. De trend de afgelopen jaren is onmiskenbaar dat ‘standaarden’ die door één bedrijf zijn ontwikkeld (Microsoft, Adobe) tot mislukken gedoemd zijn, ten gunste van de open standaarden HTML, CSS en JavaScript.

Wat zijn immers de hot items van de afgelopen jaren?

  • Responsive Web Design – met baanbrekende CSS-tools als 960gs en Twitter Bootstrap.
  • JavaScript-bibliotheken als jQuery, jQuery Mobile en meer recent Knockout.js, AngularJS en afgeleiden.
  • HTML5 - met nieuwe elementen voor structuur, semantiek en media (audio, video, geolocation)
  • Mobiele websites en webapps, met tools als Apache Cordova (PhoneGap) en vergelijkbaar.
  • JavaScript op de server (NodeJS) en kleinere, NoSQL-databases als CouchDB en MongoDB in plaats van de bekende giganten MySQL, Oracle en SQL Server.

Kortom, stuk voor stuk kleinere, flexibele componenten die door developers onafhankelijk van elkaar ingezet, ontwikkeld en geüpdatet kunnen worden. Het zijn allemaal open technologieën.

Dit inzicht wordt gelukkig gedeeld door mijn fantastische uitgever Van Duuren Media, die dezelfde mening is toegedaan. Maar waar kan de moderne web developer informatie vinden over deze onderwerpen? Het idee voor de Web Development Library was geboren!

Web Development Library

9789059407589-kleinDe serie Web Development Library gaat bestaan uit een reeks compacte, Nederlandstalige boeken, waarin op een wat hoger niveau onderwerpen uit het vakgebied front-end web development worden behandeld. Elk boek bespreekt één onderwerp. Voorkennis over gerelateerde technieken wordt hierbij al bekend verondersteld. Beschikt je nog niet over alle voorkennis? Dan wordt dit opgelost in een ander deel uit de reeks.

Zo hoef je dus bijvoorbeeld niet een (dik en duur) boek aan te schaffen waarin ook alle basisbeginselen van JavaScript en jQuery worden besproken, als je alleen maar geïnteresseerd bent in jQuery Mobile. Het omgekeerde geldt ook. Weet je al globaal iets van jQuery, maar wil je nu eens meer weten over de JavaScript-technieken die hieraan ten grondslag liggen, dan kun je met één deel volstaan.

De totale serie bevat op die manier alles wat je nodig hebt om zelf moderne websites en -apps te kunnen maken. De reeks bestaat bij aanvang uit ongeveer vijf titels, maar wordt snel uitgebreid. Onderwerpen die in de serie aan de orde komen (elk dus in een eigen uitgave) zijn onder meer:

  • JavaScript
  • jQuery
  • jQuery Mobile
  • PhoneGap
  • AngularJS
  • SEO voor web developers

En ik ben blij te kunnen melden dat het eerste deel JavaScript, vandaag is verschenen! Ik ben nu druk bezig de volgende delen te schrijven. In de loop van 2014 zullen nog minimaal twee andere uitgaven van de persen rollen.

Website, Facebook en meer informatie

Een andere ontwikkeling is natuurlijk dat anno 2014 geen enkel zichzelf respecterend onderwerp  nog zonder eigen website of Facebook-pagina kan. Updates en nieuwtjes zullen dan ook verschijnen op:

http://www.webdevelopmentlibrary.nl/

wdl-site

 

https://www.facebook.com/webdevelopmentlibrary

wdl-facebook

Twitter – @WebDevLibrary

En natuurlijk op Twitter; volg @WebDevLibrary voor korte statusupdates uit de wereld van (front-end) webdevelopment.

Let op: via @WebDevLibrary worden uitdrukkelijk niet alleen maar reclame-tweets geplaatst voor boeken uit de serie zelf, maar zullen daadwerkelijk nieuwtjes over webdevelopment, RT’s van bekende developers en interessante links getweet worden. Verplichte kost voor de serieuze web developer!

Werk in uitvoering…

Zoals de webdevelopmentwereld continu in beweging is, willen we ook de serie Web Development Library steeds uitbreiden met actuele titels. Omdat ze beknopt en to-the-point geschreven zijn, gaat het schrijven vlot en is het uitgeeftraject kort.

Mocht je ideeën hebben voor nieuwe titels in deze serie, of zou je zelf een uitgave kunnen schrijven, aarzel dan niet om contact op te nemen!

We zijn benieuwd naar jullie reacties.

-- Peter Kassenaar
24 juni 2014.

19september

Handboek JavaScript en jQuery

Cover Handboek JavaScript en jQuery

Op 18 september 2013 is het Handboek JavaScript en jQuery verschenen.

Dit handboek bespreekt het werken met JavaScript vanaf het startpunt. Er is veel aandacht voor het leren programmeren in deze populaire scripttaal op internet. Er wordt geen voorafgaande programmeerkennis bekend verondersteld.

 

Specificaties

  • Boek, paperback, 350 pagina’s
  • Geschikt voor Windows, Macintosh, Linux en alle browsers
  • Geen speciale software benodigd
  • ISBN-13: 978-90-5940-614-8
  • Prijs: EUR 29,95

Inhoud

Het eerste deel van het boek gaat in op de JavaScript-core. Het besteedt veel aandacht aan de basis programmeerprincipes zoals de JavaScript-syntaxis, het werken met variabelen, de achtergronden bij functies, objecten en arrays. U leert meer dan alleen kopieren-en-plakken. Het Handboek JavaScript en jQuery is daarmee het beste oorspronkelijk Nederlandstalige werk voor het leren programmeren in JavaScript.

In het tweede deel van het boek wordt uw JavaScript core-kennis toegepast op het DOM in de browser en wordt jQuery geïntroduceerd. U leert ook jQuery vanaf de basis beheersen en maakt kennis met de tientallen functies in de jQuery API. Uiteraard wordt ook het werken met Ajax-functies voor gegevensuitwisseling met een externe server in detail besproken. Aan het eind wordt ingegaan op populaire jQuery plug-ins voor bijvoorbeeld diavoorstellingen en formuliervalidatie.

Maar ook nu is de achterliggende boodschap: u leert daadwerkelijk de basis van jQuery in combinatie met JavaScript goed beheersen. Deze kennis is van onschatbare waarde als u zelf scripts op internet vindt en deze in uw websites of apps wilt gebruiken. U weet dan precies wat u wel en niet moet kopiëren en plakken, en kunt zelf problemen oplossen als het niet direct gaat zoals u had gedacht.

Aan het einde van elk hoofdstuk zijn vragen en oefeningen opgenomen om de stof te herhalen. Hierdoor is het boek buitengewoon geschikt voor opleidingen en zelfstudie.

Beknopte inhoudsopgave

  • Kennismaken met JavaScript en JavaScript-gereedschappen
  • Statements, gegevenstypen, variabelen en operatoren
  • Functies, arrays en objecten
  • Programmaverloop
  • Events en event handlers in JavaScript
  • Werken met het document object model (DOM)
  • Kennismaken met jQuery
  • HTML- en CSS-functies in jQuery
  • Events afhandelen in jQuery
  • jQuery-animatiefuncties
  • jQuery en Ajax
  • jQuery-plug-ins
  • Werken met jQuery UI

Oefenbestanden

In het boek staan tal van codevoorbeelden en oefenbestanden om zelf met JavaScript en jQuery aan de slag te gaan. De oefenbestanden zijn te downloaden als één groot zip-bestand. Hierin staan in afzonderlijke mappen de oefenbestanden gerangschikt per hoofdstuk. Mocht hierin iets ontbreken of niet kloppen, neem dan even contact op.

 

-- Peter Kassenaar
19 september 2013

14augustus

jQuery UI Cookbook – book review

Cover jQuery UI Cookbook

jQuery UI is een uitgebreide bibliotheek met tal van visuele componenten die user interfacedesigners kunnen gebruiken om attractieve websites te ontwerpen.

Nergens is de jQuery-slogan write less, do more zo van toepassing als in jQuery UI. Dat gezegd hebbende, is de bibliotheek natuurlijk niet 100% perfect of direct geschikt voor elke taak. Ervaren ontwikkelaars zullen onderdelen van jQuery UI naar eigen behoefte willen uitbreiden, of aanpassen voor de interface die ze aan het ontwikkelen zijn. Welkom jQuery UI Cookbook.

 

Kookboek

Het kookboek biedt ruim 70 'recepten' waarmee je naar hartenlust kunt hacken in de jQuery UI-code om op deze manier doelen te bereiken waarvoor de standaardmiddelen en configuratieopties niet toereikend zijn. Bijvoorbeeld: je weet waarschijnlijk al dat jQuery UI een tab-widget biedt waarmee je snel een tabblad interface maakt op basis van je HTML-code. Maar wat nu als je de tabs wilt uitbreiden met aanklikbare pictogrammen naast de tekst, zonder handmatig losse <img /> tags in de code te schrijven?

Of je wilt de widget Accordeon uitbreiden zodat je ook met de Tab-toets tussen onderdelen kunt navigeren, of je wilt met drag-an-drop inhoud tussen accordeons verslepen? Dit boek legt dat perfect uit, tezamen met nog tientallen andere voorbeelden van kleinere en grotere ingrepen in de bibliotheek.

Veel code

Maar pas op. Er staat code in dit boek. Veel code. Je zult je handen uit de mouwen moeten steken en diep in de functies moeten duiken die het hart van jQuery UI vormen. Je moet beschikken over solide achtergrondkennis van JavaScript en jQuery om te weten wat je eigenlijk aan het doen bent en om de recepten in het boek te kunnen aanpassen zodat ze perfect in je eigen projecten passen. En dit begint direct op pagina 1. Er is niet zoiets als een rustige start, om vervolgens kalm en rustig het eerste voorbeeld in te glijden. Het gaat meer van: "Bam! Kijk, zo doe je het,

(function ($, undefined) {
	$.widget("ab.accordion", $.ui.accordion, {
		_create: function () {
			// heel veel andere code …
		}
	})
})(jQuery);

Dus als je nieuw bent in jQuery UI of jQuery-development in het algemeen, is dit boek niet geschikt voor jou. Het legt niet uit wat jQuery UI is, waar je het kunt halen en hoe het basisgebruik is. In plaats daarvan worden alle widgets in de bibliotheek op alfabetische volgorde besproken. Hoofdstuk 1 gaat over de Accordion. Vervolgens gaat het over Autocompletes, Buttons, Datepickers, Dialogs enzovoort. Het boek besluit met een hoofdstuk over Widgets en de manier waarop je zelf vanaf het nulpunt je eigen widgets zou kunnen maken.

Conclusie

Ben jij tevreden met de basismogelijkheden en lay-out van jQuery UI? Prima. Laat dit boek lekker op de plank liggen. Maar voor ieder ander kan ik het van harte aanbevelen. Als je het niet gebruikt voor het uitbreiden van jQuery UI, dan leer je in ieder geval iets over de manier waarop je jQuery plug-ins kunt schrijven en jQuery-uitbreidingen in zijn algemeenheid programmeert.

Mijn enige wens is dat de auteur ook voorzien zou hebben in een inleidend hoofdstuk, waarin jQuery UI wordt geïntroduceerd en de basis kort wordt uitgelegd (voor als je bijvoorbeeld een ervaren ontwikkelaar bent, maar toevallig nieuw bent op het gebied van jQuery UI).

Het zou ook prettig zijn geweest als hij behalve de widgets nog andere onderdelen uit de bibliotheek meer in detail zou hebben besproken, zoals Effects, Interactions en/of Utilities zoals het object Position. Maar zelfs met deze kleine tekortkomingen, is het jQuery Cookbook elke cent waard.

 

 

Deze review bij Amazon.com.uk (Engels)

Peter Kassenaar
-- 14 augustus 2013

[disclaimer: ik heb het boek van de uitgever gratis gekregen ter review. De uitgever heeft op geen enkele manier invloed gevraagd of uitgeoefend op de inhoud van dit artikel. Het is mijn persoonlijke mening.]

06augustus

Handboek JavaScript en jQuery uitgesteld

Slecht nieuws van de uitgever.

Ondanks dat het Handboek JavaScript en jQuery al op 1 juli gereed was (zie mijn aparte blogartikel hierover), is het niet gelukt het boek tijdig te redigeren, zodat het nog in augustus kan verschijnen.

Dat is een tegenvaller die zorgt voor ongeveer een maand vertraging. Uitgave wordt nu verwacht medio september.

Als het boek verkrijgbaar is, meldt ik dat uiteraard op dit blog. Je kunt me ook volgen op Twitter (@PeterKassenaar) voor de snelste updates.

-- 6 augustus 2013