An Introduction to

Ember 2.0 with Ember CLI

David Tang

@skaterdav85

About Me

David Tang

UI Architect

Lecturer

Sr. JavaScript Developer

Full Stack Developer

Agenda

• What is Ember?
• Why Ember?
• Installing Ember CLI
• Getting Started
• Demo
• Resources

What is Ember?

• An opinionated JavaScript framework
  • Ember
  • Ember Data
  • Ember CLI
• Most often compared to Angular, Backbone, and Reac5

Why Ember?

• Convention over configuration
  • Large teams
  • Decreased training time
  • Focus on the app
• Stability without stagnation
  • Don't leave anyone behind
  • Deprecation warnings
• ES6
• Ember CLI
• Ember Data
• Testing

Installing Ember CLI

• Node CLI for building Ember applications
• Install without sudo
• Installs Ember & Ember Data 1.13.8
• Broccoli browser compilation library

$ npm install -g ember-cli

# npm config set prefix ~/npm
# PATH=$PATH:$HOME/npm/bin
# http://devin-clark.com/global-npm-install-without-sudo/

$ ember new codecamp2015
$ cd codecamp2015
$ ember server

Getting Started

• Scaffolding
• Rebuilding on file change
• ES6
• Bower and NPM
• JSHint
• Tests

$ ember --help
$ ember new --help
$ ember generate --help

Demo

• Handlebars templates
• Routing
• Models and Ember Data
• Components
• Helpers
• Controllers
• Computed Properties and Macros
• Adapters and Serializers

Ember Data

Resources

• Ember Guides
• Rock and Roll with Ember ebook - paid
• Ember 101 (formerly Ember CLI 101) - free
• discuss.emberjs.com

Thank you,

David Tang

thejsguy.com

@skaterdav85