JSFoo 2013

All about being creative with JavaScript

Akash Devaraju

@skykog

Learn Ember.JS to build a Practical E-Commerce Single Page Application

Submitted Aug 11, 2013

Understand the problem statement, use-case and the workflow in building an Ember application after getting an understanding of what is an MV* architecture.

Also to make one understand, why Ember does things in a certain way and how it’s different from other frameworks like Angular, Backbone etc.

  1. Get a grasp of what is an MV* framework.
  2. Understand why to choose Ember as the framework.
  3. Learn the workflow in building an e-commerce application with Ember.
  4. Realize the benefits which come along with Ember.

Outline

In about 40 minutes, we are going to create a nifty E-Commerce application, exploring the power of Ember, Rails, CSS3 by following the best practices and concepts advocated by Ember. Come code with me and I can show you how fun programming with Ember can be.

Ember and Rails share a common approach and have common core members, it makes good sense to use them together and they make a great duo for building a rich web app and a JSON API (Though the same can be accomplished by using Node.JS/Python or any other backend stack).

Why Ember?

  1. Ember proves itself as a full-fledged framework and is quickly becoming the framework of choice for building large scale applications.

  2. Opinionated is a good thing (Convention over configuration).

  3. Since the goal is to compete with native apps and ideas pioneered by native application frameworks like Cocoa and Smalltalk have been borrowed Ember makes a good choice for mobile app development.

  4. Simplicity, bindings, molecularity, tight integration with Handlebars (Reduced boilerplate between data and DOM).

  5. Ease of Integration, A/B, Unit testing with Ember.

What we are going to do?

  1. Start with an explanation of the MV* frameworks, their comparison and requirement.
  2. Talk about Ember, its philosophies and “Why Ember?”.
  3. Understand our E-Commerce project structure.
  4. Work with Ember and Rails and consume the JSON API and perform RESTful functions and view rendering.
  5. Perform few tests on the application.
  6. Understand Ember best practices.

Requirements

Being comfortable with Javascript.

Laptop (Mac/Linux)

Have an interest in learning MV* frameworks.

Speaker bio

Akash Devaraju
Developer at Icicle Technologies.

Passionate open source evangelist, loving the startup life, love to talk to people and collaborating on ideas and working hard to implement them.

Working as a full stack web developer specializing in Javascript and Ruby on Rails with a focus on fron-end engineering with engaging UI/UX.

Have conducted numerous workshops/talks at many user forums (Mukti, CloudCamp, CodeShack), member of many JS communities, Cloud communities, bdotNet etc.

openSUSE Ambassador (India Division).
Head of Codeshack (Tech/open source group).
Mozilla Campus Representative.

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more