SlideShare a Scribd company logo
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?

More Related Content

What's hot

Ruby on Rails + AngularJS + Twitter Bootstrap
Ruby on Rails + AngularJS + Twitter BootstrapRuby on Rails + AngularJS + Twitter Bootstrap
Ruby on Rails + AngularJS + Twitter Bootstrap
Marcio 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 upgradation
Andolasoft 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 Way
SmartLogic
 
Ruby On Grape
Ruby On GrapeRuby On Grape
Ruby On Grape
Andrii Furmanets
 
How angularjs saves rails
How angularjs saves railsHow angularjs saves rails
How angularjs saves rails
Michael He
 
Introduction To Angular 4 - J2I
Introduction To Angular 4 - J2IIntroduction To Angular 4 - J2I
Introduction To Angular 4 - J2I
Nader Debbabi
 
AngularJS meets Rails
AngularJS meets RailsAngularJS meets Rails
AngularJS meets Rails
Elena Torró
 
Introduction to ember js
Introduction to ember jsIntroduction to ember js
Introduction to ember js
Adnan Arshad
 
Intro to AngularJS
Intro to AngularJS Intro to AngularJS
Intro to AngularJS
Sparkhound Inc.
 
Rails engine
Rails engineRails engine
Rails engine
Jyaasa Technologies
 
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
Alex 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 rails
Emad 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 Atlanta
Jason 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 js
Mindtree
 
Using Angular with Rails
Using Angular with RailsUsing Angular with Rails
Using Angular with Rails
Jamie Davidson
 
Let's do SPA
Let's do SPALet's do SPA
Let's do SPA
Marek Piasecki
 

What's hot (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
 

Viewers also liked

Clasificion de los lenguajes
Clasificion de los lenguajesClasificion de los lenguajes
Clasificion de los lenguajes
Phoenix Dark
 
Presentation wikipixel
Presentation wikipixelPresentation wikipixel
Presentation wikipixel
WIKIPIXEL
 
E commerce(1)
E commerce(1)E commerce(1)
E commerce(1)
Akash Verma
 
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
Istvan Hoka
 
MECBOT
MECBOTMECBOT
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
Marco Makfab
 
Q1.0 [Quiz Quirks]
Q1.0 [Quiz Quirks]Q1.0 [Quiz Quirks]
Q1.0 [Quiz Quirks]
Divakar Raj M
 
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
FirstRain, Inc.
 
Rmt ganti
Rmt gantiRmt ganti
Rmt ganti
Chitra Nachitram
 
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
HBS Technologies
 
OnSync Manual Account Holders and Moderators
OnSync Manual Account Holders and ModeratorsOnSync Manual Account Holders and Moderators
OnSync Manual Account Holders and Moderators
Robert 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 Application
Bob Report
 
Enterprise Risk Management
Enterprise Risk ManagementEnterprise Risk Management
Enterprise Risk Management
Clayton 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 Betrieben
qubyx
 
Belladati Meetup Singapore Workshop
Belladati Meetup Singapore WorkshopBelladati Meetup Singapore Workshop
Belladati Meetup Singapore Workshop
belladati
 
Ship It!
Ship It!Ship It!
Ship It!
Ted Husted
 
TechZarInfo web design and development
TechZarInfo web design and developmentTechZarInfo web design and development
TechZarInfo web design and development
TechZarInfo Software and Consulting Services
 

Viewers also liked (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
 

Similar to Ember CLI & Ember Tooling

Full slidescr16
Full slidescr16Full slidescr16
Full slidescr16
Lucio Grenzi
 
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
Codemotion
 
Intro to EmberJS
Intro to EmberJSIntro to EmberJS
Intro to EmberJS
Billy Onjea
 
Ember presentation
Ember presentationEmber presentation
Ember presentation
Daniel N
 
Building Ambitious Web Apps with Ember
Building Ambitious Web Apps with EmberBuilding Ambitious Web Apps with Ember
Building Ambitious Web Apps with Ember
gbabiars
 
Sfk13
Sfk13Sfk13
Introduction to Ember.js
Introduction to Ember.jsIntroduction to Ember.js
Introduction to Ember.js
Mike Nicholaides
 
Delivering with ember.js
Delivering with ember.jsDelivering with ember.js
Delivering with ember.js
Andrei Sebastian Cîmpean
 
Latest Web development technologies 2021
 Latest Web development technologies 2021 Latest Web development technologies 2021
Latest Web development technologies 2021
SWATHYSMOHAN
 
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
Andrea Tino
 
Workshop 16: EmberJS Parte I
Workshop 16: EmberJS Parte IWorkshop 16: EmberJS Parte I
Workshop 16: EmberJS Parte I
Visual Engineering
 
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
Mek 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) Again
jonknapp
 
Python Ireland Nov 2009 Talk - Appengine
Python Ireland Nov 2009 Talk - AppenginePython Ireland Nov 2009 Talk - Appengine
Python Ireland Nov 2009 Talk - Appengine
Python Ireland
 
<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
 
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
 
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
Alex Mikitenko
 
RoR guide_p1
RoR guide_p1RoR guide_p1
RoR guide_p1
Brady Cheng
 
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
Syed 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
 

Similar to Ember CLI & Ember Tooling (20)

Full slidescr16
Full slidescr16Full slidescr16
Full slidescr16
 
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
 
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
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />
 
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>
 
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