Peter Kassenaar

Handboek (X)HTML, CSS en JavaScript

Peter — Mon, 29 Jun 2009 03:15:00 -0400

Vandaag is het Handboek (X)HTML, CSS en JavaScript verschenen. In dit handboek leert u vanaf het nulpunt hoe een website wordt opgezet en welke technieken daarbij worden gebruikt. U leert hierbij zelf de codes schrijven voor webpagina. Het boek gaat hierbij niet uit van een visuele editor, zoals Adobe Dreamweaver of Microsoft Visual Studio. In plaats daarvan gaat u zelf met de code aan de slag, zodat u maximale grip hebt op het eindresultaat. U weet na afloop van dit boek precies wat nodig is om een moderne website te ontwerpen en kunt websites van anderen doorzien.

In de inleidende hoofdstukken worden de drie technieken kort voorgesteld. In de overige hoofdstukken worden de technieken altijd geïntegreerd toegepast. Het boek werkt hierbij case/oplossingsgericht. In het hoofdstuk over formulieren wordt bijvoorbeeld de HTML-code besproken om het formulier in te stellen, maar direct ook de CSS-code om het formulier op te maken en JavaScript-code om formuliervelden te valideren.

Specificaties

Boek, paperback, 480 pagina's.
Geschikt voor Windows en Macintosh
Geschikt voor opleidingen en zelfstudie.
ISBN-13: 978-90-5940-414-4 (9789059404144)
Prijs: EUR 29,90

Van de flapekst:

"(X)HTML, CSS en JavaScript vormen de drijvende kracht achter de hedendaagse website. Niet alleen kennis van deze onderdelen, maar ook van de onderlinge interactie is van cruciaal belang om een gelikte, gebruiksvriendelijke en moderne website te ontwikkelen. In het Handboek (X)HTML, CSS & JavaScript laat internetexpert Peter Kassenaar u zien hoe u gebruikmaakt van genoemde technieken, maar vooral ook hoe u ze optimaal laat samenwerken. Het resultaat is een website die zich aan de huidige webstandaarden conformeert en in alle gangbare browsers optimaal presteert."

Beknopte inhoudsopgave

Tot de behandelde onderwerpen behoren:

Beginnen met HTML
Kennismaken met CSS
JavaScript in een notendop
Koppelingen maken
Werken met HTML-lijsten
Verschillende mediatypen op de site gebruiken
Werken met HTML-tabellen
Pagina's opmaken met CSS-lagen
Werken met formulieren
Technieken met JavaScript
De site publiceren op het web

Oefenbestanden

In het boek staan tal van oefeningen om zelf met HTML, CSS en JavaScript aan de slag te gaan en direct uw eigen website op te zetten voor school, vereniging, onderneming of hobby. Het is typisch een boek om naast het toetsenbord te leggen en zelf mee oefenen.

HtmlCssJavaScriptOefenbestanden.zip (1,0 MB)

De oefenbestanden zijn te downloaden als één groot zip-bestand. Hierin staan de oefenbestanden gerangschikt in afzonderlijke zip-bestandjes per hoofdstuk.

Hebt u het boek gelezen en hebt u er opmerkingen over ter verbetering van een eventuele volgende druk? Of wilt u andere lezers laten delen in uw ervaringen? Laat dan een bericht achter onder dit artikel.

Bestellen

Peter Kassenaar
-- 29 juni 2009

JavaScript wordt mooie zwaan - column

Peter — Wed, 24 Jun 2009 02:37:00 -0400

Binnenkort verschijnt mijn nieuwe boek 'Handboek (X)HTML, CSS en JavaScript'. Dit boek is geschikt voor iedereen die zelf webpagina's wil maken, maar hierbij niet afhankelijk wil zijn van een visuele editor zoals Adobe Dreamweaver of Microsoft Expression Web. In het boek worden de drie standaarden waarop elke webpagina is gebaseerd van de grond af, op geïntegreerde wijze besproken.

Speciaal voor deze uitgave heb ik voor computerboek.nl een aantal columns geschreven die losjes over HTML, CSS en JavaScript gaan. De eerste column (W3C, opchieten) lees je hier. Deze tekst is ook verschenen op de site van computerboek.nl.

De verwachte verschijningsdatum van het boek is 26-06-2009 en de verwachte prijs is EUR 29,90 (480 pagina's). Zodra het boek beschikbaar is zal ik dat op deze site aankondigen en kun je de oefenbestanden downloaden.

"Lange tijd werd JavaScript beschouwd als het lelijke eendje in de webdesign-wereld. Goed, het was een programmeertaal, maar dan toch eerder speeltje binnen de browser dan een gereedschap voor serieuze toepassingen. Typische JavaScript-taken waren bijvoorbeeld het tonen van al dan niet overbodige waarschuwingsvenstertjes ('Welkom op mijn website, gast!'), het valideren van formulier-velden en het tonen van een scrollende boodschap of klokje in de statusbalk van de browser. Tot zover JavaScript.

Tenminste, tot voor kort.

JavaScript werd medio 1995 onder de naam Mocha en later LiveScript ontwikkeld door Brendan Eich, destijds een medewerker van browserfabrikant Netscape. In Netscape Navigator 2.0 werd de eerste versie van JavaScript aan de wereld getoond. De naam van de programmeertaal werd met het voorvoegsel 'Java' getooid omdat dit uit marketingoverwegingen beter aansloot bij het juist door Sun gelanceerde programmeerplatform Java. Hoewel JavaScript voor de hiervoor genoemde taken goed te gebruiken was, had de scripttaal onder programmeurs geen goede naam. Er werd gebruik gemaakt van een complex en inconsistent programmeermodel (het Document Object Model, DOM), dat van browser tot browser verschilde, er waren geen goede tools voor het opsporen van fouten (debugging) en de manier waarop met objecten en variabelen werd omgegaan was anders dan in andere programmeertalen. Goed, als het echt niet anders kon dan wilde de webontwikkelaar wel een paar regels JavaScript schrijven, maar als het even kan werd het gebruik ervan vermeden.

Totdat vier letters voor een omslag zorgden.

Deze vier letters zijn natuurlijk 'AJAX'. Dit staat voor Asynchroon JavaScript and XML. Opeens bleek een functie die al langere tijd binnen JavaScript bestond om asynchroon verzoeken te doen aan de webserver (voor de kenners: het object XMLHttpRequest) enorm handig om delen van een pagina opnieuw te laden. Hierbij is het niet meer nodig de hele pagina te verversen. Dit zorgt voor een veel betere gebruikerservaring bij de bezoeker - want die hoeft immers niet meer vooruit en achteruit te bladeren door een website. Ook bleken op deze manier in combinatie met het eerder verfoeide DOM interactief complete onderdelen aan een pagina te kunnen worden toegevoegd, te worden geanimeerd, of uit de pagina worden verwijderd.

Ineens bleek JavaScript in moderne webtoepassingen steeds belangrijker, om niet te zeggen onmisbaar. Op welke manier zouden anders websites als Gmail, Flickr, FaceBook, Google maps en talloze anderen goed moeten werken? Dat zou onmogelijk zijn. Bijkomend voordeel - en in grote mate bepalend voor het huidige succes - is dat JavaScript door alle moderne browsers op dezelfde wijze wordt verwerkt. Hierdoor was het voor grote bedrijven als Google en Yahoo mogelijk standaardbibliotheken met animaties, invulvensters, validaties en meer te ontwikkelen die in alle browsers gelijk functioneren. Webontwikkelaars omarmden deze en andere, door kleine partijen als jQuery en MooTools ontwikkelde bibliotheken met grote vreugde.

Het balletje was gaan rollen. Tegenwoordig kan elke webdesigner met een paar klikken een complete JavaScript-functiebibliotheek downloaden en met enkele regels code aan zijn pagina toevoegen en aanroepen. Dit verbetert de standaardisatie van de site en verminderd de afhankelijkheid van externe plug-ins als QuickTime, Flash of Silverlight.

Grappig hierbij om te zien is dat het - ondanks de naam Asynchroon JavaScript en XML - helemaal niet nodig is te werken met XML, dat een aanroep niet asynchroon hoeft te zijn, en dat het gebruik van JavaScript tegenwoordig bijna tot een minimum beperkt is.

Brendan Eich kan trots zijn. Ruim 15 jaar na de geboorte van JavaScript is het voormalige lelijke eendje uitgegroeid tot een sierlijke zwaan die onmisbaar is in modern webdesign."

Peter Kassenaar
-- 24 juni 2009

Help, internet praat tegen mij!

Peter — Wed, 17 Jun 2009 09:47:00 -0400

Correct Nederlands kan lastig blijven - maar kan tevens tot verrassende onthullingen leiden.

Zo kreeg ik vandaag een bericht van de firma Bestel Direct, waarin werd aangekondigd dat het internet tegenwoordig vanzelf tegen je kan gaan praten!

Een spatie meer of minder kan veel verschil maken...

Peter Kassenaar
-- 17 juni 2009

W3C, opschieten! - column

Peter — Tue, 16 Jun 2009 03:33:00 -0400

Speciaal voor deze uitgave heb ik voor computerboek.nl een aantal columns geschreven die losjes over HTML, CSS en JavaScript gaan. Ze zijn ook verschenen op de site van computerboek.nl

"Wie al wat langer meeloopt in de webdesignwereld kan zich de eerste 'browser war' uit de jaren 1996-2000 nog wel herinneren. De browsers Netscape Navigator en Microsoft Internet Explorer vochten een bittere strijd uit om de gunst van de eindgebruiker. Ze deden dit onder meer door in elke nieuwe versie van hun browser nieuwe mogelijkheden en nieuwe HTML-tags te introduceren en te proberen deze tot standaard te verheffen. Kent iemand nog tags als <marquee>, <blink>, <layer>, <spacer> en <multicol>?. Hetzelfde gebeurde op het gebied van CSS-ondersteuning en JavaScript-versies. Tot op de dag van vandaag gebruikt Microsoft een (iets) andere manier van JavaScript-verwerking die ze hardnekkig JScript blijven noemen.

Omdat webdesigners deze tags en technieken naar eigen goeddunken gebruikten, leidde dit er toe dat er talloze sites waren die er goed uitzagen in Internet Explorer, maar in Netscape Navigator onleesbaar waren, of andersom. Iedereen kent nog wel knoppen en teksten als 'Deze site is geoptimaliseerd voor [vul een browsernaam in]'.

De aanwezigheid van zoveel 'standaarden' is voor iedereen vervelend. Voor thuisgebruikers, omdat de site die ze bezoeken mogelijk niet goed wordt weergeven in de browser die zij gebruiken. Maar ook voor ontwerpers, omdat zij bij het ontwerp van hun site rekening moeten houden met allerlei verschillende browserversies en zogenaamde standaarden.

Het World Wide Web Consortium (W3C), onder leiding van webuitvinder Tim Berners-Lee zag deze ontwikkelingen op het browserfront met lede ogen aan. W3C tracht de ontwikkelingen op webgebied in goede banen te leiden door richtlijnen en standaarden te publiceren waar - als het goed is - elke browserfabrikant zich aan houdt. Om de browser war in goede banen te leiden werden de standaarden HTML 3.2 en HTML 4.01 (1997-1999) en CSS level 1 en level 2 (1996-1998) opgesteld.

En toen gebeurde er een hele tijd niets.

De browser war werd overtuigend gewonnen door Internet Explorer. Niet in de laatste plaats omdat Microsoft het onmiskenbare voordeel had dat ze de browser met elke computer met Windows konden meeleveren maar ook omdat - eerlijk is eerlijk - technisch gezien Internet Explorer in die jaren een veel beter product was dan het topzware en onstabiele Netscape Navigator. Voor gebruikers en webdesigners is het leven nu een stuk aangenamer, omdat de standaarden bekend zijn en alle browsers zich hier binnen redelijke grenzen goed aan houden.

Maar het web veranderd voortdurend. De strijd tussen browsers is nieuw leven ingeblazen door de lancering van Mozilla Firefox. Deze browser knabbelt voortdurend procentjes af van het marktaandeel van Internet Explorer. Van een comfortabele 90% zakt het aandeel Microsoft-browsers nu naar waarden tussen de 60% en 70%. In het kielzog van Firefox zagen ook andere grote partijen weer brood in het lanceren van een eigen browser. Apple ontwikkelde Safari, Google kwam een half jaartje geleden met Google Chrome op de proppen.

En wat doet W3C? Het is al jaren angstig stil uit deze hoek. Jazeker, er zijn tal van aanbevelingsrapportages, werkgroepen en activiteitencommissies en die zich buigen over vraagstukken over hoe de nieuwe ontwikkelingen als AJAX, Flash, Silverlight en meer nu gestandaardiseerd kunnen worden. Al bijna tien jaar wordt gewerkt aan de opvolger van HTML 4.01. Toch wordt HTML 5 - volgens de meest gunstige schatting - pas in de jaren 2010-2012 verwacht, terwijl een uitloop naar 2015 of nog later niet ondenkbaar is.

Browserfabrikanten wachten hier natuurlijk niet op en proberen elkaar nu al telkens de loef af te steken met nog snellere scores op JavaScript-taken, betere ondersteuning van de ACID-compatibiliteitstest en het steeds sneller laden van pagina's. Het verst hierin gaat Apple, dat begin juni bij het uitbrengen van Safari 4 voor Windows en Macintosh op hun conferentie voor programmeurs in San Fransisco (WWDC) aankondigde dat Safari 'de beste ondersteuning biedt voor nieuwe elementen uit de HTML 5-standaard'. Een standaard die op zijn vroegst pas over een aantal jaar bekend wordt!

W3C zou er goed aan doen haast te maken met het standaardiseringproces en snel duidelijkheid te scheppen over de nieuwe elementen in HTML 5 en de wijze waarop deze door webdesigners en browserfabrikanten verwerkt moeten worden. Anders staan we aan de vooravond van een nieuwe golf websites die is 'geoptimaliseerd voor [vul browsernaam in]'. Hier is niemand mee gediend."

Peter Kassenaar
-- 16 juni 2009

Lumberjack

Peter — Sat, 13 Jun 2009 08:26:00 -0400

Vandaag met de kinderen naar Doetinchem geweest om nieuwe schoenen te kopen. Thuisgekomen valt mijn blik op het merk op de schoenendoos van mijn dochter. Zij draagt met ingang van vandaag 'Lumberjack'-schoenen.

Dat zette Monty Pythonesque associaties in gang in mijn hoofd. Even zoeken, en ja hoor! Hier is 'ie:

En live is het ook fantastisch:

Peter Kassenaar
-- 13 juni 2009

DevDays 2009 - Goodies

Peter — Fri, 12 Jun 2009 00:22:00 -0400

Zoals bij vrijwel elk iets groter evenement heden ten dage wordt bij aanvang van het festijn een zogenoemde 'goodie bag' uitgereikt. Nu is de situatie hier nog niet ze extreem als in de Verenigde staten, waar deelnemers naar het schijnt met speciaal voor dit doel meegenomen rugzakken de conferentievloer betreden. Dit om alle uitgereikte prullaria (t-shirts, koffiekoppen, shampoo's, notitieblokken, pennen en wat dies meer zij) te kunnen meezeulen. Maar ook op de DevDays was de goodie bag weer aanwezig.

Mijn verslag van de DevDays 2009

Naast de standaard aanwezige foldermaterialen van DevDays-sponsors (voornamelijk trainingsinstituten en werkgevers die op .NET-gebied actief zijn), was de inhoud echter magertjes te noemen. Zeg maar, afwezig. Opvallend vond ik dat er behalve de tas zelf, geen enkele Microsoft-uitlating of goodie in aanwezig was. Kredietcrisis?

Hoe dan ook, hieronder een kleine foto-impressie van goodies die ik tijdens de DevDays heb verzameld of gekocht.

Foto 1: De deelnemerskaart / -badge

Foto 2: De goodie bag. Zonder goodies....

Foto 3: Koffiekop van SDN, Software Development Network

Foto 4: LINQ-poster van Info Support (nuttig!)

Foto 5: Twee boeken, gekocht in de pauze bij de stand van Roodveldt Bookshop

Beginning XNA 3.0 Game Programming (Alexandre Santos e.a.) en
XNA 3.0 Game programming recipes (Riemer Grootjans)

Foto 6: Nog een book uit de Roodveldt bookshop

Why software sucks - and what you can do about it - David S. Platt

Vooral dit laatste boek ("Why Software sucks") kan ik iedereen die professioneel in de programmeerwereld bezig is - programmeur of niet - aanraden. Als de tijd het toelaat zal ik er een aparte recensie over schrijven.

Peter Kassenaar
-- 12 juni 2009

Microsoft DevDays 2009

Peter — Thu, 11 Jun 2009 05:39:00 -0400

Om bij te blijven en mezelf te blijven ontwikkelen, bezoek ik voor mijn werk regelmatig ICT-congressen en -bijeenkomsten. Vaak ben ik zelf een van de sprekers, maar nog vaker ga ik gewoon als mezelf – een geïnteresseerde professional en liefhebber. Eerder al blogde ik hier over onder meer

Vorige week (28 en 29 mei) was het de beurt aan de Microsoft DevDays, een evenement dat geheel is gericht op de developer die werkt met (voornamelijk) Microsoft tools – ofschoon dit jaar voor het eerst ook een aantal sessies was gewijd aan de integratie van het Microsoft-platform met onder meer PHP. Aangezien ik voor mijn dagelijks werk het meest met Microsoft-toepassingen ontwikkel (Visual Studio, SQL Server, Internet Information Server), is de DevDays bijna een verplicht nummer.

De DevDays waren dit jaar groter dan ooit te voren, met meer dan 80 sessies in twee dagen (tien parallelsessies tegelijk). Hierdoor is er letterlijk voor elk wat wils. Maar is het ook moeilijk om te kiezen. Gelukkig zijn alle sessies op videotape opgenomen, ze zullen online beschikbaar komen zodat je de sessies die je moest missen alsnog kunt volgen.

Daarnaast was er natuurlijk een grote informatiemarkt, kon je terecht voor boeken en opleidingen en tal van bedrijven hadden 'specialists corners' ingericht waar je over code kon discussiëren, vragen kon stellen of gewoon wat kon babbelen. Een paradijs voor geeks en nerds. Zolang je Microsoft-techniek een warm hart toedraagt, tenminste.

Hieronder een kort verslagje van de sessies die ik heb bezocht met waar mogelijk links naar meer informatie, zodat je zelf verder kunt zoeken.

Foto 1: De entree van de DevDays 2009 (photo: Rob Miles)

Dag 1 – donderdag 28 mei 2009

1. Keynote – The Azure platform, a perspective (David Chapell)

De kickoff voor de DevDays werd gegeven door topspreker David Chapell. In een zowel humoristische als buitengewoon (werkelijk buitengewoon) informatieve sessie over het nieuwe Microsoft Azure platform kreeg je in ruim een uur een prima overzicht van wat dit cloud-platform betekent, hoe het is opgebouwd en wat het heeft te bieden vanuit het oogpunt van de programmeur.

Erg goed vond ik met name dat het hele Azure-platform niet alleen maar werd opgehemeld, maar goed in een context werd geplaatst. Zo was er bijvoorbeeld ook aandacht voor de reeds bestaande cloud-architecturen van Amazon (Amazon Web Services, AWS) en Google (Google App Engine) en werd uitgelegd wat de overeenkomsten en verschillen met Azure waren.

Chapell is een begenadigd spreker en entertainer. Ook is hij een verklaard fan van internet als systeem op zich. 'Isn't it amazing that this whole cloud computing thing first took off by, of all means, a bookstore?!'(hij doelt op Amazon, dat AWS als eerste grote partij openstelde voor ontwikkelaars van derde partijen).

Cloud computing en het programmeren voor applicaties in de cloud is volgens hem nog maar de zesde grote ontwikkeling in inmiddels meer dan vijftig jaar computerhistorie. Na de mainframes in de jaren 50 en 60 ('they weren't called mainframes at that time, they were just computers. They're only called mainframes in hindsight'), de minicomputer in de jaren 60 en 70, de microcomputer (eind jaren 70), de personal computer (jaren 80 en 90) en het mobiele platform (2000-) is het cloud-platform het nieuwe, grote platform voor het programmeren en distribueren van applicaties.

'En of dat nu via de methode van Google, Amazon of Microsoft is, is minder belangrijk. Het is fantastisch om nu een developer te zijn, en dit te mogen meemaken. Geniet er van', zo stuurde Chapell zijn publiek de rest van de sessies in.

2. C# 4.0, the future of C# (Krishnan Subramanian)

Krishnan Subramanian (of kortweg 'Krish') werkt sinds 2005 als senior consultant voor Microsoft Nederland en is gespecialiseerd in .NET, Linq, C# en Visual Studio Team System. In deze sessie liet hij in een kort geschiedenislesje zien hoe C# is ontwikkeld (toch ook al weer tien jaar geleden, sinds 1998) via de verschillende versies en wat de highlights per versie waren. In het kort:

C# 1.0 – kickoff, eerste versie, eigenlijk nog niet helemaal gereed, onder tijdsdruk (van het nieuwe .NET-platform) op de markt gezet.
C# 2.0 – 'filling in the blanks', om er een volwaardige programmeertaal van te maken, met als belangrijkste nieuwe feature de toevoeging van Generics.
C# 3.0 – Mogelijkheden voor de eerste echte uitbreidingen op conceptueel niveau, zoals het toevoegen van LINQ.
C# 4.0 – Meer nieuwe opties om C# breder toepasbaar te maken.

De belangrijkste vernieuwingen die in de komende versie van C# beschikbaar komen, liet hij allemaal al werkend zien in een binnenshuis-build van Microsoft en het nieuwe .NET 4.0-platform. We moeten er nog even op wachten, maar daarna krijgen we onder meer (in een notendop):

Ondersteuning voor dynamische talen zoals Ruby en Python. Introductie van het nieuwe keyword dynamic. Hierbij wordt het type van een variabele dus pas runtime bepaald (dus: C# loosely typed, in tegenstelling tot het huidige strong typed-only model van C# 3.0 en eerder). Dit werkt ongeveer vergelijkbaar als dynamische variabelen in JavaScript en PHP, zo leek het. Een groot gemis is m.i. dan wel dat je (uiteraard) Intellisense in de Visual Studio IDE moet missen. Omdat er design time over het type immers niets bekend is.

Optionele parameters en benoemde parameters. Hoera! Eindelijk iets dat ik zo uitermate handig vind in Objective C (dat voor ontwikkelen voor de Mac en iPhone gebruikt wordt). Het is nu mogelijk parameters in een functiedefinitie een naam mee te geven en tegelijkertijd een default waarde. Dit gaat enorm veel tijd schelen in het schrijven van overloaded functies. Argumenten die je weglaat in een functie-aanroep, krijgen binnen de functie vanzelf hun defaultwaarden die je in de functiedefinitie hebt geschreven. Superhandig.

Bovendien wordt de functie-aanroep een stuk leesbaarder, omdat de naam van een parameter en zijn waarde tegelijkertijd in de functieaanroep geschreven kunnen worden, zoals in openFile(name:"file.txt", bufferSize:8012). Dit is beter dan een huidige aanroep als openFile("file.txt", 8012). Voor file.txt kun je in dat geval nog wel raden dat het hier om de filenaam gaat, maar waar de waarde 8012 op slaat moet je in dat geval maar gokken (of: via Intellisense of function insight opvragen, wat natuurlijk weer een extra stap is). Oftewel de C# 4.0-code is veel meer self-explainable dan eerdere versies en dat is een goed ding.

Beter COM-interoperabiliteit. Door het beschikbaar komen van optional parameters, is het schrijven van ellenlange functie-aanroepen naar COM-componenten (zoals Office-componenten) verleden tijd. Alle 'missing'-parameters mag je in C# 4.0 gewoon weglaten, omdat ze hun defaultwaarden krijgen. Ook dit zorgt voor veel compactere en meer leesbare code. En het scheel enorm veel ontwikkel- en debugtijd (ooit urenlang gezocht in een functie-aanroep waar uiteindelijk het elfde argument in een serie van achttien bleek te missen? Dat hoeft nu niet meer!)

Covariantie en contravariantie. Hier haakte ik even af – ik begreep het toen hij het uitlegde, maar kan het nu niet reproduceren. Ik heb er in mijn programmeerpraktijk nog niet mee te maken gehad, maar het zal ongetwijfeld een belangrijke stap voorwaarts zijn.

3. Visual Studio IDE Tips and Tricks (Sara Ford)

De goedlachse Amerikaanse Sara 'Tools, Options' Ford is een attractie op zich om naar te kijken. Oorspronkelijk kwam ze bij Microsoft te werken als tester van Visual Studio. Haar verantwoordelijkheid was er voor te zorgen dat de interface van VS voldeed aan de standaarden voor toegankelijke interfaces ('section 508'in Amerika) zodat ook blinde gebruikers overweg kunnen met het programma. Dus toen ze bij Microsoft kwam werken vroeg ze aan haar manager:

-'OK, ik moet dus Visual Studio testen met een screenreader. Hoe gebruik je zo'n screenreader eigenlijk op de beste manier?'

- 'Nou, ehh, dat weet ik niet. Probeer het eens met door je monitor uit te zetten?'

En dus, zo vertelde zij 'Heb ik Visual Studio drie maanden lang gebruikt, dag in, dag uit, 8 tot 10 uur per dag, alles getest en alles beschreven, zonder monitor'.

Dit heeft er toe geleid dat zij in de wereld waarschijnlijk het beste op de hoogte is van alle sneltoetsen, mogelijkheden en shortcuts die maar in de Visual Studio Interface aanwezig zijn. Ze heeft daartoe anderhalf jaar lang elke dag een 'tip van de dag' gepubliceerd op haar blog en deze ook gebundeld in een boek (waarvan de opbrengsten ten goede komen aan studiebeurzen voor kinderen uit haar geboortedorp aan de mond van de Mississippi, dat enkele jaren zwaar werd getroffen door de orkaan Katrina).

Een groot deel van de tips kende ik al en gebruik ik ook zelf dagelijks. En dan is zo'n sessie leuk om te zien dat je kennelijk op de juiste weg bezig bent. Een aantal andere tips waren ook voor mij eye-openers en zal ik zeker gaan gebruiken (Ctrl+Shift+V, cycle door het clipboard! Ctrl+ . om een smart tag te openen!). Een compleet overzicht van alle gepresenteerde tips vind je hier.

4. ASP.NET AJAX 4.0 (Fritz Onion)

Fritz Onion is medeoprichter van het bedrijf PluralSight en ASP.NET AJAX-specialist. In zijn sessie ging hij in op de komende vernieuwingen van het 4.0-platform. Onderwerpen waarvan hij demo's liet zien en ze toelichtte zijn onder meer

Live Data Binding (AJAX databinding op een template-achtige wijze). In HTML-code kun je placeholders aangeven als {{naam}} en {{product}}, waarna deze templates runtime worden vervangen door hun echte waarden (die achter de schermen uit de database worden gehaald).
Een JavaScript-dataContext (vergelijkbaar met de huidige server sided datacontexts waar je tegenaan kunt programmeren, maar dan geheel client-sided).
Script library refactoring,
Insluiting en ondersteuning van de JavaScript-bibliotheek jQuery.

De presentaties en demo's van Fritz Onion.

5. What's New in Silverlight 3 (Mike Taulty)

Mike Taulty liet zien welke items nieuw zijn in Silverlight 3. Het was het einde van een lange dag, en ik moet eerlijk bekennen dat ik dit deel niet meer helemaal heb meegekregen. Zelf doe ik (nog) niet veel met Silverlight, reden waarom dit waarschijnlijk een beetje is blijven hangen. Mocht je de blog-post van Taulty hierover zelf willen lezen, dan kun je dat doen op zijn blog.

Dag 2 – vrijdag 29 mei 2009

De eerste sessie van de tweede dag heb ik moeten missen, omdat ik pas om 11.00 uur in Den Haag kon zijn (Dieren - Den Haag is toch altijd nog een kleine 2 uur treinen), maar er bleef nog genoeg over om ook van deze dag een succes te maken.

6. Building RESTful Services with ADO.NET Data Services (Jurgen Postelmans)

Het maken van RESTful services met ADO.NET (voorheen: Project Astoria) is iets dat redelijk nieuw is, en dat ook (nog?) niet veel wordt gebruikt. Er was dan ook niet zo'n grote zaal gereserveerd voor dit onderwerp. Tot verbazing van Jurgen Postelmans puilde de zaal echter uit. Postelmans liet zien hoe op basis van de standaard Northwind-database via RESTful services gegevens konden worden opgevraagd. Via de querystring/URL zijn deze gegevens met eenvoudige functies nog te bewerken, zoals sorteren, filteren of pagineren.

Dit is een technologie waarvan ik waarschijnlijk niet veel gebruik zal gaan maken (ik gebruik meestal plain old SOAP webservices, voldoet tot nu toe altijd), maar het is goed voor je begrip en complete context van het .NET-platform om te weten dat het bestaat.

Wat -voor mij- wel enorm nuttig was aan deze sessie is dat Postelmans aan het einde tussen neus en lippen door even liet zien hoe je vanuit een ASP.NET-pagina lokaal de gegevens uit een webservice kunt consumeren (dit mag elke gewenste webservice zijn). Hier liep ik toevallig zelf de afgelopen week tegenaan bij het debuggen van webservices die ik had geschreven voor een project waaraan ik momenteel werk. Ik kon prima webservices schrijven en aanbieden, maar het zelf verwerken van gegevens uit een webservice (bijvoorbeeld in een GridView) had ik nog nooit gedaan. Nu weet ik hoe het moet, bedankt Jurgen!

7. Make yourself Rich with XNA (Rob Miles)

Rob Miles is docent aan de University van Hull en geeft daar onder meer lessen in programmeren met C#, waarbij veel gebruik wordt gemaakt van XNA om de basisbeginselen van programmeren op een leuke manier (namelijk: door het schrijven van eigen games) te leren. Deze presentatie was hilarisch van vorm en werd mede een groot succes door de typisch Britse humor van Miles ("Wait a minute, I've got to get my paper with Bad Jokes, in case of me getting stuck. If you've ever seen another presentation of mine, the jokes are still the same. Which makes them even worse, I guess").

Een eye-opener voor mij was dat games niet altijd afhankelijk zijn van flitsende graphics en spetterende high scores, maar dat vooral een origineel idee er aan te grondslag ligt. Nu weet iedereen dat natuurlijk wel, maar als je het gedemonstreerd ziet door Rob Miles, zie je hoe waar dat is. Hij kan complete competities verzinnen met alleen een Xbox-controller en een paar regels C# (verstop de controller ergens in de kamer en laat hem trillen. Een persoon moet de controller zien te vinden en op de A-knop drukken voordat de tijd voorbij is. Doet het ongetwijfeld goed op dronken feestjes). Deze, en meer van dit soort eenvoudige maar doeltreffende voorbeelden heeft Miles verzameld/verzonnen als grondlegger van verysillygames.com.

Zo had hij nog een aantal voorbeelden die wat mij betreft een treffende illustratie zijn van het 'out of the box' denken dat noodzakelijk is voor verdere innovatie. Iets dat in theorie iedereen zal beamen, maar in de praktijk o zo weerbarstig blijkt. Omdat het nu eenmaal makkelijker is reeds gebaande paden nogmaals te begaan, of omdat je opdrachtgever vind dat je nu wel erg ver out of the box bent gaan denken, enzovoort, enzovoort. Sinds deze lezing heeft het blog van Rob Miles een vast plekje in mijn RSS-reader gekregen.

In het technische deel van zijn presentatie liet Miles zien hoe de architectuur van een XNA-game er uitziet en wat er op de achtergrond allemaal gebeurt bij het laden van assets en het verwerken van graphics, sound en code. De voorbeelden zijn hier te downloaden: http://www.robmiles.com/journal/2009/5/29/xna-at-devdays-09.html

8. How Development is done @ Microsoft (Gert Drapers)

Gert Drapers is sinds 1991 werkzaam bij Microsoft en woont sinds 1996 ook in Redmond, USA. Hier is hij teammanager voor diverse productteams bij Microsoft (waaronder SQL Server, Windows Server en meer). Ik denk dat dit de enige sessie is waarbij ik geen regel code heb gezien, maar alleen maar werd gesproken over mensen, methoden en structuren.

In zijn openhartige presentatie gaf hij een kijkje in de keuken bij Microsoft. Hij besprak onder meer de manier waarop productteams zijn opgebouwd ([project]managers, developers en testers), hoe de onderlinge verhoudingen ongeveer zijn (1:5:5) en wanneer en waarom daarvan afgeweken kan worden. Ook liet hij zien welke methodieken en planningstools worden gebruikt tijdens het proces van het bouwen van nieuwe software. Drapers vertelde meer over de manier waarop hij mensen selecteerde voor zijn productteams en welke scholing ze verder nog moeten doorlopen voordat ze ook maar één regel code mogen bijdragen aan het eindproduct.

Wat ik echt opmerkelijk vond in zijn verhaal, was dat het proces van dogfooding bij Microsoft erg ver is doorgevoerd. Zo is op dit moment het pakket Visual Studio 2010 in ontwikkeling. De release hiervan wordt dit najaar (2009) verwacht, in combinatie met het .NET platform 4.0, nieuwe AJAX-tools, nieuwe taalversies (C#, VB.NET), enzovoort). Drapers vertelde dat binnen Microsoft iedereen al met VS2010 werkt, vanaf het moment dat de eerste interne build werd vrijgegeven.

Met andere woorden: binnen Microsoft worden nieuwe producten gemaakt met een versie van Visual Studio, die op dat moment nog niet eens klaar is. Het lijkt een beetje te werken als een hijskraan die zichzelf omhoog takelt tijdens het maken van een gebouw.

Oftewel: als je een bug vind in iets dat je hebt gemaakt, is dat dan je eigen schuld, of komt het misschien door de compiler die nog niet helemaal gefinetuned is? Dat moeten enorm lastige momenten zijn voor developers. Hetzelfde geldt voor Windows 7. Binnen Microsoft wordt alleen nog maar ontwikkeld op de nieuwste versie van Windows, een product dat eveneens zelf nog in het ontwikkelstadium verkeerd.

Na afloop van zijn presentatie vroeg ik hem hiernaar en Drapers zij zoiets als "tja, dat is inderdaad lastig, maar dat is nu eenmaal het gevolg van het feit dat wij Microsoft zijn. Wij maken het Operating System. Wij maken Visual Studio. We kunnen nu eenmaal niet naar iemand toestappen om te vragen of het beter kan, als we een fout vermoeden. We zullen alles zelf moeten ontdekken en deze fout rapporteren aan de respectievelijke ontwikkelteams. "

"Het zorgt er voor dat onze producten beter en stabieler worden, maar zorgt tevens voor een langere ontwikkeltijd omdat we noodgedwongen zelf werken met tools die nog niet klaar zijn. Hier moet ik als projectmanager in mijn estimates rekening mee houden".

9. ASP.NET AJAX Tips and Tricks (Gill Cleeren)

De laatste sessie van de devdays 2009 die ik bezocht was van Gill Cleeren, Regional Director voor Microsoft in België en MVP op het gebied van ASP.NET. Cleeren had acht AJAX tips voorbereid, die vanwege de beperkte tijd helaas niet allemaal aan bod konden komen. De tips die wel getoond konden worden waren zonder uitzondering erg nuttig voor webdevelopers.

En ondanks dat ik goed thuis ben op dit gebied, ging het toch wel erg snel. Natuurlijk, het is goed om code alvast voorbereid te hebben en deze in een demo-applicatie te plakken (in plaats van ter plekke alle code zelf te moeten typen), maar op deze manier gaat het vaak wel heel snel. Het zelf typen van code zorgt ook voor een rustpunt in de sessie, waarbij de luisteraar het getoonde even op zich kan laten inwerken en vooral verwerken en in een context plaatsen.

Dat bleef nu achterwege. Cleeren jaagde van voorbeeld naar voorbeeld, en sleepte grote stukken code binnen de demo-applicaties die aan het eind -niet verrassend- probleemloos bleken te werken. Het zou mijns inziens goed zijn om A) het aantal tips wat in te perken in een sessie van ruim een uur, bijvoorbeeld van acht naar zes en B) om de korte code samples toch zelf te typen, om even wat rust te kweken in de sessie.

Hoe dan ook, de inhoud was waanzinnig informatief. Cleeren besprak de volgende onderwerpen:

Een eigen Custom Extender maken in ASP.NET Ajax
Het History object gebruiken in AJAX, zowel client-sided als server-sided (een must voor alle AJAX-programmeur, wat mij betreft. Dit zou verplicht geïmplementeerd moeten worden :-).
ASP.NET authenticatie gebruiken in AJAX (super! Dit ga ik direct doen voor mijn applicaties - inloggen zonder de standaard ASP.NET-controls en verplichte postbacks)
Controls dynamisch toevoegen met het AJAX UpdatePanel
Sites lokaliseren (=meertalig/multicultureel) maken met ASP.NET Ajax (dit is een voorbeeld van demo die wat mij betreft veel te snel ging en daarmee zijn doel voorbij schoot)
Slider extender gebruiken voor een textbox (idem)
AJAX-animaties gebruiken (door tijdgebrek kwam dit item maar kort aan bod)
(zoek)Robots weren van je site (vervallen, eveneens door tijdgebrek).

Meer informatie over deze onderwerpen en de slides en demo's van de sessie van Gill Cleeren staan op zijn weblog.

Wat heb ik moeten overslaan?

Er waren nog tal van andere sessies die er op papier enorm interessant uitzagen, maar helaas parallel liepen met de sessies die ik heb bezocht (opmerking aan organisator Arie Leeuwesteijn: graag minder paralleltracks volgend jaar - of uitbreiden naar drie dagen :-). Ik hoop dat de video's online snel beschikbaar komen, zodat ik ze alsnog kan bekijken:

Building better User Interfaces - Jason Beres
Tasks and threading in .NET 4.0 - Ingo Rammer
Attack and Defense - securing ASP.NET applications - Keith Brown
Production Debugging of ASP.NET applications - Alex Thissen
Extending the Visual Studio 2010 Environment - Martijn Beenes
Functional Programming in C# - Oliver Sturm

Zodra de DevDays-video's beschikbaar zijn, zal ik bovenstaande sessies (en alle uitgebreid besproken sessies) linken naar de juiste video's online.

Peter Kassenaar
-- 01-10 juni 2009

Videodemo's bij Adobe Pulse

Peter — Thu, 09 Apr 2009 05:49:00 -0400

Als je dit blog al wat vaker hebt bezocht, dan weet je dat ik hier met enige regelmaat video's plaats, bijvoorbeeld over Adobe producten als Dreamweaver en Flash.

Gisteren sprak ik met Klaasjan Tukker, Business Development Manager bij Adobe Benelux, en die wees mij op het bestaan van Adobe Pulse. Adobe Pulse is de nieuwe online portal van Adobe Benelux. De site is sinds 1 maart in de lucht.

Misschien ben je ook bekend met Adobe.tv - de videoportal van Adobe die sinds de lancering van de Creative Suite 4-software een enorme boost aan inhoud heeft ondergaan. Het is een erg goed gevulde site (waar ook behoorlijk wat budget voor beschikbaar was, zo vertelde Tukker), maar heeft voor Nederlanders en Belgen een belangrijk nadeel - alle inhoud is Engelstalig.

En hoewel de meeste mensen wel een aardig mondje Engels beheersen, is het in de praktijk lastig om een Engelstalige presentatie, met Engelse software (over een product dat misschien helemaal nieuw voor je is) zonder ondertitels te volgen. Niet alle presentatoren hebben immers een opleiding tot nieuwslezer ondergaan…

Adobe Pulse vult deze leemte op.

Op de site zijn op het moment van schrijven 17 video's aanwezig. Over Adobe-onderwerpen als Photoshop, Acrobat en Flash, maar bijvoorbeeld ook over Apple-hardware en -software, zoals het werken met Mac OS X Finder, Spotlight en Time Machine. Alle video's zijn met Nederlandstalige presentatoren. Aan uitbreiding van het aantal video's wordt gewerkt (want ik zie in de twitter-berichtjes van Tukker dat hij juist Premiere Pro weer heeft gestart voor een nieuwe edit-sessie :-)

Het is de bedoeling dat de site een echte portal gaat worden, met een agenda, community en Adobe evenementen in het land, maar zo ver is het nog niet. Het begin is echter veelbelovend.

Verbeteringen

Er zijn nog een aantal andere puntjes op de site die misschien aangepakt kunnen worden, zoals de mix van Engelstalige en Nederlandstalige inhoud (maar hier moet ik de hand in eigen boezem steken – dit weblog heeft dat ook, omdat het op een vertaalde Engelstalige engine gebaseerd is).

Ook zou het handig zijn als na het kiezen van een video de film automatisch gestart wordt. Nu zit ik vaak enkele seconden te kijken naar het beginscherm, zonder me te realiseren dat ik nogmaals moet klikken om de video te starten…

Hoe dan ook, het initiatief is toe te juichen - neem eens een kijkje op Adobe Pulse.

Peter Kassenaar
-- 09 april 2009

Midnight Club: Los Angeles - True Dedication

Peter — Fri, 03 Apr 2009 03:23:00 -0400

I recently got into gaming on an Xbox 360. Maybe you have read my newbie blog post on the racing game Midnight Club: Los Angeles. Compared to that post, I can tell you that I've just reached 100% career progression on the game. It took me an insane amount of time (70+ hrs. of gameplay), but this of course was due to the lack of racing skills on my side :-).

So basically, this is 'game over' for me. Sure, you can race for fun, or just do the missions again that you've already completed, but without the pressure of real game progression, this is far less fun.

Achievements

But wait - I don't have all the Xbox Live achievements yet! I was on 790/1000 points when I decided to go for one of the hardest achievements in the game, the True Dedication achievement, worth 100 points.

In short: you have to complete different kind of goals for every race in the game (currently 100) and do so in a single race. This means you have to do every race in the game, win it, finish the race with less than 25% damage on your vehicle and beat a given time for that race.

Yes, this is a hard achievement!

True Dedication Progression Application

Within the game there is little indication of how far you've progressed when going for this achievement. So I decided to write my own progression tracking application. I put in a small registration/login system, so it's a multi user application.

The application enables you to show all MCLA-races completed by course, by time, by area, etc. Also the app will let the user filter or sort the complete Goal Attack list by area, by race type etc.

If you are after the True Dedication achievement yourself, give it a look. You're welcome to register.

Check it out at http://www.kassenaar.com/td/.

Best of all (if I may say so myself :-), you can leave your comments on a race by race base. This might be very helpful to others when they are trying to achieve the goals for the same race you have already completed.

Let me know what you think by leaving a message below, or drop me a note at info@kassenaar.com.

Thanks for reading,
-- Peter Kassenaar, 3 april 2009.

Handboek Flash CS4

Peter — Mon, 16 Mar 2009 04:41:00 -0400

Vandaag (maandag 16 maart 2009) is mijn Handboek Flash CS4 verschenen. Het boek is juist van de persen gerold en op dit moment vindt de bevoorrading van de winkels plaats. Binnenkort zal het handboek dus bij alle boekwinkels (online en offline) leverbaar zijn. Details voor online bestellen staan onderaan dit bericht.

Het Handboek Flash CS4 bespreekt het maken van interactieve animaties en Flash-projecten voor gebruik in de stand-alone Flash Player en op het web. Het boek is gericht op de beginnende Flash-gebruiker en veronderstelt geen voorkennis van eerdere versies van Flash.

Specificaties

Boek, paperback, 448 pagina's, Nederlands
Geschikt voor de Nederlandstalige en Engelstalige versie van Flash CS4
Geschikt voor Windows en Mac OS X
ISBN-13: 9789059403871
Prijs: EUR 24,90

Van de flaptekst

"Flash CS4 is het ultieme gereedschap om professionele en gelikte (web)applicaties te ontwikkelen. Dankzij de brede ondersteuning door alle populaire browsers en uit-gebreide mogelijkheden voor mobiele apparaten is Flash hét ontwikkelgereedschap bij uitstek geworden. In het Handboek Flash CS4 laat Peter Kassenaar u uitgebreid kennismaken met de mogelijkheden van dit krachtige pakket. U leert hoe u tekent, kleurt, animeert en publiceert. Tevens maakt u kennis met de achterliggende programmeertaal ActionScript en leert u werken met Adobe Device Central. Aan de hand van helder beschreven theorie en praktische workshops hebt u het programma in no-time onder de knie."

Beknopte inhoudsopgave

Tot de behandelde onderwerpen behoren:

Kennismaken met Flash CS4
Objecten tekenen en bewerken
Werken met kleur
Teksten toevoegen
Flash-symbolen gebruiken: afbeelding, knop en filmclip
Werken met filters
Animaties maken met Inverse Kinematics
Animeren met de bewegingseditor
Tweening en de tijdlijn
Knoppen en ActionScript 3.0
Gluid en video gebruiken
Flash-applicaties publiceren voor het web en mobiele apparaten

Oefenbestanden

In het boek staan tal van workshops om ook daadwerkelijk met Flash aan de slag te gaan. Het is typisch een boek om naast het toetsenbord te leggen en zelf mee te oefenen. De oefenbestanden zijn te downloaden als één groot zip-bestand. Hierin staan de afzonderlijke zipbestanden met de oefenbestanden gerangschikt per hoofdstuk.

FlashCS4Oefenbestanden.zip (16,7 MB)

Heb je het boek gelezen en heb je er opmerkingen over ter verbetering van een eventuele volgende druk? Of wil je andere lezers laten delen in je ervaringen? Laat dan een berichtje achter.

Bestellen

-- Peter Kassenaar
16 maart 2009