phantomhaircuts/grumblr_angular

[angular, js, modules, services]

Grumblr Angular

Day 1 - Controllers and Directives

In-Class Starter Code

$ git clone [email protected]:ga-dc/grumblr_angular.git

In-Class Solution

$ git checkout -b controllers-and-directives origin/controllers-and-directives
$ bower install

Homework Starter Code

$ git checkout -b controllers-and-directives origin/controllers-and-directives

For homework tonight, please add CRUD functionality for comments to this application.

Start by adding some seed data to the grumbles controller: https://github.com/ga-dc/grumblr_angular/blob/controllers-and-directives/js/controllers/grumbles.js#L4

Then display the comments on the page using ng-repeat

Allow the user to toggle a new and edit form for comments. When the user submits the form, add or remove the comment from this.grumbles in the controller.

Homework Solution

$ git checkout -b controllers-and-directives-with-comments origin/controllers-and-directives-with-comments

---

Day 2 - Templating, Routing, and Services

Using the angular router requires a local server using http (not the file:// protocol.)

$ python -m SimpleHTTPServer

In-Class Starter Code

$ git checkout -b controllers-and-directives-with-comments origin/controllers-and-directives-with-comments
$ bower install

In-Class Solution

$ git checkout -b templating-and-routing origin/templating-and-routing

Homework Starter Code

$ git checkout -b templating-and-routing origin/templating-and-routing

Homework Solution

$ git checkout -b templating-and-routing-with-comments origin/templating-and-routing-with-comments

Day 3 - Firebase and Custom Directives

In-Class Starter Code

$ git checkout -b templating-and-routing-with-comments origin/templating-and-routing-with-comments

In-Class Solution

$ git checkout -b firebase-and-directives origin/firebase-and-directives

Homework Starter Code

$ git checkout -b firebase-and-directives origin/firebase-and-directives