Introduction to AngularJS

An intro to what AngularJS is and a walkthrough building a small Angular app. Originally put together with reveal.js so some formatting and the app demo are lost.

Transcript

1. GIVE YOUR WEBSITE SUPERPOWERS WITH ANGULARJS! By ( ) Chris Schmitz @ccschmitz
2. WHAT IT IS, YO A structural framework for dynamic web apps. "What HTML would have been had it been designed for web applications."
3. WHAT'S WRONG WITH HTML? It's great, but it was built for static documents, not applications. What do I have to do to trick the browser into doing what I want?
4. HOW DOES ANGULAR FIX HTML? Angular extends HTML and teaches the browser new syntax through directives.
5. TEMPLATES, COMPILERS AND VIEWS Template: Anything with additional AngularJS markup Compiler: Parses templates and instantiates directives and expressions View: The loaded, transformed and rendered DOM
6. DEMO APP < d i v n g - a p p n g - i n i t = " q u a n t i t y = 1 0 ; c o s t = 1 0 0 ; " > < l a b e l f o r = " q u a n t i t y " > Q u a n t i t y < / l a b e l > < i n p u t t y p e = " n u m b e r " n g - m o d e l = " q u a n t i t y " r e q u i r e d > < l a b e l f o r = " q u a n t i t y " > C o s t < / l a b e l > < i n p u t t y p e = " n u m b e r " n g - m o d e l = " c o s t " r e q u i r e d > < p > T o t a l : { { q u a n t i t y * c o s t | c u r r e n c y } } < / p > < / d i v > < s c r i p t s r c = " h t t p : / / c o d e . a n g u l a r j s . o r g / 1 . 2 . 9 / a n g u l a r . m i n . j s " > < / s c r i p t >
7. DEMO APP Quantity: 10 Cost: 100 Total: $1,000.00
8. CONTROLLERS Expose variables and functionality to expressions and directives.
9. DEMO APP (WITH CONTROLLERS!) View the source, Luke →
10. SERVICES View independent logic that can be reused throughout the app.
11. DEMO APP (WITH SERVICES!) May the source be with you →
12. OTHER RESOURCES : Great, short Angular screencasts : In-depth articles on core Angular concepts : Official documentation (awesome!) : That's where I learn everything! egghead.io ng-newsletter.com angularjs.org Zach Gohr
13. THE END BY ( ) CHRIS SCHMITZ @CCSCHMITZ Come to and join ! Startup Weekend Green Bay Digital Fertilizer