One Framework to Rule Them All
Download as pptx, pdf0 likes593 views
The document discusses AngularJS, a framework for building client-side web applications. It introduces key concepts in AngularJS like directives, data binding, controllers, and services. It then provides recommendations for code organization with AngularJS including file naming conventions and design patterns. Finally, it discusses testing AngularJS applications with tools like Jasmine, Karma, and integrating tests with continuous integration servers.
One Framework to Rule Them All
- 1. ONE FRAMEWORK TO RULE THEM ALL SIRAR SALIH SOFTWARE ENGINEER
- 2. About me C++ 2D Games Algorithms C# .NET Desktop apps Web apps HTML 5 JavaScript Web apps
- 3. About me
- 4. HTML enhanced for web apps!
- 6. GET (once) POST (later) From wikipedia
- 7. • Directives – Powerful, Angular-only feature – Simplify DOM manipulation by reusable custom functionality • Data binding – Models • Controllers – Behavior – Avoid DOM manipulation • Form validation – Easy client-side validation • Localization – Filter directives • Testability – Designed to be testable – Easy dependency injection • +++
- 8. «With great power, comes great responsibility.» – Uncle Ben
- 10. • Controller
- 11. • Directive
- 12. • Service – Data
- 13. • Service – Data
- 14. Demo time!
- 15. Best Practices
- 16. Naming Conventions • File naming – mainCtrl.js – mainSvc.js – mainDirective.js • JavaScript – mainController – mainService – mainDirective • HTML – <main-directive></main-directive>
- 17. Design Patterns • Feature Pattern – Break into feature folders
- 18. Design Patterns • Enterprise Pattern – Break into component folders
- 19. Design Patterns • App Pattern – Break into module folders
- 20. TDD All the Way
- 21. «With great power, comes great responsibility.» – Uncle Ben • Jasmine
- 22. «With great power, comes great responsibility.» – Uncle Ben • Jasmine
- 23. «With great power, comes great responsibility.» – Uncle Ben • Jasmine
- 24. «With great power, comes great responsibility.» – Uncle Ben • Karma test runner
- 25. «With great power, comes great responsibility.» – Uncle Ben • Karma test runner
- 26. «With great power, comes great responsibility.» – Uncle Ben • Karma coverage (Istanbul plugin)
- 27. «With great power, comes great responsibility.» – Uncle Ben • Karma coverage (Istanbul plugin)
- 28. Test Automation «With great power, comes great responsibility.» – Uncle Ben
- 29. «With great power, comes great responsibility.» – Uncle Ben • Grunt
- 30. «With great power, comes great responsibility.» – Uncle Ben • Karma TeamCity (TeamCity plugin)
- 31. «With great power, comes great responsibility.» – Uncle Ben • Karma TeamCity (TeamCity plugin)
- 32. «With great power, comes great responsibility.» – Uncle Ben • Karma TeamCity (TeamCity plugin)
- 33. «With great power, comes great responsibility.» – Uncle Ben • Karma coverage (Istanbul plugin)
- 34. Thank you / Questions? Blog: http://sirars.com/ • [email protected] / [email protected] • @SirarSalih