A Brief Intro to

By Alan Hietala@alanhietala

What Tools am I using?

• Software Developer at ecobee Inc. • Focused on development of web and mobile applications in

Javascript

Who Am I?

• Webstorm• Yeoman• Grunt• Bower

• Karma Runner• Jasmine

What is AngularJS?• Teaches your browser to understand new HTML via

directives.• 2 Way Data binding (changes to the model reflected

in the UI and vice versa)• A toolkit of new HTML for the browser to

understand out of the box• MVC separation of concerns• Injectable services to handle common tasks such as

XHR, query string manipulation.

Live Demo Time!

• Attendance list application• Add new attendees• Search Attendees• Cross off Attendees

Full source with boilerplate / solutions available at:

http://github.com/AlanHietala/DevTO