AngularJS UTOSC

WHO AM I?Rob TaylorSoftware Engineer & Technologist• 16 years in the field • Browser Applications • Server Applications • Mobile Applications • Architecture• Training • Trends • New Technologies• Luv learning new things

THE JOURNEY

WHAT HAS HAPPENEDRECENTLY?

A NEW ERA…

WEB APPS ARE GETTINGMORE INTELLIGENT

WHAT’S NEXT?

WEB APPLICATIONS

HTML CHALLENGES Yes, it really is time to move on…Designed around building web sitesDevelopers want • Single page applications • No page refresh • Separation of code • Structure (MVC) • Application design patterns • Service Integration (RESTful Web Services)

WE WANT TO BUILD APPS IN THE BROWSER

WEB APP SOLUTIONS?Emergence of many JavaScript Frameworks • Backbone • Knockout Ooooh. So • Batman many choices! • Sencha Ext • SproutCore • Spine • Sammy • Ember • Cappuccino • and the list goes on…

AND NOW… YAJF (Yet Another JavaScript Framework)? Not really…

MY LITMUS TEST1. Low barrier to entry2. Intuitive API and Syntax3. MVC (Model-View-Controller)4. Code Organization5. Data Binding6. Event Dispatching7. Templates8. Still leverages HTML and CSS (doesn’t try to hide it)9. Single code base for desktop browsers and mobile device10. Team collaboration11. Can be used with other solutions (jQuery, jQuery Mobile, other 3rd party JavaScript libraries and widgets)12. Active community and/or commercial support

MY LITMUS TEST (SIMPLIFIED) Can I build the same application on these devices with the same client code base? Browser Smart Phone Tablet

MY RESULTSI had eventually settled on Backbone.js Shortcomings • Hard to separate view from controller • No data binding • Templates replaced entire sections on eventsWith Knockout.js in a very close second Shortcomings • Data-binding required some setup • MVVM approach vs. MVC approach • Syntax is not as approachable as others frameworks

THEN I FOUND… It passed the my litmus test even though it was in early beta. And now that it is at a 1.0, it has gotten even better!

MY LITMUS TEST Low barrier to entry Intuitive API and Syntax MVC (Model-View-Controller) Code Organization Data Binding Event Dispatching Templates Still leverages HTML and CSS (doesn’t try to hide it) Single code base for desktop browsers and mobile device Team collaboration Can be used with other solutions (jQuery, jQuery Mobile, other 3rd party JavaScript libraries and widgets) Active community and/or commercial supportCould improve

WHAT YOU WILL SEE TODAY  Breakdown of MVC (Model-View-Controller)  Data Binding  Use of templates  Routing  Shared Data  Web service connectivity to a database

QUESTIONS? Rob Taylor roboncode@gmail.com Twitter: @roboncode http://roboncode.com

THANK YOU! Rob Taylor roboncode@gmail.com Twitter: @roboncode http://roboncode.com

http://roboncode.com	89
http://www.roboncode.com	75
https://si0.twimg.com	2
http://us-w1.rockmelt.com	1

AngularJS UTOSC

by roboncode

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 167

Statistics

AngularJS UTOSC Presentation Transcript

AngularJS UTOSC

by roboncode

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 167

Statistics

AngularJS UTOSC Presentation Transcript

Let LinkedIn power your SlideShare experience

Let LinkedIn power your SlideShare experience

Customize SlideShare content based on your interests

Keep up to date when your LinkedIn contacts post on SlideShare