[16:19] Tijdens de late jaren ’90 was front-end development niet nieuw. “Business was booming” en iedereen werd pro & developer. Er waren geen opleidingen, tutorials of blogs. Crossbrowser hield in dat je programmeerde voor IE4 & NS4. Er werd weinig CSS gebruikt. Alles werd gedaan met TABLE’s en er werd al helemaal geen javascript gebruikt (buiten imagehovers dan). In de jaren 2002-2003 kreeg men meer inzicht in W3C. Tables werden al minder gebruikt en CSS werd steeds belangrijker. Crossbrowser programmeren werd al moeilijker door IE5.5, IE6 & het begin van Mozilla.

[16:25] Tegenwoordig stijgt de technische ondersteuning. CSS is standaard geworden, Javascript is het nieuwe CSS (steeds populairder), browser bieden meer technische ondersteuning. Crossbrowser betekend programmeren voor IE6, IE7, Firefox, Safari, Opera, etc. Ondanks dat we voor meer browsers aan het programmeren zijn is de tijd die het kost om code crossbrowser te maken minder dan 8 jaar geleden.

[16:28] Front-end developers worden langzamerhand front-end programmeurs. Dit zal uiteindelijk mocht hier niets aan gebeuren leiden tot een daling van de kwaliteit. Een belangrijk ding om in de gaten te houden is het opsplitsen van de content (MVC).

[16:31] Wat tevens belangrijk is, is maintanability. Gebruik vaste patronen en leg deze vast.

[16:34] Veiligheid is iets wat steeds meer zal gaan spelen. Cross-site scripting, Cross-site scripting attacks. Een voorbeeld: de myspace javscript worm. Binnen 20 uur beginnende met 1 infectie had de worm zich aangemeld bij 1.000.000 gebruikers van MySpace (1/35 van het totaal aantal gebruikers).

[16:40] Einde van de presentatie.

[16:45] John Resig houd een presentatie over jQuery

[16:46] 3 lagen. Widgets, libraries, javascript.

[16:47] Voorbeelden van libraries zijn: prototype, jQuery, Yahoo UI & Dojo. Dit zijn op het moment de meest populaire libraries.

[16:49] Prototype was de eerste library in 2005. Hun focus lag op het verbeteren van de usability van JavaScript. De kwaliteit van de code is fantasties. Animaties en dergelijke worden afgehandeld door een aparte library: scriptaculous

[16:50] jQuery legt haar focus op de interactie tussen JavaScript en HTML.

[16:51] YUI – 2006. Dit is een library die intern gefinancieerd is. Zij leggen hun focus op het standaardiseren van JavaScript

[16:52] DoJo – 2005. Zij hebben een sterke aanhang (IBM, AOL). Hun focus ligt op het bouwen van complete grote web applicaties. Verder hebben ze een enorme hoeveelheid functies.

[16:53] Wat heeft een library nodig heeft om zich een library te noemen.

- DOM
- Events
- AJAX
- Animations

Daarop bouwend moet het “User Interface Widgets” mogelijk maken.

[16:55] Tegenwoordig werken libraries bijna allemaal het zelfde: $();, $$();. Verder bieden alle libraries de ondersteuning voor events: observe();, click();, etc. AJAX en animaties.

[16:59] Widgets zijn componenten die je keer op keer opnieuw moet maken. Drag & Drop, Tree, Grid, etc. Al deze components worden door alle libraries ondersteund. Prototype heeft Scriptaculous, jQuery heeft jQuery UI en Dojo heeft Dijit. Yahoo heeft het ingebouwd.

[17:02] Daarnaast zijn er nog een heleboel components die door de meeste libraries ondersteund worden.

[17:05] De vormgeving van deze components is standaard geleverd door de verschillende libraries. jQuery en Yahoo UI bieden hierin een uitgebreide documentatie.

[17:06] De architectuur van de libraries is op de delen in tweeën. Prototype en jQuery zijn bottom-up, terwijl Dojo en Yahoo UI top-down zijn. De laatste twee zijn begonnen op het gebied van widgets, maar zijn langzaam uitgegroeid.

[17:07] Prototype & jQuery zijn MIT licensed, Yahoo UI & Dojo zijn BSD licensed.

[17:09] Alle libraries hebben een goede crossbrowser support.

[17:10] Het belangrijkste is misschien wel de bestands grootte. jQuery is hier de grote winnaar terwijl Yahoo UI de grote verliezer is. Desondanks is het verschil tussen de grootste en de kleinste slechts 20Kb.

[17:12] Alle werken ze met (part-time) betaald medewerkers die werken aan de verschillende libraries.

[17:14] De libraries van vandaag de dag, bepalen de standaarden voor javascript voor de browsers. Browsers passen zich langzaam maar zeker aan op het gebied van deze libraries.

[17:17] Tutorials zijn belangrijk voor een library. jQuery, Yahoo UI en Dojo bieden een makkelijke functie waarbij je video presentaties kunt bekijken van de functies die je wilt gebruiken.

[17:19] Alle libraries zijn goed aan elkaar gewaagd. Het is dan ook kijken welke je het fijnst vind om mee te werken. Aangezien ze allen ongeveer dezelfde functies ondersteunen.

[17:30] Einde van Kings of Code. Het was een lange dag, maar zeker een leerzame. Volgend jaar zijn wij er zeker weer bij.

Op naar phpconference.. Tot dan.

[09:31] Eerste spreker is Peter-Paul Koch a.k.a. PPK van Quirksmode.org. Na zijn lezing bij PFCongrez ben ik benieuwd waar hij dit keer weer mee komt. Na eerst de W3C event specificatie critisch aandacht te hebben gegeven gaat hij snel over op de Mouseover en zijn vriendjes. Aandachtig wordt het probleem met dropdown menu’s, en met name de mouseover & mouseout events die hierbij betrokken zijn, onder de loep genoemen.

[09:45] “Microsoft 99% waardeloos, 1% briljant. Echter is dat briljante dan ook meteen alleen voor microsoft en niet voor de concurrent.”

[10:11] Veel van zijn punten uit de presentatie van het PFCongrez komen terug, hij gaat er dit keer echter dieper op in. Het blijft boeiend om die man aan het woord te hebben. Zijn presentaties zijn goed, duidelijk en recht voor zijn raap.

[10:13] Een hoop van de problemen met apparaat onafhankelijkheid worden aan de kaart gebracht. Internet explorer & Safari (let wel 3.1) komen hierbij uit beste uit de test. Voornamelijk op het gebied van ‘keydown’ en ‘keypress’ events.

[10:17] Leuk om te zien hoe hij alle browsers naast het W3C model legt. Kennelijk luisteren ze geen één van alle naar elkaar. En dan vinden ze het raar dat programmeurs het moeilijk vinden om een website te programmeren voor alle browsers.

[10:20] Tijd voor vragen!

[10:21] De browser van PPK is op dit moment Firefox. Op DOM niveau zou zijn lijstje van boven naar beneden Firefox, Safari, Opera, IE zijn. Als je puur gaat kijken naar het handlen van Javascript dan kan IE wel een stapje omhoog.

[10:23] Hij gebruikt geen libraries maar schrijft zijn eigen liever, puur uit het oogpunt van gewoonte.

[10:24] Aflsuiting van de eerste presentatie (APPLAUS), opnieuw Robert Gaal aan het woord, hij kodigt Folke Lemaitre van Netlog.com aan.

[10:25] Folke aan het woord

[10:28] Wat is Netlog. Netlog is een sociaal netwerk waar je je eigen profiel aan kunt maken, direct kunt communiceren met vrienden en media kunt bekijken als foto’s, video’s, muziek, games, etc. Alles draait om de gebruiker zelf. Activiteiten van vrienden worden direct gecommuniceerd binnen Netlog. Zo ben je op de hoogte als een vriend een nieuwe foto upload of commentaar geeft op foto van een ander.

[10:31] Netlog ziet er overzichtelijker uit dan Hyves. Nu is dat natuurlijk niet het moeilijkste, maar het is wel een partij die de uitdaging aan gaat.

[10:35] statistieken van Netlog:
- 35.000.000 unieke bezoekers
- 4.000.000.000 pageviews/maand
- 19 talen
- 20 landen (Voornamelijk europa)
- top-100 Alexa ranking in België
- Website of the year 2007 awards in Spanje, Frankrijk, Engeland, Duitsland en Italië

[10:38] Hoe ga je om met die 19 talen.
- Templates
- Parsing en koppelen van Identifiers
- Translators
- Compiler
- Staging
- Live

Een erg indrukkendwekkende presentatie van hun template engine.

[11:00] Een lang verhaal, maar het is duidelijk dat Netlog een gedegen concurrent kan worden van Hyves in Nederland. Het is een professioneel opgezet scociaal netwerk, wat er ook nog eens een stuk beter uit ziet als Hyves.nl. Inmiddels ben ik zelf ook te volgend op netlog. Over een paar dagen hier waarschijnlijk meer over als ik het eens aandachtig onder de loep heb genomen.

[11:15] tijd voor een korte pauze

[12:30] De slides van Peter-Paul Koch staan inmiddels online

Voor ons als developers betekent dit dat we gebruik kunnen gaan maken van een hoop standaard client-side functionaliteiten, zoals rich user interfaces (denk aan bijv. een calender-chooser of lightbox), AJAX integratie (denk aan bijv. validatie van formulieren of een winkelwagen) en visuele effecten. Hiermee is Zend Framework weer een stapje verder in de inhaalslag ten opzichte van de andere ‘grote’ PHP frameworks, zoals symfony en CakePHP.

Zend Framework heeft als ‘component based’ framework altijd de doelstelling gehad een use-at-will architectuur weg te zetten en biedt daarom ook in dit geval de mogelijkheid Dojo niet/deels te gebruiken en/of een ander Javascript Framework te implementeren. ‘The Dojo Toolkit’, zoals ze het zelf noemen, zal standaard meegeleverd gaan worden in future releases van Zend Framework. Vanaf welke versie dit zal gaan gebeuren is nog onduidelijk.

De keuze voor Dojo is opvallend te noemen, omdat veel bekende PHP Frameworks Prototype (in combinatie met Scipt.aculo.us) implementeren als standaard. Ik ben dan ook benieuwd naar de redenen waarom voor deze partij is gekozen.

Ook binnen Freshheads was Prototype/Scrip.taculo.us omgedoopt tot de standaard, maar het lijkt erop dat we deze ‘discussie’ moeten heropenen!