2015-02-26

[jacobthemyth]

ember-crud

Description

A CRUD app using Ember.js

Objectives

Learning Objectives

After completing this assignment, you should:

• Understand how to separate data/syncing logic from presentation/interaction and application state using Ember.js Routes, Controllers, and Templates.
• Understand how to properly write CRUD functionality using Ember.js actions.

  Performance Objectives

After completing this assignment, you should be able to:

• Use ember-cli to quickly generate the files needed to set up an application with multiple routes, controllers, and templates.

  Details

  Deliverables

• A repo containing an ember-cli project

  Requirements

• No JSHint warnings or errors

  Normal Mode

Write an Ember.js application that allows you to create, update, read, and delete a resource. The assignment is open ended, but some examples of things you could make:

• A blog
• A bookmarking application
• A contact list

You may use either the localStorage adapter or Parse.

Parse (preferred)

• Use an ember initializer to set up your API keys on $.ajaxSetup, which you can generate with ember-cli
• Use $.ajax in your route's model and actions to GET/POST/PUT/DELETE

  localStorage

• Set up the localStorage adapter
• Use this.store.find(thing), this.store.createRecord({}), etc. as seen in the Todo tutorial.

  Hard Mode

Implement a filtering route. For example, if you made a bookmarking app, create a route that allows you to view the bookmarks with a specific tag.

Additional Resources

• Read the Ember guides. Try to get through "Enumerables", but at least read through "Routing".