![Getting Real [Dutch]](https://cdn.slidesharecdn.com/ss_thumbnails/getting-real-dutch-10806-thumbnail.jpg?width=560&fit=bounds)
Bouwstenen voor een moderne webapplicatie
- 1. Bouwstenen voor een moderne webapplicatieKansen voor de developerHendrik Nijmeijer
- 2. Wat is een webapplicatie? Platformonafhankelijk Geen lokale installatie Eenvoudig te koppelen
- 4. De opbouw
- 7. Fundering
- 8. (On)stabiel“Yourappmayworkgreat 90% of the time. Butifyou abandon customers in their time of need, they’reunlikely to forgetit”
- 9. BrowsersModerne browsersInternet Explorer 9Firefox 4.0ChromeSafari (Mac)Nog veel gebruiktOperaFirefox 3.6IE 8IE 7IE 6Safari (Windows)Maar ook… Resolutie
- 10. Flash?
- 11. Javascript?
- 12. Transparantie?
- 13. ….Op smartphonesSafari (iPhone & iPad)AndroidBlackberrySymbian (Nokia)
- 15. Defensief Programmeren“Hmm, hoe ga ik deze kick-ass feature werkend krijgen in alle browsers?”GracefuldegredationImplementeer de functionaliteitZorg er voor dat deze ook werkt in oudere browsersProgressiveenhancementZorg er voor dat de content beschikbaar is in alle browsersVoeg de functionaliteit toe
- 17. OnderhoudbaarheidCode documenterenGebruik versiebeheerIndeling van bestandenDuidelijke naamgeving van classes
- 18. Eenvoudig uit te breidenFrameworksModulairDesign Patterns
- 19. Events in JavascriptIk ben blauw!:-)Eventkleur-veranderd {kleur: rood}Ik lekker ook!Ha!:-(
- 20. Geraamte
- 22. LazyloadingLaad assets pas wanneer ze nodig zijn
- 24. Afwerking
- 25. “Nothing ruins a great websitelike people using it.“
- 26. “Design forwhenthings go wrong.”
- 27. GetDefensiveImplementatieMaak de errorpagina’s functioneel
- 28. Test met echte woorden
- 29. Gebruik unit-testsNa launchBekijk de logsGOEDFOUTGetDefensive
- 30. Instant UtilityGelijk bruikbaarStart met echte dataInloggen met Facebook/Twitter-account
- 34. Bedankt