Your SlideShare is downloading. ×
0
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Productive Out-of-the-Box: Tooling with Yeoman to Rapidly Develop Ember.js Applications
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

649

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. …

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
649
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. •  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. • 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. • 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. 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. What is Yeoman? Part II 6 • The Yeoman Generator for Ember.js: https://github.com/yeoman/generator-ember
  • 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. • 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. 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. • 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. • 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. Thanks! 12 •  @emberfest •  @crowdflower •  @gvisda •  contributors to the generator (maybe you someday?)

×