Modulair ontwikkelen met AngularJS

Post on 15-Jun-2015

1.133 views 5 download

description

Presentatie gegeven tijdens de Fronteers bijeenkomst op 24 september 2014. Binnenkort volgt de link naar de video. Notes: 3. Opdracht, bouw een single page sociaal netwerk. Hoe doe je dat? Gebruik maken van modules 4. Modules 5-7. Wat zijn modules & voorbeeld binnen front-end context 8-9. In een ideale wereld gebruik je per module een git repository en heeft alles eigen dependencies en een build proces. 10-12. Maar wat als je slechts 1 repository hebt? 13. 14 - 15. Verschillende project opzetten 14 is standaard maar 15 is als je 1 repo hebt. 16. Build configuratie 17. Onze configuratie, SASS wordt 2x gecompileerd en zowel voor de styleguide als voor de site gebruikt. JavaScript JSHint en comprimeren. 18. Standaard functie met Angular dependency injection. Comprimeren gaat fout. 19. Oplossing hiervoor is een array. 20. Waarom Angular, op het keuze moment net kennis gemaakt met dit framework, plus wie wil er niet met iets werken wat zich 'superheroic' noemt. 21. Angular - onze modules zijn of pagina's of slechts elementen (combinaties kan ook) 22. Voorbeeld van een pagina module. 23. Pagina's hebben hun eigen "routes" 24 - 27. Core module laadt alle submodules in en heeft standaard 404 route, directives en filters 28. Localisation, omdat je tekst niet in je html wilt zetten. 29 - 33. Authorisatie zie ook https://medium.com/opinionated-angularjs/techniques-for-authentication-in-angularjs-applications-7bbf0346acec 34. 35. http://twitter.com/kaspereden | http://www.linkedin.com/in/kaspersr

Transcript of Modulair ontwikkelen met AngularJS