Slides for HoustonJS meetup to accompany my code demo: https://github.com/ericclemmons/angular-github-demo

1. A BRIEF INTRO TO
ANGULAR.JS
(+ DEMO!)
Thursday, January 31, 13

2. WHO AM I?
Thursday, January 31, 13

3. ERIC CLEMMONS
• VP of Software Development at CMN.com.
• Long-time Javascript wrangler.
• Shares roles between backend & frontend.
• Focuses on right, not quick. (i.e. Architecture)
Thursday, January 31, 13

4. MY BRIEF EVOLUTION WITH FRAMEWORKS
Thursday, January 31, 13

5. WHY ANGULAR.JS?
Thursday, January 31, 13

6. • Architecture patterns baked-in. (e.g. MVC, etc.)
• Enhance HTML to support new features.
• Minimize direct DOM manipulation.
• Embrace de-coupling & re-usability.
• Testing isn’t an after-thought.
• Familiar to server-side templating.
Thursday, January 31, 13

7. . .OR JUST VISIT HTTP://ANGULARJS.ORG/
Thursday, January 31, 13

8. LET’S BUILD SOMETHING!
Thursday, January 31, 13

9. Thursday, January 31, 13

10. LET’S SCALE!
DEVELOPMENT AND PERFORMANCE
Thursday, January 31, 13

11. • Single purpose per file.
• Modularizing (i.e. namespacing) your app.
• Pre-processing data in the Controller vs. the View.
• Compile templates into a single file.
• Utilize a Grunt via a Skeleton or Generator.
• Optimize using Chrome Dev Tools & Batarang
Thursday, January 31, 13

12. BOOKMARK THESE RESOURCES
Thursday, January 31, 13

13. •http://docs.angularjs.org/api/
•https://github.com/angular/angular.js/wiki/
•http://egghead.io/
•http://www.yearofmoo.com/
•http://www.bennadel.com/
•http://briantford.com/blog/
•http://mgcrea.github.com/angular-strap/
Thursday, January 31, 13

14. LET’S DISCUSS!
Thursday, January 31, 13

15. THANK YOU!
GITHUB.COM/ERICCLEMMONS
TWITTER.COM/ERICCLEMMONS
Thursday, January 31, 13