Afstudeerpresentatie van Hendrik Nijmeijer. Ook worden er nieuwe technieken als HTML5 gebruikt.

1. Bouwstenen voor een moderne webapplicatie Kansen voor de developer Hendrik Nijmeijer

2. Wat is een webapplicatie? Platformonafhankelijk Geen lokale installatie Eenvoudig te koppelen

3. Server Browser

4. De opbouw

5. Ontwerp Ontwerp

7. Fundering

8. (On)stabiel “Yourappmayworkgreat 90% of the time. Butifyou abandon customers in their time of need, they’reunlikely to forgetit”

10. Flash?

11. Javascript?

12. Transparantie?

13. ….Op smartphones Safari (iPhone & iPad) Android Blackberry Symbian (Nokia)

15. Defensief Programmeren “Hmm, hoe ga ik deze kick-ass feature werkend krijgen in alle browsers?” Gracefuldegredation Implementeer de functionaliteit Zorg er voor dat deze ook werkt in oudere browsers Progressiveenhancement Zorg er voor dat de content beschikbaar is in alle browsers Voeg de functionaliteit toe

16. Tools Herkennen: Modernizr.js Toevoegen: Polyfills

17. Onderhoudbaarheid Code documenteren Gebruik versiebeheer Indeling van bestanden Duidelijke naamgeving van classes

18. Eenvoudig uit te breiden Frameworks Modulair Design Patterns

19. Events in Javascript Ik ben blauw! :-) Event kleur-veranderd {kleur: rood} Ik lekker ook! Ha! :-(

20. Geraamte

21. Technieken CSS3 Media Queries HTML5 <video> <canvas> etc.

22. Lazyloading Laad assets pas wanneer ze nodig zijn

24. Afwerking

25. “Nothing ruins a great website like people using it.“

26. “Design forwhenthings go wrong.”

28. Test met echte woorden

30. Instant Utility Gelijk bruikbaar Start met echte data Inloggen met Facebook/Twitter-account

31. Leesbare URL’s helloworld.com/blog/232 helloworld.com/blog/post/2011/mijn_32_katten

32. Account http://twitter.com/HendrikN Lijst http://twitter.com/HendrikN/politiek

33. Open Doors RSS API Widget/App

34. Bedankt