Post on 02-Jul-2015
description
transcript
Choosing a JavaScript
FrameworkThe Fastest Treadmill Around
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
TL;DRToo long; didn’t read
–Tim Rayburn
“The great thing about a rule of thumb,
is everyone has at least two.”
Tim Rayburn’s
Rules for Teams
You have commit rights
and a delete key, don’t
be afraid to use them!
You are not your
code!
If you don’t trust your
people, why are they
your people?!
What is a
“framework”?
“Framework”
MV*
Library
DOM
Misc
Server
“Framework”
MV*
Library
DOM
Misc
“Framework”
MV* Misc
Server
The Usual Suspects
What they do…
• Manipulation of the DOM
• Smoothes out the JavaScript experience
• Fills gaps which are not covered
What they do…
• Manipulation of the DOM
• Smoothes out the JavaScript experience
• Fills gaps which are not covered
“Framework”
Library
DOM
Misc
Server
Single Page
Applications
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”
How we SPA…
• MV* frameworks
• MVC - Model View Controller
• MVVM - Model View ViewModel
• And anything else we can think of…
The Players
The Players
The Developers
Technologies
• Handlebars
• {{#each}} / {{/each}}
• {{property}}
• JavaScript
Achievements
• Cutest Logo
• Dallas Community Support
• http://www.meetup.com/Ember-Dallas
The Players
The Players
The Developers
Steve Sanderson
The Developers
Steve Sanderson
The Developers
Steve Sanderson
Technologies
• Attribute based markup:
• <… data-bind=“foreach: people” …>
• <… data-bind=“text: property” …>
• JavaScript
Achievements
• Best Tutorials Site
The Players
The Players
The Developers
Technologies
• Attribute based markup:
• <… ng-repeat=“collection” …>
• <… ng-bind=“property” …>
• JavaScript
Achievements
• Most Prolific Use
• Most Competitors Supporting
• Documentation like MSDN
• https://docs.angularjs.org
• Dallas Community Support
• http://www.meetup.com/AngularJS-DFW-Area/
“Framework”
MV*
Library
DOMServer
View Only Frameworks
View Only Frameworks
Polymer
The Developers
Wait … WAT?!?!
Developer Preview
More Infohttps://www.polymer-project.org/
http://www.binpress.com/blog/2014/06/26/polymer-vs-angular/
View Only Frameworks
React
The Developers
Questions?!