SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
EMBER CLIA TOOL FOR AMBITIOUS EMBER APPS
ABOUT ME
Ruby/JS Developer at EmergeAdapt
@markprovan
github.com/markprovan
markgprovan@gmail.com
EMBER.JS
Client Side JS MVC Framework
Provides Bindings, Observers, REST Adapter etc
TOOLING IN EMBER.JS
EARLY 2012
...
MID 2012
ACTUAL DOCUMENTATION
EMBER RAILS
EMBER RAILS
Allowed Ember.js applications to be served as part of a Rails app via the
Asset Pipeline.
Introduced great project structure, but, SUCH BLOAT
EARLY 2013
Chrome Inspector
LATE 2013
EMBER APP KIT
2014
EMBER CLI
WHAT IS IT?
Rails like helper for building Ember.js Apps
Generators
Dev Server & Build Tools
Testing by Default
STRUCTURE
app
- adapters
- components
- controllers
- helpers
- initializers
- mixins
- models
- routes
GENERATORS
$ ember generate model Contact
$ ember generate controller Contacts
$ ember generate resource Contacts
BUILD TOOLS
$ ember server
$ ember build
Caveat
Ember CLI currently uses Eval()
eval("define("client/models/student", n ["ember-data","exports"].....
TESTING
$ ember test
Karma
qUnit
DEMO
THE FUTURE
Ember CLI stability
Pods
Better Inspector
Project Unity
Removal of jQuery
QUESTIONS?

Mais conteúdo relacionado

Mais procurados

Ruby on Rails + AngularJS + Twitter Bootstrap
Ruby on Rails + AngularJS + Twitter BootstrapRuby on Rails + AngularJS + Twitter Bootstrap
Ruby on Rails + AngularJS + Twitter BootstrapMarcio Marinho
 
Rails 5 – most effective features for apps upgradation
Rails 5 – most effective features for apps upgradationRails 5 – most effective features for apps upgradation
Rails 5 – most effective features for apps upgradationAndolasoft Inc
 
Active Admin: Create Your Admin Interface the Easy Way
Active Admin: Create Your Admin Interface the Easy WayActive Admin: Create Your Admin Interface the Easy Way
Active Admin: Create Your Admin Interface the Easy WaySmartLogic
 
How angularjs saves rails
How angularjs saves railsHow angularjs saves rails
How angularjs saves railsMichael He
 
Introduction To Angular 4 - J2I
Introduction To Angular 4 - J2IIntroduction To Angular 4 - J2I
Introduction To Angular 4 - J2INader Debbabi
 
AngularJS meets Rails
AngularJS meets RailsAngularJS meets Rails
AngularJS meets RailsElena Torró
 
Introduction to ember js
Introduction to ember jsIntroduction to ember js
Introduction to ember jsAdnan Arshad
 
Some experiences building an Android app with React Native & Redux
Some experiences building an Android app with React Native & ReduxSome experiences building an Android app with React Native & Redux
Some experiences building an Android app with React Native & ReduxAlex Bepple
 
SPA Editing with Sling to the rescue - adaptTo() 2021
SPA Editing with Sling to the rescue - adaptTo() 2021 SPA Editing with Sling to the rescue - adaptTo() 2021
SPA Editing with Sling to the rescue - adaptTo() 2021 Hanish Bansal
 
Ruby on rails3 - introduction to rails
Ruby on rails3 - introduction to railsRuby on rails3 - introduction to rails
Ruby on rails3 - introduction to railsEmad Elsaid
 
One does not simply "Upgrade to Rails 3"
One does not simply "Upgrade to Rails 3"One does not simply "Upgrade to Rails 3"
One does not simply "Upgrade to Rails 3"testflyjets
 
Intro to Rails Give Camp Atlanta
Intro to Rails Give Camp AtlantaIntro to Rails Give Camp Atlanta
Intro to Rails Give Camp AtlantaJason Noble
 
FiNCのWeb API開発事情
FiNCのWeb API開発事情FiNCのWeb API開発事情
FiNCのWeb API開発事情Fumiya Shinozuka
 
AngularJS - introduction & how it works?
AngularJS - introduction & how it works?AngularJS - introduction & how it works?
AngularJS - introduction & how it works?Alexe Bogdan
 
Angular js
Angular jsAngular js
Angular jsMindtree
 
Using Angular with Rails
Using Angular with RailsUsing Angular with Rails
Using Angular with RailsJamie Davidson
 

Mais procurados (20)

Ruby on Rails + AngularJS + Twitter Bootstrap
Ruby on Rails + AngularJS + Twitter BootstrapRuby on Rails + AngularJS + Twitter Bootstrap
Ruby on Rails + AngularJS + Twitter Bootstrap
 
Rails 5 – most effective features for apps upgradation
Rails 5 – most effective features for apps upgradationRails 5 – most effective features for apps upgradation
Rails 5 – most effective features for apps upgradation
 
Active Admin: Create Your Admin Interface the Easy Way
Active Admin: Create Your Admin Interface the Easy WayActive Admin: Create Your Admin Interface the Easy Way
Active Admin: Create Your Admin Interface the Easy Way
 
Ruby On Grape
Ruby On GrapeRuby On Grape
Ruby On Grape
 
How angularjs saves rails
How angularjs saves railsHow angularjs saves rails
How angularjs saves rails
 
Introduction To Angular 4 - J2I
Introduction To Angular 4 - J2IIntroduction To Angular 4 - J2I
Introduction To Angular 4 - J2I
 
AngularJS meets Rails
AngularJS meets RailsAngularJS meets Rails
AngularJS meets Rails
 
Introduction to ember js
Introduction to ember jsIntroduction to ember js
Introduction to ember js
 
Intro to AngularJS
Intro to AngularJS Intro to AngularJS
Intro to AngularJS
 
Rails engine
Rails engineRails engine
Rails engine
 
Some experiences building an Android app with React Native & Redux
Some experiences building an Android app with React Native & ReduxSome experiences building an Android app with React Native & Redux
Some experiences building an Android app with React Native & Redux
 
SPA Editing with Sling to the rescue - adaptTo() 2021
SPA Editing with Sling to the rescue - adaptTo() 2021 SPA Editing with Sling to the rescue - adaptTo() 2021
SPA Editing with Sling to the rescue - adaptTo() 2021
 
Ruby on rails3 - introduction to rails
Ruby on rails3 - introduction to railsRuby on rails3 - introduction to rails
Ruby on rails3 - introduction to rails
 
One does not simply "Upgrade to Rails 3"
One does not simply "Upgrade to Rails 3"One does not simply "Upgrade to Rails 3"
One does not simply "Upgrade to Rails 3"
 
Intro to Rails Give Camp Atlanta
Intro to Rails Give Camp AtlantaIntro to Rails Give Camp Atlanta
Intro to Rails Give Camp Atlanta
 
FiNCのWeb API開発事情
FiNCのWeb API開発事情FiNCのWeb API開発事情
FiNCのWeb API開発事情
 
AngularJS - introduction & how it works?
AngularJS - introduction & how it works?AngularJS - introduction & how it works?
AngularJS - introduction & how it works?
 
Angular js
Angular jsAngular js
Angular js
 
Using Angular with Rails
Using Angular with RailsUsing Angular with Rails
Using Angular with Rails
 
Let's do SPA
Let's do SPALet's do SPA
Let's do SPA
 

Destaque

Clasificion de los lenguajes
Clasificion de los lenguajesClasificion de los lenguajes
Clasificion de los lenguajesPhoenix Dark
 
Presentation wikipixel
Presentation wikipixelPresentation wikipixel
Presentation wikipixelWIKIPIXEL
 
Starting up - Lessons learned from the trenches
Starting up - Lessons learned from the trenchesStarting up - Lessons learned from the trenches
Starting up - Lessons learned from the trenchesIstvan Hoka
 
Inception Product Feature Webinar: Workflow, Versioning & Restore
Inception Product Feature Webinar: Workflow, Versioning & RestoreInception Product Feature Webinar: Workflow, Versioning & Restore
Inception Product Feature Webinar: Workflow, Versioning & RestoreMarco Makfab
 
It's All About Me by Penny Herscher at Defrag Conference 2014
It's All About Me by Penny Herscher at Defrag Conference 2014It's All About Me by Penny Herscher at Defrag Conference 2014
It's All About Me by Penny Herscher at Defrag Conference 2014FirstRain, Inc.
 
Currency matters trading platform vision v1.1
Currency matters trading platform vision v1.1Currency matters trading platform vision v1.1
Currency matters trading platform vision v1.1HBS Technologies
 
OnSync Manual Account Holders and Moderators
OnSync Manual Account Holders and ModeratorsOnSync Manual Account Holders and Moderators
OnSync Manual Account Holders and ModeratorsRobert Strobl
 
Embedded Reporting Tools to Enhance Your Application
Embedded Reporting Tools to Enhance Your ApplicationEmbedded Reporting Tools to Enhance Your Application
Embedded Reporting Tools to Enhance Your ApplicationBob Report
 
Enterprise Risk Management
Enterprise Risk ManagementEnterprise Risk Management
Enterprise Risk ManagementClayton Scott
 
Sicherung der Bildqualität in röntgendiagnostischen Betrieben
Sicherung der Bildqualität in röntgendiagnostischen BetriebenSicherung der Bildqualität in röntgendiagnostischen Betrieben
Sicherung der Bildqualität in röntgendiagnostischen Betriebenqubyx
 
Belladati Meetup Singapore Workshop
Belladati Meetup Singapore WorkshopBelladati Meetup Singapore Workshop
Belladati Meetup Singapore Workshopbelladati
 

Destaque (19)

Clasificion de los lenguajes
Clasificion de los lenguajesClasificion de los lenguajes
Clasificion de los lenguajes
 
Presentation wikipixel
Presentation wikipixelPresentation wikipixel
Presentation wikipixel
 
E commerce(1)
E commerce(1)E commerce(1)
E commerce(1)
 
Starting up - Lessons learned from the trenches
Starting up - Lessons learned from the trenchesStarting up - Lessons learned from the trenches
Starting up - Lessons learned from the trenches
 
MECBOT
MECBOTMECBOT
MECBOT
 
Inception Product Feature Webinar: Workflow, Versioning & Restore
Inception Product Feature Webinar: Workflow, Versioning & RestoreInception Product Feature Webinar: Workflow, Versioning & Restore
Inception Product Feature Webinar: Workflow, Versioning & Restore
 
Q1.0 [Quiz Quirks]
Q1.0 [Quiz Quirks]Q1.0 [Quiz Quirks]
Q1.0 [Quiz Quirks]
 
It's All About Me by Penny Herscher at Defrag Conference 2014
It's All About Me by Penny Herscher at Defrag Conference 2014It's All About Me by Penny Herscher at Defrag Conference 2014
It's All About Me by Penny Herscher at Defrag Conference 2014
 
Rmt ganti
Rmt gantiRmt ganti
Rmt ganti
 
Currency matters trading platform vision v1.1
Currency matters trading platform vision v1.1Currency matters trading platform vision v1.1
Currency matters trading platform vision v1.1
 
OnSync Manual Account Holders and Moderators
OnSync Manual Account Holders and ModeratorsOnSync Manual Account Holders and Moderators
OnSync Manual Account Holders and Moderators
 
Embedded Reporting Tools to Enhance Your Application
Embedded Reporting Tools to Enhance Your ApplicationEmbedded Reporting Tools to Enhance Your Application
Embedded Reporting Tools to Enhance Your Application
 
Enterprise Risk Management
Enterprise Risk ManagementEnterprise Risk Management
Enterprise Risk Management
 
Sicherung der Bildqualität in röntgendiagnostischen Betrieben
Sicherung der Bildqualität in röntgendiagnostischen BetriebenSicherung der Bildqualität in röntgendiagnostischen Betrieben
Sicherung der Bildqualität in röntgendiagnostischen Betrieben
 
Belladati Meetup Singapore Workshop
Belladati Meetup Singapore WorkshopBelladati Meetup Singapore Workshop
Belladati Meetup Singapore Workshop
 
Digitalisierung mit UNIT4
Digitalisierung mit UNIT4Digitalisierung mit UNIT4
Digitalisierung mit UNIT4
 
Untitled
UntitledUntitled
Untitled
 
Ship It!
Ship It!Ship It!
Ship It!
 
TechZarInfo web design and development
TechZarInfo web design and developmentTechZarInfo web design and development
TechZarInfo web design and development
 

Semelhante a Ember CLI & Ember Tooling

The road to Ember.js 2.0
The road to Ember.js 2.0The road to Ember.js 2.0
The road to Ember.js 2.0Codemotion
 
Intro to EmberJS
Intro to EmberJSIntro to EmberJS
Intro to EmberJSBilly Onjea
 
Ember presentation
Ember presentationEmber presentation
Ember presentationDaniel N
 
Building Ambitious Web Apps with Ember
Building Ambitious Web Apps with EmberBuilding Ambitious Web Apps with Ember
Building Ambitious Web Apps with Embergbabiars
 
Latest Web development technologies 2021
 Latest Web development technologies 2021 Latest Web development technologies 2021
Latest Web development technologies 2021SWATHYSMOHAN
 
Designing an effective hybrid apps automation framework
Designing an effective hybrid apps automation frameworkDesigning an effective hybrid apps automation framework
Designing an effective hybrid apps automation frameworkAndrea Tino
 
ForwardJS 2017 - Fullstack end-to-end Test Automation with node.js
ForwardJS 2017 -  Fullstack end-to-end Test Automation with node.jsForwardJS 2017 -  Fullstack end-to-end Test Automation with node.js
ForwardJS 2017 - Fullstack end-to-end Test Automation with node.jsMek Srunyu Stittri
 
From Backbone to Ember and Back(bone) Again
From Backbone to Ember and Back(bone) AgainFrom Backbone to Ember and Back(bone) Again
From Backbone to Ember and Back(bone) Againjonknapp
 
Python Ireland Nov 2009 Talk - Appengine
Python Ireland Nov 2009 Talk - AppenginePython Ireland Nov 2009 Talk - Appengine
Python Ireland Nov 2009 Talk - AppenginePython Ireland
 
Build Comet applications using Scala, Lift, and <b>jQuery</b>
Build Comet applications using Scala, Lift, and <b>jQuery</b>Build Comet applications using Scala, Lift, and <b>jQuery</b>
Build Comet applications using Scala, Lift, and <b>jQuery</b>tutorialsruby
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />tutorialsruby
 
End-to-end web-testing in ruby ecosystem
End-to-end web-testing in ruby ecosystemEnd-to-end web-testing in ruby ecosystem
End-to-end web-testing in ruby ecosystemAlex Mikitenko
 
ASP.NET MVC, AngularJS CRUD for Azerbaijan Technical University
ASP.NET MVC, AngularJS CRUD for Azerbaijan Technical UniversityASP.NET MVC, AngularJS CRUD for Azerbaijan Technical University
ASP.NET MVC, AngularJS CRUD for Azerbaijan Technical UniversitySyed Shanu
 
Is Enterprise Java Still Relevant (JavaOne 2015 session)
Is Enterprise Java Still Relevant (JavaOne 2015 session)Is Enterprise Java Still Relevant (JavaOne 2015 session)
Is Enterprise Java Still Relevant (JavaOne 2015 session)Ian Robinson
 

Semelhante a Ember CLI & Ember Tooling (20)

The road to Ember.js 2.0
The road to Ember.js 2.0The road to Ember.js 2.0
The road to Ember.js 2.0
 
Full slidescr16
Full slidescr16Full slidescr16
Full slidescr16
 
Intro to EmberJS
Intro to EmberJSIntro to EmberJS
Intro to EmberJS
 
Ember presentation
Ember presentationEmber presentation
Ember presentation
 
Building Ambitious Web Apps with Ember
Building Ambitious Web Apps with EmberBuilding Ambitious Web Apps with Ember
Building Ambitious Web Apps with Ember
 
Sfk13
Sfk13Sfk13
Sfk13
 
Introduction to Ember.js
Introduction to Ember.jsIntroduction to Ember.js
Introduction to Ember.js
 
Delivering with ember.js
Delivering with ember.jsDelivering with ember.js
Delivering with ember.js
 
Latest Web development technologies 2021
 Latest Web development technologies 2021 Latest Web development technologies 2021
Latest Web development technologies 2021
 
Designing an effective hybrid apps automation framework
Designing an effective hybrid apps automation frameworkDesigning an effective hybrid apps automation framework
Designing an effective hybrid apps automation framework
 
Workshop 16: EmberJS Parte I
Workshop 16: EmberJS Parte IWorkshop 16: EmberJS Parte I
Workshop 16: EmberJS Parte I
 
ForwardJS 2017 - Fullstack end-to-end Test Automation with node.js
ForwardJS 2017 -  Fullstack end-to-end Test Automation with node.jsForwardJS 2017 -  Fullstack end-to-end Test Automation with node.js
ForwardJS 2017 - Fullstack end-to-end Test Automation with node.js
 
From Backbone to Ember and Back(bone) Again
From Backbone to Ember and Back(bone) AgainFrom Backbone to Ember and Back(bone) Again
From Backbone to Ember and Back(bone) Again
 
Python Ireland Nov 2009 Talk - Appengine
Python Ireland Nov 2009 Talk - AppenginePython Ireland Nov 2009 Talk - Appengine
Python Ireland Nov 2009 Talk - Appengine
 
Build Comet applications using Scala, Lift, and <b>jQuery</b>
Build Comet applications using Scala, Lift, and <b>jQuery</b>Build Comet applications using Scala, Lift, and <b>jQuery</b>
Build Comet applications using Scala, Lift, and <b>jQuery</b>
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />
 
End-to-end web-testing in ruby ecosystem
End-to-end web-testing in ruby ecosystemEnd-to-end web-testing in ruby ecosystem
End-to-end web-testing in ruby ecosystem
 
RoR guide_p1
RoR guide_p1RoR guide_p1
RoR guide_p1
 
ASP.NET MVC, AngularJS CRUD for Azerbaijan Technical University
ASP.NET MVC, AngularJS CRUD for Azerbaijan Technical UniversityASP.NET MVC, AngularJS CRUD for Azerbaijan Technical University
ASP.NET MVC, AngularJS CRUD for Azerbaijan Technical University
 
Is Enterprise Java Still Relevant (JavaOne 2015 session)
Is Enterprise Java Still Relevant (JavaOne 2015 session)Is Enterprise Java Still Relevant (JavaOne 2015 session)
Is Enterprise Java Still Relevant (JavaOne 2015 session)
 

Ember CLI & Ember Tooling