building javascript apps for force.com with emberjs
DESCRIPTION
JavaScript developers, join us for an intensive introduction to EmberJS, one of the growing number of client-side MVC frameworks. You'll learn how to manage application flow with the EmberJS router and how to use the HandlebarsJS library for HTML templating, and reducing the amount of procedural JavaScript in your apps. You'll leave with everything you need to know to build your own desktop or mobile app with EmberJS.TRANSCRIPT
![Page 1: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/1.jpg)
Building Javascript Apps For Force.com with EmberJS
Doug Friedman@realdoug
![Page 2: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/2.jpg)
About Me
![Page 3: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/3.jpg)
About Me
![Page 4: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/4.jpg)
Thesis:
Use EmberJS instead of Visualforce.… Sometimes
![Page 5: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/5.jpg)
“Client Side MVC Frameworks”
![Page 6: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/6.jpg)
Javascript Frameworks
![Page 7: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/7.jpg)
Ember has many awesome skills:
▪ Handlebars▪ Scaffolding▪ Friendly APIs▪ Easy AJAX support▪ Routing▪ Pure Javascript▪ Open Source
![Page 8: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/8.jpg)
Handlebars Templates
•Write less code w/ Ember's Handlebars integrated templates •Update automatically when the underlying data changes.
![Page 9: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/9.jpg)
Less time on scaffolding
•Common idioms •Focus on what makes your app unique, not reinventing the wheel.•Just like Salesforce!
![Page 10: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/10.jpg)
Friendly APIs
•“Designed with developer ergonomics in mind”•Easy to use = Save Time!
![Page 11: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/11.jpg)
How Visualforce works
Visualforce HTML & Javascript
HTML & Javascript
HTML & Javascript
![Page 12: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/12.jpg)
How Visualforce works
JavascriptEmber App
• Routing• Data Binding• Templating
![Page 13: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/13.jpg)
How to integrate w/ Force.com
• Javascript• Ruby on Rails• Python & Django• Java• Closure
• Visualforce• Javascript Remoting• Action Functions
• Apex
![Page 14: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/14.jpg)
Talk is cheap. Here are some examples.
![Page 15: Building JavaScript Apps for Force.com with EmberJS](https://reader033.vdocuments.us/reader033/viewer/2022052905/55850ac2d8b42aff298b45ce/html5/thumbnails/15.jpg)