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 ben lead developer en directeur bij Yindo - Jouw digitale bibliotheek. Je kunt mij ook volgen op Twitter.(@PeterKassenaar)

Terug naar de algemene site.

24april

Web Development Library–PhoneGap

Als je – zoals ik – al bijna twintig jaar ICT-boeken schrijft, is het uitkomen van een nieuwe titel toch een beetje business as usual geworden. Je raakt er aan gewend, dat de PostNL-bus de straat in draait om weer een doos met auteursexemplaren af te leveren.

Web Development Library - PhoneGap

Maar soms verschijnt er een uitgave waar je toch extra trots op bent. Dat was het geval bij het boek over AngularJS, maar beslist ook nu, bij het uitkomen van Web Development Library – PhoneGap.

Het is een vreselijk leuk boek geworden – al zeg ik het zelf - en het is bij mijn weten het eerste oorspronkelijk Nederlandstalige (=niet vertaalde) werk over PhoneGap en Cordova.

Waar gaat het boek over? In één zin: je leert apps maken voor Android, iOS en Windows Phone op basis van HTML, CSS en JavaScript. Deze apps kun je vervolgens publiceren in Google Play of de Apple App Store (oké, dat zijn toch twee zinnen).

Hoewel het boek nog geen 300 pagina’s is, leer je toch alles over het gebruiken van PhoneGap Build (de cloud-tool om apps te maken, dan hoef je zelf niks te installeren), het zelf installeren van PhoneGap/Cordova op je pc of Mac, het maken van basis-apps en het testen ervan in de emulator of op je eigen smartphone of tablet, het werken met standaardplug-ins voor camera, kompas, GPS en dergelijke, het werken met aanvullende plug-ins (met een speciale rol voor plug-ins van de Nederlander Eddy Verbruggen) als een barcodescanner, social sharing en het plaatsen van advertenties in je app, tot het signeren en publiceren van je app in de diverse app stores.

De app die je zelf maakt in dit boek kun je alvast downloaden in de store:

Android app on Google Play 

Kortom: “Web Development Library – PhoneGap is een totaalwerk als het gaat om het maken, onderhouden en publiceren van je eigen mobiele apps.”

Voor de volledigheid de algemene kenmerken van het boek:

9789059407862Specificaties

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

Van de flaptekst

“PhoneGap (of Cordova) is een JavaScript-bibliotheek om op basis van de webstandaarden HTML, CSS en JavaScript mobiele apps te ontwikkelen voor Android, iOS en Windows Phone. Apps die met PhoneGap worden gemaakt, kunnen desgewenst worden gepubliceerd in de diverse app stores. Maar naast het realiseren van standalone apps kunt u met PhoneGap ook gebruikmaken van de apparaatmogelijkheden zoals de camera, GPS, contactenlijst, delen op sociale media en meer. In dit boek komen al deze functies aan de orde. U eindigt met een eigen app in de store. Tot de behandelde onderwerpen behoren:

  • Kennismaken met PhoneGap.
  • Een eerste PhoneGap-app schrijven.
  • Werken met de cloudomgeving PhoneGap Build.
  • PhoneGap lokaal installeren en gebruiken.
  • Werken met de basisplug-ins en third-party plug-ins.
  • Apps publiceren in Google Play en in de Apple App Store.

Meer informatie en downloads vind je op www.webdevelopmentlibrary.nl  De app die je in dit boek maakt, is ook beschikbaar in Google Play en de Apple App Store. Zoek naar de app WDL – PhoneGap.

Direct bestellen

Peter Kassenaar
-- 24 april 2015

09maart

ng-conf 2015–de belangrijkste video’s

ng-conf-2015Nadat in 2014 de eerste wereldwijde AngularJS-conferentie was gehouden, was het vorige week tijd voor de tweede aflevering, ng-conf 2015. In deze tweedaagse conferentie tjokvol presentaties van team Angular, Google, Microsoft en andere gerelateerde bedrijven en start-ups werden veel Angular-technieken toegelicht, nieuwe ontwikkelingen besproken en uiteraard was er veel aandacht voor Angular 2.

Alle presentaties van de conferentie waren live te volgen op YouTube en zijn inmiddels terug te vinden op het ng-conf YouTube-channel.

Ik kan me echter voorstellen dat je geen tijd hebt om alle video’s te bekijken. Daarom heb ik een selectie gemaakt en de vijf belangrijkste presentaties op een rijtje gezet. Zorg er voor dat je deze in elk geval niet mist als je op de hoogte wilt blijven van de Angular-ontwikkelingen:

1. Welcome – keynote door Brad Green en Igor Minar

https://www.youtube.com/watch?v=QHulaj5ZxbI

Brad Green en Igor Minar bespreken de huidige ontwikkelingen rondom Angular 2, kondigen samenwerking aan tussen Google en Microsoft (Google dropt het eigen AtScript en stapt voor Angular 2 over op Microsofts TypeScript), kondigen aan dat er toch een migratiepad/optie zal komen van Angular 1.x naar Angular 2 en introduceren de nieuwe Angular 2 website, https://angular.io/

2. Keynote dag 2 – Misko Hevery en Rado Kirov

https://www.youtube.com/watch?v=-dMBcqwvYA0

De oorspronkelijke ‘vader van Angular’, Misko Hevery gaat meer in detail in op de verschillen tussen Angular 1. x en Angular 2, bespreekt achtergronden bij de ontwerpbeslissingen en de uitdagingen waar Team Angular mee te maken heeft. Deze presentatie bevat meer concrete code en voorbeelden.

3. The New Router – Brian Ford

https://www.youtube.com/watch?v=vecg70fPDFw

Onderdeel van het migratiepad van Angular 1.x naar Angular 2 is een nieuwe router die zowel in Angular 1.x-projecten als in Angular 2 gebruikt kan worden. Dit is groot nieuws. De huidige, standaard ng-router zal worden verlaten (hij werkt nog, maar wordt niet verder ontwikkeld) en zal worden vervangen door een nieuwe, eigen routermodule. Er wordt dus ook niet verder ingezet op ui-router (een routercomponent die nu nog erg populair is in Angular-projecten). Dit omdat ook ui-router nog is gebouwd op ES5-code en niet op de nieuwe TypeScript/ES6-code die in Angular 2 gebruikt gaat worden. Brian Ford geeft voorbeelden en use cases.

4. TypeScript and ES6 – Dan Wahlin en Andrew Connell

https://www.youtube.com/watch?v=U7NYTKgkZgo

Angular 2 zal volledig gebaseerd zijn op ES6 (de volgende versie van JavaScript) en TypeScript – zoals Brad Green in de keynote aankondigde. Dan Wahlin en Andrew Connell geven een supersnelle inleiding op ES6 en TypeScript en bespreken (kort) tooling die voor deze programmeertalen gebruikt kan worden. Ze laten zien hoe de huidige JavaScript gecombineerd kan worden met nieuwe ES6-code binnen één project, zodat je langzaam kunt wennen aan de nieuwe opties en niet in een keer, cold turkey over hoeft te gaan. Inclusief handige links en codevoorbeelden om nu al zelf met ES6 te oefenen, ook al ondersteund de huidige generatie browsers dit nog amper. ES6 is de toekomst. Leer het! (Meer over TypeScript: bekijk ook de presentatie van Jonathan Turner over TypeScript)

5. Build an Angular Material App Thomas Burleson and Naomi Black

https://www.youtube.com/watch?v=Qi31oO5u33U

Angular doet van alles, maar heeft geen User Interfacecomponenten zoals lijsten, kolommen, tabbladen, sliders, enzovoort. Hiervoor moet je zelf een library kiezen als je niet alles handmatig wilt coderen in HTML en CSS. Angular Material is hiervoor een van de vele keuzes (naast Bootstrap, Zurb Foundation, Ratchet.io etcetera, etcetera). Material Design is de door Google uigedachte designfilosofie voor mobiele- en desktop-apps. Het is in feite een tegenhanger voor Microsoft Modern Design (voorheen Metro) en de Apple Human Interface Guidelines die in iOS worden gebruikt. Het is al ingebouwd in de nieuwste Android-versies 5.x en hoger. Angular Material is de webversie van Material Design. In deze presentatie krijg je een indruk van de wijze waarop je Angular apps qua UI zou kunnen gaan ontwikkelen. Een erg gescripte en erg Amerikaanse sessie, maar probeer daar doorheen te kijken.

Almost made it… bijna op de shortlist

Mocht je na het bekijken van bovenstaande video’s nog tijd over hebben, dan zou ik je ook zeker onderstaande presentaties aanraden:

6. Bonusvideo! – Shai Reznik’s ng-wat!

https://www.youtube.com/watch?v=M_Wp-2XA9ZU

Geinspireerd door de presentatie WAT! van Gary Bernhardt, heeft Shai Reznik (check ook zijn andere hysterische Angular-video’s op YouTube) een Angular-Wat versie gemaakt.

Niet al te serieus nemen, even een moment van ontspanning pakken en die lach laten rollen.

Enjoy!

Peter Kassenaar
-- 9 maart 2015

26februari

Web Development Library–AngularJS

Cover van Web Development Library - AngularJS, ISBN 9789059407879

Deze week is Web Development Library – AngularJS verschenen.

AngularJS is een van de populairste JavaScript-frameworks om webapplicaties te maken. Apps die je met AngularJS maakt draaien volledig in de browser en zijn dus geschreven in HTML, CSS en JavaScript (en Angular). Oorspronkelijk was AngularJS een intern project bij Google, maar sinds vrijgave in de open source community is de populariteit van dit framework als een raket de lucht in geschoten.

Wat zijn directives? Hoe pas je modulen, controller, services en factories toe? Hoe laat je een Angular-applicatie communiceren met externe API’s? Op al deze vragen geeft Web Development Library – AngularJS het antwoord!

Specificaties

  • Boek, paperback, 240 pagina’s.
  • ISBN-13: 978-90-5940-787-9 (9789059407879)
  • Geschikt voor opleidingen en zelfstudie
  • Onafhankelijk van gebruikte platform en browser
  • Prijs: EUR 24,95
  • Lees een voorbeeldhoofdstuk op Yindo 

Van de flaptekst:

“In dit deel van de Web Development Library leert u hoe u AngularJS inzet om dynamische webapplicaties te schrijven. U maakt kennis met data bindings, modules, controllers en andere belangrijke Angular-concepten. Aan het einde leert u bovendien hoe u AngularJS desgewenst laat samenwerken met bestaande jQuery-plug-ins door eigen custom directives te schrijven. Tot de behandelde onderwerpen behoren:

  • Kennismaken met AngularJS
  • Modules en controllers schrijven
  • Routing in uw applicatie
  • Gegevensvoorziening met Factories en Services
  • Live gegevens ophalen en communiceren met API’s met $http
  • Uitgebreide standaarddirectives gebruiken
  • Custom directives schrijven

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

Direct bestellen

Peter Kassenaar
-- 26 februari 2015

18februari

20% Korting Web Development Library - AngularJS

Web Development Library - AngularJS tijdelijk met vijf euro korting

Binnenkort verschijnt de uitgave Web Development Library – AngularJS. Het is nog niet verschenen, maar voor (zeer) korte tijd kun je het boek bestellen met een korting van vijf euro. Toch een aantrekkelijk idee in deze economisch barre tijden.

  • Normale prijs: EUR 24,95
  • Voorintekening: EUR 19,95

Je kunt je exemplaar reserveren op de sites van

Niet alleen heb je dan een leuke korting te pakken, je weet ook zeker dat je het boek als eerste binnen hebt zodra het is verschenen.

Maar wees er snel bij. De korting is maar geldig tot 21 februari 2015!

Peter Kassenaar
-- 18 februari 2015.

10november

JavaScript: zelf asynchrone- en callbackfuncties schrijven

In webapps hebben we regelmatig te maken met asynchrone JavaScript-functies. Timing is dan belangrijk. Denk bijvoorbeeld aan Ajax-calls naar een externe server waarvan niet bekend is hoe lang ze duren.

Callbacks

Maar ook zelf zul je wellicht asynchrone functies willen schrijven waarvan op voorhand niet bekend is hoe lang de uitvoering duurt. Het is dan een goed idee om de asynchrone functie een callbackfunctie te laten accepteren als parameter.

Je kunt dan de callbackfunctie uitvoeren op het moment dat de asynchrone functie gereed is. Dit is uiteraard met name van belang als je volgende functie afhankelijk is van het resultaat dat de asynchrone functie retour geeft.

Als je jQuery gebruikt, heb je vast wel eens functies als .show(), .hide() of .slideUp() geschreven. Al deze functies accepteren optioneel een callbackfunctie als laatste parameter. Je weet dan zeker dat de callback pas wordt uitgevoerd als de ‘hoofdfunctie’ klaar is.  Hoe schrijf je zoiets zelf?

HTML-code

We schrijven een eenvoudige pagina met de volgende HTML:

<h1>Async functies en callbacks</h1>
<button id="btnAsync">Async</button>
<div id="divFeedback"></div>
<h2 id="divResult"></h2>

Zoals je ziet is er alleen een knop waarop geklikt kan worden en twee divs waarin het resultaat wordt getoond. We schrijven de volgende code in plain JavaScript, dus zonder een bibliotheek als jQuery te gebruiken. Alle volgende functies worden ook geschreven binnen de event handler die het klikken op de knop afvangt:

document.getElementById('btnAsync').addEventListener('click', function () {
  // …
}

1. De asynchrone functie

De functie die we ‘asynchroon’ laten uitvoeren, heeft twee parameters.

  • Het DOM-element waarin het resultaat van de functie wordt geschreven.
  • Een getal waarvan de waarden van 0 tot en met getal bij elkaar worden opgeteld. Deze waarde wordt ook teruggegeven. Als 10 wordt meegegeven, retourneert de functie 1+2+3+4+5+6+7+8+9+10.

Om hier asynchroniteit te simuleren wrappen we de functie in een statement setTimeout(). We geven een vertraging van 3000ms (3 seconden).

 

function asyncFn(el, num) {
     setTimeout(function () {
         // tel alle getallen van 0 tot num bij elkaar op.
        var totaal = 0;
         for (var i = 0; i <= num; i++) {
             totaal += i;
         }
         document.getElementById(el).innerHTML =
			"Async-functie gereed. Totaal: " + totaal;
         return totaal;
     }, 3000); // simuleer vertraging van 3 seconden.
};

2. De JavaScript-call : FOUT

Om de functie aan te roepen zou je de volgende code kunnen schrijven: je roept de functie asyncFn() aan en het resultaat wordt opgeslagen in een variabele totaal. Vervolgens schrijven we het totaal naar het scherm, in de div divResult.

 // ********* Async zonder callback - foutieve uitvoer
 var totaal = asyncFn('divFeedback', 10); 
document.getElementById(
'divResult').innerHTML = 'Klaar! Het totaal is: ' + totaal;

Dat lijkt goed te gaan, maar het resultaat is niet zoals we gehoopt hadden:

async_img_01

Pas na de drie seconden vertraging van de asynchrone functie wordt het correcte resultaat (55) in de pagina getoond.


async_img_02

3. JavaScript – CORRECT

Om er voor te zorgen dat de asynchrone functie goed verwerkt wordt, moeten we zowel de functie zelf aanpassen als het aanroepende statement.

  • De functie moet gereed worden gemaakt om een callbackfunctie als parameter te ontvangen.
  • In de aanroep moeten we de functie meegeven die we willen uitvoeren nadat de asynchrone functie klaar is.

Dit heen en weer schuiven van functies als parameters bij andere functieaanroepen is een van de krachtige (en in mijn optiek: elegante) eigenschappen van JavaScript.

De asynchrone functie passen we bijvoorbeeld als volgt aan:

function asyncFn(el, num, callback) {
         setTimeout(function () {
         // tel alle getallen van 0 tot num bij elkaar op.
        var totaal = 0;
         for (var i = 0; i <= num; i++) {
             totaal += i;
         }
         document.getElementById(el).innerHTML =
                 "Async-functie gereed. Totaal: " + totaal;
         callback(totaal); // callbackfunctie aanroepen, met juiste resultaat als parameter.
    }, 3000); // simuleer vertraging van 3 seconden.
};
En de aanroep van deze functie wordt daarna als volgt herschreven:
// ******* Async met callback - de correcte manier
asyncFn('divFeedback', 10, function showResult(totaal) {
	document.getElementById('divResult').innerHTML =
            
'Klaar! Het totaal is: ' + totaal; });

Hier is goed te zien dat asyncFn() nu wordt aangeroepen met behalve divFeedback en 10 de callbackfunctie als derde parameter. Deze ontvangt op zijn beurt het berekende resultaat als parameter, vanuit de asyncFn. Nu is het resultaat direct naar wens, zoals de afbeelding laat zien.

async_img_03
Om de user experience te verbeteren is het bovendien natuurlijk een goed idee om de bezoeker een melding te geven dat de app bezig is met rekenen. Dat kunnen we bijvoorbeeld doen door een boodschap als ‘Even geduld a.u.b.’  te schrijven in het meegegeven element:

function asyncFn(el, num, callback) {     
document.getElementById(el).innerHTML =
'even geduld...'
;
     setTimeout(
function
() {
        
// ….
    }, 3000); // simuleer vertraging van 3 seconden. };

4. Optioneel: Werken met benoemde functies

Veel programmeurs die zijn gewend te werken met static/compiled languages als Java of C# worden nog steeds een beetje zenuwachtig als ze dat gegoochel met anonieme JavaScript-functies zien als functieparameters. In dat geval mag ook altijd gewerkt worden met benoemde functies (named functions). De code voor aanroepen van de asynchrone functies ziet er dan bijvoorbeeld als volgt uit.

asyncFn('divFeedback', 100, showResult);
//…


function
showResult (totaal) {
     document.getElementById(
'divResult'
).innerHTML =
            
'Klaar! Het totaal is: ' + totaal; }

Een bijkomend voordeel van het werken met named functions is dat de naam van de functie in de call stack wordt getoond bij het debuggen in de Chrome Dev Tools of andere debugger. Het is makkelijker om fouten op te sporen in een serie benoemde functies dan in een stapel anonieme JavaScript-functies.

Samenvatting

In dit artikel heb je gezien hoe je functies schrijft die asynchrone handelingen uitvoeren. Hier werd dat gesimuleerd met een setTimeout(). In werkelijkheid zul je op die plek bijvoorbeeld een Ajax-call naar een externe server uitvoeren.

Je hebt ook gezien hoe je eigen asynchrone functie een callbackfunctie accepteert als parameter en hoe je vervolgens de functieaanroep goed schrijft. Het is gebruikelijk om de callbackfunctie als laatste parameter in te stellen als je eigen functies schrijft.

Meer weten over JavaScript? Lees Web Development Library – JavaScript voor zelfstudie in JavaScript-syntaxis, functies, objecten en modulair programmeren. Volg je liever een op maat gemaakte JavaScript-training met persoonlijke begeleiding? Neem dan contact op!

Peter Kassenaar
-- 10 november 2014.

03november

Anglebrackets conference 2014 - Las Vegas

Evenals vorig jaar zal ik dit jaar de webconferentie Anglebrackets in Las Vegas bezoeken. Dit jaar wordt de hoofdconferentie gehouden van 10 tot en met 13 november in MGM Grand Hotel & Casino in Las Vegas.

anglebrackets conference 2014

Ook in 2013 nam ik deel aan deze conferentie en het was oorspronkelijk niet de bedoeling dat ik opnieuw zou gaan. Ik heb er superveel geleerd over onder meer AngularJS, JavaScript, CSS en Windows Azure.

Maar de closing ceremony van vorig jaar (elke conferentie in de US wordt afgesloten met een groots feest en een vaak humorische keynote) bevatte een verloting. Naast USB-kabels, muismatjes en stickers, was de hoofdprijs een gratis ticket voor de conferentie van 2014.

En wiens badge werd als winnaar uit de grote ton met aanwezigen getrokken? Juist!

Dat betekent dus dat ik dit keer alleen de vlucht- en hotelkosten zelf zou hoeven betalen. De toegang tot de conferentie ($1.795,-)  is gratis. Dat is natuurlijk een buitenkansje dat ik niet mocht laten lopen.

En dus stap ik komende zondag, 9 november, opnieuw op het vliegtuig naar de States. Via een tussenstop in Seattle (thuishaven van onder meer Microsoft, Boeing en Starbucks) vlieg ik naar Las Vegas.

Sessies die op mijn shortlist staan voor een bezoekje zijn onder meer:

    • MOVING FROM ASP.NET AND JQUERY TO ANGULAR AND WEBAPI: A CASE STUDY
    • BUILDING ANGULARJS APPS ON THE MEAN STACK
    • BUILDING CUSTOM ANGULARJS DIRECTIVES - A STEP-BY-STEP GUIDE
    • TESTING ANGULARJS WITH JASMINE, FROM SCRATCH
    • TWITTER BOOTSTRAP COMPONENTS
    • ANGULARJS PATTERNS FOR BUILDING BUSINESS APPS
    • BUILDING HTML5 PERSISTENT APPLICATIONS
    • DESIGNING FOR PERFORMANCE

En dan maar hopen dat er niet te veel overlap is tussen de verschillende sessies. Als elk jaar heeft Anglebrackets topsprekers uitgenodigd. Van de partij zijn onder meer Scott Guthrie, Scott Hanselman, John Papa en Dan Wahlin. En uiteraard Douglas Crockford.

Deze JavaScript-goeroe ontmoette ik vorig jaar ook en na zijn keynote discussieerde ik (kort) met hem over de toekomst van JavaScript en de rol van bekende webpioniers als Douglas Engelbart, Tim Berners-Lee en Marc Andreessen. Het was voor mij een van de hoogtepunten van de conferentie.

Peter Kassenaar (links) en Javascript-hero Douglas Crockford

Ik houd in ieder geval mijn Twitter-feed bij (volg @PeterKassenaar voor status-updates), maar zal proberen ook inhoudelijk te bloggen over de conferentie.

Peter Kassenaar
-- 3 november 2014.

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

24oktober

Verwacht: Web Development Library – AngularJS

Cover van Web Development Library - AngularJS

Dit jaar ben ik begonnen met de Web Development Library, een serie boeken die op een wat meer gevorderd niveau ingaat op zaken waar de moderne frontend web developer mee te maken krijgt.

Op dit moment zijn er drie boeken verschenen in deze serie: JavaScript, jQuery en jQuery Mobile. De volgende titel in de reeks is inmiddels bekend: Web Development Library – AngularJS.

Over AngularJS

AngularJS is een populair client-sided MV*-framework, geschreven in JavaScript. Het biedt voorzieningen waar moderne webapps om vragen zoals data binding, routing, dependency injection, controllers, views en modules.

Ik schreef op dit blog al eerder over AngularJS, onder andere een introductie en over bronnen voor AngularJS. Ook is AngularJS verreweg het meest gevraagde onderwerp voor mijn trainingen. Ter indicatie: ruim 50% van al mijn cursussen gaat over AngularJS. Dat betekent dus dat de andere 50% wordt ingenomen door alle overige onderwerpen tezamen (JavaScript, jQuery, PhoneGap, enzovoort). Met andere woorden: Angular is hot.

In overleg met uitgeverij Van Duuren Media is dan ook besloten dat AngularJS het eerstvolgende onderwerp wordt waarover een uitgave zal verschijnen in de Web Development Library.

Concept inhoud

De inhoud van het boek staat nog niet vast en op detailniveau kunnen nog aanpassingen worden doorgevoerd. Op dit moment ziet de concept inhoudsopgave er als volgt uit:

  • Kennismaken met AngularJS
  • Uw eerste AngularJS-applicatie
  • Meegeleverde directives gebruiken
  • Controllers en modules
  • Routing binnen applicaties
  • Gegevensvoorziening met Services en Factories
  • Live gegevens ophalen met $http
  • Werken met interceptors
  • Custom Directives schrijven
  • AngularJS-applicatiets testen

Ik ben het boek op dit moment aan het schrijven. Uitgave wordt verwacht in het eerste kwartaal van 2015.

Wil je op de hoogte gehouden worden van het verschijnen van deze titel? Laat dan een berichtje achter via de contactpagina. Je krijgt dan eenmalig een e-mailbericht als het boek is verschenen.

Peter Kassenaar
-- 24 oktober 2014