Ember.js - Harnessing Convention Over Configuration
•
1 like•409 views
Learn about Ember.js and the power of convention over configuration. This was for UtahJS!
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (10)
Similar to Ember.js - Harnessing Convention Over Configuration
Similar to Ember.js - Harnessing Convention Over Configuration (20)
More from Tracy Lee
More from Tracy Lee (20)
Recently uploaded
Recently uploaded (20)
Ember.js - Harnessing Convention Over Configuration
- 2. made with keynote @ladyleet Have y’all ever experienced The Chimichanga? https://www.youtube.com/watch?v=PUG5AqBD3T4
- 3. made with keynote Now we can begin my talk! @ladyleet
- 4. made with keynote Do you know what wakes me up at the quack of dawn? @ladyleet
- 6. made with keynote I want to tail about my experiences. @ladyleet
- 7. made with keynote Specifically, with @ladyleet
- 8. made with keynote Waddle she tell us? @ladyleet
- 9. made with keynote Swan’s she going to get to it? @ladyleet
- 10. made with keynote Right now, so wish me good duck. @ladyleet
- 11. made with keynote Hopefully, by the end of this presentation, you’ll be flocking to try Ember. @ladyleet
- 13. @ladyleet Once upon a time I didn’t know how to code…
- 14. made with keynote @ladyleet And ember-cli. Then I discovered Ember…
- 15. made with keynote ember-cli was able to help me build apps immediately. @ladyleet
- 19. made with keynote Architect application Conventions of application Compiler for ES6 Live reload / dev server Testing Staging Production @ladyleet The Power and Conventions of Ember and Ember-CLI App structure same for every app Follows community conventions BabelJS Out of the box! Creates tests for you! Out of the box! Out of the box!
- 20. made with keynote Architect application Conventions of application Compiler for ES6 Live reload / dev server Testing Staging Production @ladyleet The Power and Conventions of Ember and Ember-CLI App structure same for every app Follows community conventions BabelJS Out of the box! Creates tests for you! Out of the box! Out of the box!
- 21. made with keynote Architect application Conventions of application Compiler for ES6 Live reload / dev server Testing Staging Production @ladyleet The Power and Conventions of Ember and Ember-CLI App structure same for every app Follows community conventions BabelJS Out of the box! Creates tests for you! Out of the box! Out of the box!
- 22. made with keynote Architect application Conventions of application Compiler for ES6 Live reload / dev server Testing Staging Production @ladyleet The Power and Conventions of Ember and Ember-CLI App structure same for every app Follows community conventions BabelJS Out of the box! Creates tests for you! Out of the box! Out of the box!
- 23. made with keynote Architect application Conventions of application Compiler for ES6 Live reload / dev server Testing Staging Production @ladyleet The Power and Conventions of Ember and Ember-CLI App structure same for every app Follows community conventions BabelJS Out of the box! Creates tests for you! Out of the box! Out of the box!
- 24. made with keynote Architect application Conventions of application Compiler for ES6 Live reload / dev server Testing Staging Production @ladyleet The Power and Conventions of Ember and Ember-CLI App structure same for every app Follows community conventions BabelJS Out of the box! Creates tests for you! Out of the box! Out of the box!
- 25. made with keynote Architect application Conventions of application Compiler for ES6 Live reload / dev server Testing Staging Production @ladyleet The Power and Conventions of Ember and Ember-CLI App structure same for every app Follows community conventions BabelJS Out of the box! Creates tests for you! Out of the box! Out of the box!
- 26. made with keynote As a beginner I didn’t have to make decisions. I could look to the community for “the ember way”. @ladyleet
- 27. made with keynote The add-on ecosystem is a great example of how the ember community benefits greatly from convention over configuration. @ladyleet
- 28. @ladyleet
- 29. made with keynote $ ember install <ember-addon> Ember-cli allows you to install add-ons into your application and directly imports other build systems without configuration. @ladyleet
- 30. made with keynote Add-on Success Stories @ladyleet ember-data - data layer for your Ember apps ember-cli-deploy - deployment pipeline ember-cli-mirage - client-side HTTP server to develop, test and demo your Ember app
- 31. made with keynote Stable and reliable Vertical growth > horizontal growth @ladyleet Main reasons I choose ember when deciding to build production apps
- 32. made with keynote Let’s see how easy it is to get started! @ladyleet
- 33. made with keynote $ npm install ember-cli $ ember new <app-name> @ladyleet Installing the cli and creating a new app
- 34. made with keynote Now, we code @ladyleet
- 35. made with keynote Creating a new app Structure of application Generating routes / components Basic use of ember’s router Using helpers Display data @ladyleet Building the application
- 36. made with keynote add-ons! @ladyleet Utilizing community resources
- 37. made with keynote The power of ember-cli Convention over configuration The ember community The add-on ecosystem Add-on success stories How to get started with ember What we went over today! @ladyleet
- 38. @ladyleet Resources Github starter repo: https://github.com/ladyleet/ng-cruise-demo-ember Setting up a basic Ember.js app: https://medium.com/@ladyleet/setting-up-a-basic- ember-js-app-c9323760c675#.df609as7e Video: https://www.youtube.com/watch?v=-Ury2S9Y-4Q Tracy Lee @ladyleet github.com/ladyleet modern-web.org medium.com/@ladyleet
- 39. made with keynote Thank you! @ladyleet