Choosing a JavaScript Framework
Download as PPTX, PDF0 likes1,356 views
The document discusses various JavaScript frameworks and their functionalities, emphasizing the importance of manipulating the DOM and enhancing the user experience in single-page applications (SPAs). It outlines different frameworks such as MVC and MVVM, along with notable players in the field like Handlebars and AngularJS. Tim Rayburn shares insights and guidelines for developers, including the need for trust within teams and the importance of using commit rights responsibly.
Choosing a JavaScript Framework
- 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) • [email protected] • 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
- 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
- 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
- 43. Polymer
- 44. The Developers
- 45. Wait … WAT?!?!
- 47. More Info https://www.polymer-project.org/ http://www.binpress.com/blog/2014/06/26/polymer-vs-angular/
- 49. React
- 50. The Developers
- 52. Questions?!
- 53. Tim Rayburn [email protected] 817-760-0002