Incorporating AngularJS into an Express app

Topics:
- Installing AngularJS via Bower
- Defining an AngularJS app
- Introduction to AngularJS's $scope service and template engine
- Serving up json payloads from Express
- Using AngularJS built in filters
- Creating a custom AngularJS filter that leverages MomentJS

Play by Play:
Amir...

0:00 - talks about what will be covered in this episode (asks for feedback from viewers)
1:00 - talks about the current state of the application
2:30 - installs AngularJS via Bower
3:54 - writes the initial code for an Angular app
4:45 - uses Angular's ng-app and ng-controller directives to define which elements Angular with be applied to
5:25 - shows some already implemented apps that use Angular on his GitHub repo
8:15 - defines and Angular controller and talks about why he likes Angular
9:26 - explains Angular's $scope variable and Angular's template engine
10:45 - stubs out the collection the view will bind to
12:45 - explains the ng-repeat Angular directive
13:56 - uses Angular's templating language to wire up the view for a collection of json objects
14:34 - explains Angular's date filters and briefly talks about Moment.js
16:24 - incoporates a built in date filter and shows another sample app that uses Angular
17:29 - serves up JSON payloads from Express
19:00 - uses jQuery to retrieve JSON and explains how to approach "learning Angular"
20:26 - explains the Angular's $apply method
22:24 - creates a custom filter that leverages MomentJS
24:53 - installs MomentJS via Bower and updates the custom filter
27:15 - removes hard coded markup (leaving us with only the Angular implementation)
27:55 - talks about what will be covered in the next episode, and requests feedback from the viewers

Artifacts: github.com/amirrajan/beebop-bounty

# vimeo.com/84693970 Uploaded 228 Plays / / 0 Comments Watch in Couch Mode

Coding Out Loud

Amir Rajan

A series of screencasts about development.

Browse This Channel

Shout Box

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels. Channels