Review of MVC frameworks including AngularJS, EmberJS, and Knockout. Also View Only frameworks such as React, Polymer, and others.

1. Choosing a JavaScript
Framework
The Fastest Treadmill Around

2. About Tim Rayburn
• Principal Consultant at Improving Enterprises
• 8-time Microsoft MVP
• Author, Blogger, occasional Podcaster
• Gamer (Board, Card, PC and Console)
• tim@timrayburn.net
• 817-760-0002

3. TL;DR
Too long; didn’t read

5. “The great thing about a rule of thumb,
is everyone has at least two.”
–Tim Rayburn

6. Tim Rayburn’s
Rules for Teams

7. You have commit rights
and a delete key, don’t
be afraid to use them!

8. You are not your
code!

9. If you don’t trust your
people, why are they
your people?!

10. What is a
“framework”?

11. “Framework”
MV*
Library
DOM
Misc
Server

12. “Framework”
MV*
Library
DOM
Misc

15. “Framework”
MV* Misc
Server

16. The Usual Suspects

17. What they do…
• Manipulation of the DOM
• Smoothes out the JavaScript experience
• Fills gaps which are not covered

18. What they do…
• Manipulation of the DOM
• Smoothes out the JavaScript experience
• Fills gaps which are not covered

19. “Framework”
Library
DOM
Misc
Server

20. Single Page
Applications

21. Why we SPA…
• Harness the power of client
• Avoid “clear and refresh” cycle of the web
• Closest thing the web has to a thick client
user experience
• Because Flash and Silverlight are “wrong”

22. How we SPA…
• MV* frameworks
• MVC - Model View Controller
• MVVM - Model View ViewModel
• And anything else we can think of…

23. The Players

24. The Players

25. The Developers

26. Technologies
• Handlebars
• {{#each}} / {{/each}}
• {{property}}
• JavaScript

27. Achievements
• Cutest Logo
• Dallas Community Support
• http://www.meetup.com/Ember-Dallas

28. The Players

29. The Players

30. The Developers
Steve Sanderson

31. The Developers
Steve Sanderson

32. The Developers
Steve Sanderson

33. Technologies
• Attribute based markup:
• <… data-bind=“foreach: people” …>
• <… data-bind=“text: property” …>
• JavaScript

34. Achievements
• Best Tutorials Site

35. The Players

36. The Players

37. The Developers

38. Technologies
• Attribute based markup:
• <… ng-repeat=“collection” …>
• <… ng-bind=“property” …>
• JavaScript

39. Achievements
• Most Prolific Use
• Most Competitors Supporting
• Documentation like MSDN
• https://docs.angularjs.org
• Dallas Community Support
• http://www.meetup.com/AngularJS-DFW-Area/

40. “Framework”
MV*
Library
DOM
Server

41. View Only Frameworks

42. View Only Frameworks

43. Polymer

44. The Developers

45. Wait … WAT?!?!

46. Developer Preview

47. More Info
https://www.polymer-project.org/
http://www.binpress.com/blog/2014/06/26/polymer-vs-angular/

48. View Only Frameworks

49. React

50. The Developers

51. More Info
http://facebook.github.io/react/

52. Questions?!

53. Tim Rayburn
tim@timrayburn.net
817-760-0002