Productive Out-of-the-Box
Tooling with Yeoman to Rapidly Develop
Ember.js Applications
Anthony Bull
Sr, Web Engineer, Crow...
About CrowdFlower
•  Based in San Francisco
•  World’s Leading Crowdsourcing Platform
•  5M+ contributors, 1B+ judgments
•...
Overview of This Talk
•  My Background with Ember.js
•  Tooling for Ember.js:
–  What is Yeoman?
–  What do I mean by ‘too...
My Background with Ember.js
•  13 yrs as a software engineer (lean towards F2E)
•  Started with Ember.js in March 2012
•  ...
What is Yeoman? Part I
•  Announced at Google I/O 2012
•  Brought to you by the Google Chrome Developer
Relations Team
•  ...
What is Yeoman? Part II

•  The Yeoman Generator for Ember.js:
https://github.com/yeoman/generator-ember

6
Before We Go Any Further On Tooling…

was NOT my intent to lift talk title from emberjs.com
IMO: Ember.js : webdev :: Yeom...
How Do We Benefit From Tooling?
Or: “The Difficulties of Getting Started with Ember.js”
Or: “Some of the Pain Points To Be...
Ember.js Tooling Landscape: August 2013
ember-app-kit
(Jun 2013)

ember-tools
(Feb 2013)

Yeoman &
Ember.js
(Sep 2012)

op...
Demo
•  installation:
–  creation of project
–  git baseline
–  LiveReload
–  view source

•  generators:
–  controller
– ...
The Future!
•  Update for Karma
•  Yeoman 1.0 & Ember.js 1.0 Updates
•  Continued generator improvements
•  Issues/PRs
•  ...
Thanks!
•  @emberfest
•  @crowdflower
•  @gvisda
•  contributors to the generator (maybe you someday?)

12
Upcoming SlideShare
Loading in …5
×

Productive Out-of-the-Box | Tooling with Yeoman to Rapidly Develop Ember.js Applications

1,420 views

Published on

Anthony Bull, senior web engineer at CrowdFlower, overviews some of the tools that help being productive with Ember.js, providing details on Yeoman.

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,420
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Productive Out-of-the-Box | Tooling with Yeoman to Rapidly Develop Ember.js Applications

  1. 1. Productive Out-of-the-Box Tooling with Yeoman to Rapidly Develop Ember.js Applications Anthony Bull Sr, Web Engineer, CrowdFlower anthony@crowdflower.com @inkredabull EmberFest 2013-08-30 Munich, Germany
  2. 2. About CrowdFlower •  Based in San Francisco •  World’s Leading Crowdsourcing Platform •  5M+ contributors, 1B+ judgments •  We have four Ember.js apps (using four versions of the framework) •  We’re hiring! http://www.flickr.com/photos/vanpelt/2191500067/in/set-72157603708386280 2
  3. 3. Overview of This Talk •  My Background with Ember.js •  Tooling for Ember.js: –  What is Yeoman? –  What do I mean by ‘tooling’? –  Today’s Tooling Landscape •  Demo: build/test a (simple) Admin Tool •  Q&A 3
  4. 4. My Background with Ember.js •  13 yrs as a software engineer (lean towards F2E) •  Started with Ember.js in March 2012 •  Implemented and/or maintained apps using 0.9.6, 0.9.8, 1.0.0-pre.2, and RC(s)1.0 •  Authoring book: “Ember.js by Example” (Packt Publishing, Dec 2013) •  Became Yeoman Generator for Ember.js maintainer in December 2012 4
  5. 5. What is Yeoman? Part I •  Announced at Google I/O 2012 •  Brought to you by the Google Chrome Developer Relations Team •  “… an open source project which defines an opinionated stack for web application development. It includes a golden bundle of tools and frameworks…” http://yeoman.io/about.html 5
  6. 6. What is Yeoman? Part II •  The Yeoman Generator for Ember.js: https://github.com/yeoman/generator-ember 6
  7. 7. Before We Go Any Further On Tooling… was NOT my intent to lift talk title from emberjs.com IMO: Ember.js : webdev :: Yeoman : Ember.js app dev 7
  8. 8. How Do We Benefit From Tooling? Or: “The Difficulties of Getting Started with Ember.js” Or: “Some of the Pain Points To Be Addressed By Tooling” •  MVC: different client-side than sever-side •  what’s a directory structure that makes sense? •  persistence and development in parallel with backend systems •  Emberisms –  naming conventions –  coupling components (.e.g controller with view) –  routing 8
  9. 9. Ember.js Tooling Landscape: August 2013 ember-app-kit (Jun 2013) ember-tools (Feb 2013) Yeoman & Ember.js (Sep 2012) opinionated dir struct x x x scaffolding/ generators - x x Grunt x x x Karma x - x Bower x - x (dates cited are projects’ first commit dates in github) 9
  10. 10. Demo •  installation: –  creation of project –  git baseline –  LiveReload –  view source •  generators: –  controller –  model •  Scaffolding •  testing w/Karma using Mocha/Chai & ember-testing* * : 2013-08-30 needs update on master 10
  11. 11. The Future! •  Update for Karma •  Yeoman 1.0 & Ember.js 1.0 Updates •  Continued generator improvements •  Issues/PRs •  More out-of-the-box test coverage •  Support for ES6 & Modules 11
  12. 12. Thanks! •  @emberfest •  @crowdflower •  @gvisda •  contributors to the generator (maybe you someday?) 12

×