Anthony Bull
Sr, Web Engineer, CrowdFlower
anthony@crowdflower.com
@inkredabull
Tooling with Yeoman to Rapidly Develop
Emb...
•  Based in San Francisco
•  World’s Leading Crowdsourcing Platform
•  5M+ contributors, 1B+ judgments
•  We have four Emb...
• My Background with Ember.js
• Tooling for Ember.js:
–  What is Yeoman?
–  What do I mean by ‘tooling’?
–  Today’s Toolin...
• 13 yrs as a software engineer (lean towards F2E)
• Started with Ember.js in March 2012
• Implemented and/or maintained a...
What is Yeoman? Part I
5
• Announced at Google I/O 2012
• Brought to you by the Google Chrome Developer
Relations Team
• “...
What is Yeoman? Part II
6
• The Yeoman Generator for Ember.js:
https://github.com/yeoman/generator-ember
Before We Go Any Further On Tooling…
7
was NOT my intent to lift talk title from emberjs.com
IMO: Ember.js : webdev :: Yeo...
• MVC: different client-side than sever-side
• what’s a directory structure that makes sense?
• persistence and developmen...
Ember.js Tooling Landscape: August 2013
9
ember-app-kit
(Jun 2013)
ember-tools
(Feb 2013)
Yeoman &
Ember.js
(Sep 2012)
opi...
• installation:
–  creation of project
–  git baseline
–  LiveReload
–  view source
• generators:
–  controller
–  model
•...
• Update for Karma
• Yeoman 1.0 & Ember.js 1.0 Updates
• Continued generator improvements
• Issues/PRs
• More out-of-the-b...
Thanks!
12
•  @emberfest
•  @crowdflower
•  @gvisda
•  contributors to the generator (maybe you someday?)
Upcoming SlideShare
Loading in …5
×

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

1,004 views

Published on

For this presentation to EmberFest in Munich, German, on August 30th, 2013, I highlighted the use of the Yeoman Generator for Ember.js to speed up the process of Ember.js application creation.

Ref URL: https://github.com/yeoman/generator-ember

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,004
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
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. Anthony Bull Sr, Web Engineer, CrowdFlower anthony@crowdflower.com @inkredabull Tooling with Yeoman to Rapidly Develop Ember.js Applications Productive Out-of-the-Box EmberFest 2013-08-30 Munich, Germany
  2. 2. •  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! About CrowdFlower 2 http://www.flickr.com/photos/vanpelt/2191500067/in/set-72157603708386280
  3. 3. • 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 Overview of This Talk 3
  4. 4. • 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 My Background with Ember.js 4
  5. 5. What is Yeoman? Part I 5 • 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
  6. 6. What is Yeoman? Part II 6 • The Yeoman Generator for Ember.js: https://github.com/yeoman/generator-ember
  7. 7. Before We Go Any Further On Tooling… 7 was NOT my intent to lift talk title from emberjs.com IMO: Ember.js : webdev :: Yeoman : Ember.js app dev
  8. 8. • 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 How Do We Benefit From Tooling? 8 Or: “The Difficulties of Getting Started with Ember.js” Or: “Some of the Pain Points To Be Addressed By Tooling”
  9. 9. Ember.js Tooling Landscape: August 2013 9 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)
  10. 10. • installation: –  creation of project –  git baseline –  LiveReload –  view source • generators: –  controller –  model • Scaffolding • testing w/Karma using Mocha/Chai & ember-testing* Demo 10 * : 2013-08-30 needs update on master
  11. 11. • 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 The Future! 11
  12. 12. Thanks! 12 •  @emberfest •  @crowdflower •  @gvisda •  contributors to the generator (maybe you someday?)

×