Welcome

to

Thanks!

Space by bv02

Food & Drinks by Toushay

Please drink (and eat!) responsibly - don't drink & drive!

Introductions


  • Your Name
  • What you do
  • Your exprience with Ember
  • What you hope to get out of this meetup

Open Device Lab

Building an app with Ember.js

Brief introduction

+

Quick code example

Owain Williams

Front-End Engineer @ Toushay

Curator @ Ember Weekly

What is Ember?

A framework for creating ambitous web applications.
  • Front-end JavaScript MVC Framework
  • Build dynamic + interactive applications
  • Opinionated
  • Manage Complexity
  • Eliminate Boilerplate
  • Application Structure
  • Conventions
[Ember] aims to reduce the complexity created by the links between many moving pieces by clearly defining how communication occurs between parts of your application
By eliminating trivial choices and making the answers conventional, you can focus on non-trivial problems.

Conventions

  • Reduce code
  • Eliminate trivial choices
  • Increase Predictability
    • Important for teams
    • Quick ramp up

Important Parts

URL-Driven

  • Router central to every Ember app
  • The Router is the glue that holds your app together

Templates

  • Handlebars.js based templates
  • Bindings aware (aka auto-updating)

Classes & Inheritance

  • Extend & Create
  • Mixins

Conventions

  • App structure
  • Naming
  • File locations
  • Auto-generates Objects

Lifecycle

  • Using Ember App Kit
  • Grunt-based build system
  • ES6 Modules

Demo Time

Visit code on Github
EmberOttawa/ember-bloggr-demo

Who's using Ember?

Thank You


This mess was thrown together by

Owain Williams

@owz

Questions?

Next Steps

(shameles plug time!)

Sign up @ emberweekly.com

Next Meetup

TBC: Wednesday, 4th June @ 6:30pm

Follow @EmberOttawa

Call for Speakers


  • Beginner or Advanced topic
  • Project your working on
  • Workshop/hack night

What would you like to see?

Ottawa.js Meetup

Wednesday, May 14 @ 6:30pm