This repository has all the information presented in the session, for your reference.
- Install Yeoman
cd presentation && yeoman server
- Open http://localhost:3500
- Interpolation: http://codepen.io/geelen/pen/Bzbmt
- Binding: http://codepen.io/geelen/pen/sFneI
- Controllers: http://codepen.io/geelen/pen/IdCEi
- Tabs: http://codepen.io/geelen/pen/Klcpt
- Twitter Search: http://codepen.io/geelen/pen/oflBp
- Twitter Filters: http://codepen.io/geelen/pen/oflBp
- Event Directive: http://codepen.io/geelen/pen/JLInu
These examples can also be found in the 'examples' directory of this repo.
The testing part of the course was covered in the preso
repository.
The 'unit'-level test files live in preso/spec/controllers
and preso/spec/directives
.
The end-to-end tests, and runner, live in preso/app/test
.
Recall that it's cd preso && testacular start
to fire up the unit tests and watch for changes.
It's also possible to use yeoman test
to run a once-off test.
If you want to run the e2e tests, fire up the server using yeoman server
then open http://localhost:3501/test/runner.html
The discussion around application structure, communication and refactoring was introduced in the gifs
directory.
Check gifs/app/scripts/controllers
and gifs/app/scripts/services
.
Again, run yeoman server
and hit http://localhost:3501/
to see the code working.
- http://angularjs.org/ - watch the intro videos
- http://docs.angularjs.org/guide/directive - bookmark this
- http://docs.angularjs.org/api/ - keep this open for the rest of your life
- http://egghead.io/ - every one of these videos is great
- http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-testacular.html - a great discussion about testing your app at different levels.
- https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en - the AngularJS Batarang Chrome Extension
- http://builtwith.angularjs.org/ - real world AngularJS apps
- http://blog.appfog.com/angularjs-the-beauty-of-concision/
- http://www.yearofmoo.com/2012/10/more-angularjs-magic-to-supercharge-your-webapp.html
- http://blog.akquinet.de/2013/01/22/maintainable-rich-web-applications-with-angularjs/
- http://dailyjs.com/2012/11/08/angularjs-pitfalls/
If you've got a few minutes, would you mind filling out an anonymous feedback form on the course so I can improve it in future?
If you have an AngularJS question, please get in touch. Best way is through twitter - I'm @glenmaddern.