No description, website, or topics provided.
JavaScript HTML CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
client
server
.gitignore
README.md

README.md

angular-examples

The various branches of this repository demonstrate various AngularJS principles, many of which have been presented at a meetup or conference.

Animating Angular

  • Video: https://www.youtube.com/watch?v=9s_9_ayzUl8 (ng-conf 2015 hacknight in March 2015)
  • Branch: animating-angular
  • Slides: http://slides.com/nickseegmiller/animating-angular
  • Info: When asked about the best thing of Angular, many people are quick to point to its fantastic two-way binding feature. With ngAnimate, it is exceptionally easy to add a little spice to that great feature. I will show everyone how simple it is to get up and running with ngAnimate, demonstrate some of my favorite tips and tricks, and delve into some advanced strategies for combining CSS and JS animations using the GreenSock Animation Platform (GSAP).

ngAnimate with CSS and GreenSock

Routes and promises

Controller inheritance

  • Branch: controller-inheritance
  • Info: Demostrates a very simple way to use inheritence in your angular controllers

Setup to run the examples

This assumes you have Node already installed. Lots of resources for installing Node if you don't.

First, clone this repository.

Optionally install the live reload extension for Chrome

https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei

Install gulp (used for the client code)

npm install -g gulp

Install express (used for the server code)

npm install -g express

In the angular-examples/server directory, run the following to setup the REST server (first time only)

npm install

Then, start the REST server

node rest_api.js

In a separate terminal, in the angular-examples/client directory, run the following to setup the Angular app

npm install

Then, start serving the app

gulp

Finally, visit http://localhost:3000 in your web browser

References

ngAnimate

Routes and promises