Web Age Webinar Series

Welcome!

Check that you can "raise your hand" next to your name on the left When we start I'll ask everyone to raise their hand to verify you can hear me To ask a question during the presentation type it in the “Questions” section and raise your hand to help me notice it

©WebAgeSolutions.com 1 CLASH OF THE JAVASCRIPT TITANS: BACKBONE.JS AND ANGULAR.JS

A comparison and contrast between Backbone.js and Angular.js

©WebAgeSolutions.com 2 Introduction

Eric W. Greene Web Application Developer [email protected] Web Age Solutions Web Age Solutions provides mentoring services and skills training to companies navigating the world of online business.

©WebAgeSolutions.com 3 Overview of Talk The Problem to be Solved Framework or Library? Differences and Benefits of Each The Big Issue: Two-Way Data Binding Browserify and Node.js Conclusion

©WebAgeSolutions.com 4 The Problem to be Solved

What problem do JavaScript solutions like Backbone.js and Angular.js solve? Single Page Applications (SPAs) SPAs need the following • Structure to manage UI and application data • Method for accessing network resources such as REST services • Routing System for going from page to page without reloading the web page from the server • Template System for constructing views

©WebAgeSolutions.com 5 Framework or Library?

What is the difference between a framework and library? Why is Backbone.js a library? Why is Angular.js a framework? Which are the benefits and costs of using frameworks and libraries?

©WebAgeSolutions.com 6 The Big Issue: Two-Way Data Binding

Two-Way Data Binding is Controversial Some consider it to be an anti-pattern Some consider it to be an essential feature The Loop What is it? How does it work? How does it impact performance? Opinions… Backbone.js Angular.js

©WebAgeSolutions.com 7 Browserify and Node.js

What is Node.js? What is Browserify? Using CommonJS Modules to build web applications Review Browersify Examples for Backbone.js Angular.js

©WebAgeSolutions.com 8 Summary

Examined the problem solved by JavaScript frameworks and libraries such as Backbone.js and Angular.js Explored the similarities and differences of frameworks and libraries focusing on the costs and benefits of them Discussed the idea of two-way data binding underscoring the benefits and limitations of it Reviewed the use of Browserify to build module based web applications

WA2425 AngularJS Training: Introduction to AngularJS Programming

WA2423 Comprehensive JavaScript for Web 2.0 Development

WA2406 Introduction to Responsive Web Development with AngularJS and Bootstrap

WA2446 Introduction to Backbone.js

Eric Greene [email protected]

Web Age Solutions US: Greg Wagner @ [email protected] Web Age Solutions Canada: Gary Bilodeau @ gbilodeau@webagesolutions

Backbone.js - http://backbonejs.org/ Angular.js - https://angularjs.org/