Binnenkort 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.

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.

Deze 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

• Bestellen bij uitgeverij Van Duuren Media
• Bestellen bij computerboek.nl
• Bestellen bij bol.com

-- Peter Kassenaar
15 augustus 2014

Vorige week schreef ik over het ontstaan van de nieuwe serie Web Development Library; inmiddels is het eerste boek in deze reeks verschenen!

De basis van elke moderne webapp is JavaScript. Pas als je JavaScript in enige mate beheerst, is het een goed idee om verder te gaan met jQuery, PhoneGap of andere JavaScript-uitbreidingen. Het is dan ook logisch om de serie te beginnen met een boek over JavaScript.

In dit deel leer je programmeren in JavaScript, ondertussen de belangrijkste programmeertaal op internet. Zonder JavaScript zouden sites als Gmail, Facebook, Twitter en talloze andere niet eens bestaan. In het boek leer je JavaScript programmeren vanaf de basis. Eerst wordt ingegaan op taalconstructies, variabelen, lussen en voorwaardelijke statements.

Later maak je kennis met drie belangrijke JavaScript-pijlers als Functies, Arrays en Objecten. Aan het eind wordt ingegaan op JavaScript-mogelijkheden voor objectgeoriënteerd programmeren (ja, dat kan!), overerving, het maken van eigen modules en bibliotheken.

Specificaties

• Boek, paperback, 240 pagina’s.
• ISBN-13: 978-90-5940-758-9 (9789059407589)
• Geschikt voor opleidingen en zelfstudie
• Onafhankelijk van gebruikte platform en browser
• Prijs: EUR 24,95

Van de flaptekst:

“Dit eerste deel van de serie Web Development Library biedt een stevige basis voor het programmeren in JavaScript, de scripttaal die interactiviteit in webbrowsers mogelijk maakt. De auteur gaat uitgebreid in op taalconstructies, opdrachten en de vele mogelijkheden die deze flexibele programmeertaal biedt. Met behulp van voorbeelden en oefeningen ontwikkelt u zich tot een gevorderde JavaScript-programmeur. Tot de behandelde onderwerpen behoren:

• Kennismaken met JavaScript en JavaScript-gereedschappen
• Statements, gegevenstypen, variabelen en operatoren
• Functies, arrays en objecten
• Programmaverloop
• Werken met events en event handlers
• Werken met het document object model (DOM)
• Gevorderd gebruik van functies
• Modulair programmeren

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

Direct bestellen

• Bestellen bij uitgeverij Van Duuren Media
• Bestellen bij computerboek.nl
• Bestellen bij bol.com

-- Peter Kassenaar
7 juli 2014

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

De 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/

https://www.facebook.com/webdevelopmentlibrary

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.

23 mei 2014 – Vandaag is het Handboek Usability – 2e geactualiseerde editie verschenen. In dit handboek leert u alles over het ontwerpen van gebruikersvriendelijke websites. In deze uitgave is alle tekst geactualiseerd en zijn de screenshots aangepast voor de situatie in 2014. Nieuw is een compleet hoofdstuk over mobile usability.

U kunt dit boek gebruiken om uw eigen websites te beoordelen op hun gebruikersvriendelijkheid. Ook leert u hoe u betere websites maakt door vanaf het begin af aan al te letten op factoren die gezamenlijk de gebruikersvriendelijkheid van een website bepalen. U leert eerst welke aspecten een rol spelen bij de usability van een site en gaat vervolgens stap voor stap in detail kijken naar deze factoren. Zo krijgt u langzamerhand een totaalbeeld van de gebruikersvriendelijkheid van een site.

Specificaties

• Boek, paperback, 336 pagina’s
• Full Color-uitgave
• Geschikt voor opleidingen en zelfstudie
• Onafhankelijk van het gebruikte besturingssysteem en browser
• ISBN-13: 978-90-5940-699-5 (9789059406995)
• Prijs: EUR 34,95

Van de flaptekst

“Op internet is de gebruiker de baas. Met maar één muisklik kan hij kiezen uit duizenden soortgelijke websites. Usability gaat over het gebruiksgemak van websites. Hoe gebruikersvriendelijker uw website is, hoe beter hij zal scoren ten opzichte van de concurrentie. In dit geheel in kleur uitgevoerde Handboek Usability laat Peter Kassenaar u uitgebreid zien welke richtlijnen van toepassing zijn bij het maken van gebruikersvriendelijke websites. U leert onder meer hoe usability gedefinieerd wordt en welke kenmerken van toepassing zijn op gebruikersvriendelijke websites. Aan de hand van helder beschreven theorie en talloze schermafbeeldingen met goede en foute voorbeelden hebt u snel inzicht in veelgemaakte usabilityfouten bij webdesign. Door het gebruik van vragen en praktijkoefeningen aan het eind van ieder hoofdstuk is het Handboek Usability buitengewoon geschikt voor opleidingen en zelfstudie. Tot de behandelde onderwerpen behoren:

• wat is usability en wat is user experience
• van algemeen naar specifiek: siteontwerp, navigatie en paginaontwerp
• de homepage en de landing page
• schrijven voor het web
• het belang van de zoekfunctie op een website
• usability en multimedia
• toegankelijk webdesign (accessibility)
• mobile usability
• zelf usabilitytesten uitvoeren

“Dit boek is een must voor webdesigners, webprogrammeurs, webmasters, webschrijvers, hobbyisten, (media)studenten, projectmanagers en marketeers. Kortom, iedereen die met websites werkt om mensen te bereiken. Eén boek – alles over website usability.”

Direct bestellen

• Bestellen bij computerboek.nl
• Bestellen bij bol.com

-- Peter Kassenaar
26 mei 2014

In Nederland vieren we Columbus day (de tweede maandag van oktober) niet. Maar dat betekent niet dat we niet kunnen profiteren van acties in de Verenigde Staten, waar veel bedrijven deze feestdag aangrijpen om korting te geven op producten.

Zo heeft uitgeverij Packt Publishing tot aanstaande maandag een actie waarbij je 50% korting krijgt op alle eBooks en video’s die door dit bedrijf worden uitgegeven. Eerder op dit blog besprak ik bijvoorbeeld de uitgaven jQuery UI Cookbook en jQuery hotshot.

Packt is sterk in technische boeken en trainingsvideo’s over webdesign, development, 3D-design, databasetools en nog veel meer. De eBooks zijn beschikbaar in ePub- en pdf-formaat en kun je ook naar je Kindle tablet laten verzenden (al zijn deze in Nederland ook nog dun gezaaid).

Ook de Nederlandse auteur Hedwyg van Groenendaal (@hedwygNL) is momenteel bezig met een boek in deze serie, Prezi Hotshot, dat later dit jaar of begin 2014 zal verschijnen.

Bestellen

Ga naar http://bit.ly/1bqvB29  om je korting te claimen en gebruik de code COL50 als promocode bij het afrekenen. Door de gunstige dollarkoers valt je voordeel op dit moment zelfs nog hoger uit.

Veel lees- en kijkplezier!

Peter Kassenaar
-- 18 oktober 2013

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.

• HB_JS_Codevoorbeelden.zip (.zip, 1MB)

-- Peter Kassenaar
19 september 2013

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.

• http://www.packtpub.com/jquery-userinterface-cookbook/book

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.]