Modulair ontwikkelen met AngularJS

35

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

Page 1: Modulair ontwikkelen met AngularJS
Page 2: Modulair ontwikkelen met AngularJS
Page 3: Modulair ontwikkelen met AngularJS
Page 4: Modulair ontwikkelen met AngularJS
Page 5: Modulair ontwikkelen met AngularJS
Page 6: Modulair ontwikkelen met AngularJS
Page 7: Modulair ontwikkelen met AngularJS
Page 8: Modulair ontwikkelen met AngularJS
Page 9: Modulair ontwikkelen met AngularJS
Page 10: Modulair ontwikkelen met AngularJS
Page 11: Modulair ontwikkelen met AngularJS
Page 12: Modulair ontwikkelen met AngularJS
Page 13: Modulair ontwikkelen met AngularJS
Page 14: Modulair ontwikkelen met AngularJS
Page 15: Modulair ontwikkelen met AngularJS
Page 16: Modulair ontwikkelen met AngularJS
Page 17: Modulair ontwikkelen met AngularJS
Page 18: Modulair ontwikkelen met AngularJS
Page 19: Modulair ontwikkelen met AngularJS
Page 20: Modulair ontwikkelen met AngularJS
Page 21: Modulair ontwikkelen met AngularJS
Page 22: Modulair ontwikkelen met AngularJS
Page 23: Modulair ontwikkelen met AngularJS
Page 24: Modulair ontwikkelen met AngularJS
Page 25: Modulair ontwikkelen met AngularJS
Page 26: Modulair ontwikkelen met AngularJS
Page 27: Modulair ontwikkelen met AngularJS
Page 28: Modulair ontwikkelen met AngularJS
Page 29: Modulair ontwikkelen met AngularJS
Page 30: Modulair ontwikkelen met AngularJS
Page 31: Modulair ontwikkelen met AngularJS
Page 32: Modulair ontwikkelen met AngularJS
Page 33: Modulair ontwikkelen met AngularJS
Page 34: Modulair ontwikkelen met AngularJS
Page 35: Modulair ontwikkelen met AngularJS