ember.js - harnessing convention over configuration
Post on 09-Feb-2017
70 Views
Preview:
TRANSCRIPT
made with keynoteHello!
@ladyleet
made with keynote
@ladyleet
Have y’all ever experienced The Chimichanga?
https://www.youtube.com/watch?v=PUG5AqBD3T4
made with keynote
Now we can begin my talk!
@ladyleet
made with keynote
Do you know what wakes me up at the quack of dawn?
@ladyleet
made with keynote
JavaScript
@ladyleet
made with keynote
I want to tail about my experiences.
@ladyleet
made with keynote
Specifically, with
@ladyleet
made with keynote
Waddle she tell us?
@ladyleet
made with keynote
Swan’s she going to get to it?
@ladyleet
made with keynote
Right now, so wish me good duck.
@ladyleet
made with keynote
Hopefully, by the end of this presentation, you’ll be flocking to try Ember.
@ladyleet
Tracy Lee
@ladyleet github.com/ladyleet
modern-web.org medium.com/@ladyleet
@ladyleet
@ladyleet
Once upon a time I didn’t know how to code…
made with keynote
@ladyleet
And ember-cli.
Then I discovered Ember…
made with keynoteember-cli was able to help me build
apps immediately.
@ladyleet
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!
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!
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!
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!
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!
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!
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!
made with keynote
As a beginner I didn’t have to make decisions.
I could look to the community for “the ember way”.
@ladyleet
made with keynote
The add-on ecosystem is a great example of how the ember community benefits greatly
from convention over configuration.
@ladyleet
@ladyleet
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
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
made with keynoteStable and reliable
Vertical growth > horizontal growth
@ladyleet
Main reasons I choose ember when deciding to build production apps
made with keynoteLet’s see how easy it is to get started!
@ladyleet
made with keynote$ npm install ember-cli
$ ember new <app-name>
@ladyleet
Installing the cli and creating a new app
made with keynoteNow, we code
@ladyleet
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
made with keynoteadd-ons!
@ladyleet
Utilizing community resources
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
@ladyleet
ResourcesGithub 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
made with keynoteThank you!
@ladyleet
top related