colorfest · villain2 · Nov 23, 2014 · Nov 23, 2014 · Nov 27, 2014 · Nov 27, 2014
diff --git a/GruntFile.js b/GruntFile.js
@@ -7,8 +7,8 @@ module.exports = function (grunt)
 				separator: "\n\n"
 			},
 			dist: {
-				src: [],
-				dest: 'src/resources/js/<%= pkg.name %>.js'
+				src: ['src/resources/js/**.js'],
+				dest: 'src/<%= pkg.name %>.js'
 			},
 			deps: {
 				src: [
@@ -17,13 +17,17 @@ module.exports = function (grunt)
 					'bower_components/bootstrap/dist/js/bootstrap.js',
 					'bower_components/angularjs/angular.min.js',
 				],
-				dest: 'src/resources/js/<%= pkg.name %>-deps.js'
+				dest: 'src/<%= pkg.name %>-deps.js'
 			},
 			css: {
 				src: ['bower_components/bootstrap/dist/css/bootstrap.min.css',
 						'src/resources/css/styles.css'
 				],
-				dest: 'src/resources/css/<%= pkg.name %>.css'
+				dest: 'src/<%= pkg.name %>.css'
+			},
+			map: {
+				src: ['bower_components/angularjs/angular.min.js.map'],
+				dest: 'src/angular.min.js.map'
 			}
 		},
 

diff --git a/README.md b/README.md
@@ -1,6 +1,5 @@
 # Accio Code Tutorials: AngularJS#
 
-***Updated: 11-22-14***
 
 This tutorial series for [AccioCode](https://www.youtube.com/user/CDPAdvertising "Accio Code on YouTube") will show how to use the basics of AngularJS. You will learn how to make a simple web page and a simple web application.
 
@@ -9,14 +8,7 @@ AngularJS is an open-source framework in JavaScript. It was created and maintain
 
 It is an MVC (Model-View-Controller) framework so a brief understanding of MVC is suggested, but not required, to use this tutorial.
 
-## Course Videos ##
-1. [Setting up AngularJS Workspace](https://www.youtube.com/watch?v=ofASsumsf7E "Setting up AngularJS Workspace on YouTube")
-2. [Simple Data Binding with AngularJS](https://www.youtube.com/watch?v=ia_vAGm_PCQ "Simple Data Binding with AngularJS")
-3. [An Introduction to Controllers](https://www.youtube.com/watch?v=IGy2c-XwXgI "An Introduction to Controllers")
-4. [Writing Our First Directive](http://youtu.be/QwaVgz-GSXY "Writing our First Directive")
-5. [Scope, Element and Attributes](http://youtu.be/utKtjxLako4 "Scope, Element and Attributes")
-6. [Directive Element Binding](http://youtu.be/7vgvBffpSbs "Directive Element Binding")
-7. [Directive to Directive Communication](http://youtu.be/aG8VD0KvUw4 "Directive to Directive Communication")
-8. [Directive Restrictions Explained](http://youtu.be/mkEJDWneiPg "Directive Restrictions Explained")
-9. [Isolate Scope Part 1](https://www.youtube.com/watch?v=-a4E2eRHHVY "Isolate Scope Part 1")
-10. [Isolate Scope Part 2](http://youtu.be/UMoDVY8HAVk "Isolate Scope Part 2")
+## Sorting and Filtering Course Videos ##
+1. [Services and JSON](http://youtu.be/rHmk0UhJSb4 "Services and JSON")
+2. [Ng-Repeat](http://youtu.be/CqaoKt1Gvyk "Ng-Repeat")
+3. [Filters and Sorting](http://youtu.be/7nOcg6SPspI "Filters and Sorting")
diff --git a/src/angular.min.js.map b/src/angular.min.js.map
diff --git a/src/resources/js/angularjstutorial-deps.js → src/angularjstutorial-deps.js b/src/resources/js/angularjstutorial-deps.js → src/angularjstutorial-deps.js
diff --git a/src/resources/css/angularjstutorial.css → src/angularjstutorial.css b/src/resources/css/angularjstutorial.css → src/angularjstutorial.css
diff --git a/src/angularjstutorial.js b/src/angularjstutorial.js
@@ -0,0 +1,26 @@
+/* use strict */
+var app = angular.module("RavensApp", []);
+
+app.service("ravensService", function ($http, $q)
+{
+	var deferred = $q.defer();
+	$http.get('resources/json/BaltimoreRavens.json').then(function (data)
+	{
+		deferred.resolve(data);
+	});
+
+	this.getPlayers = function ()
+	{
+		return deferred.promise;
+	}
+})
+
+.controller("ravensCtrl", function ($scope, ravensService)
+{
+	var promise = ravensService.getPlayers();
+	promise.then(function (data)
+	{
+		$scope.players = data.data;
+		console.log($scope.players);
+	});
+})
diff --git a/src/index.html b/src/index.html
@@ -1,20 +1,40 @@
 <!doctype html>
 <html lang="en">
 <head>
-	<title>AccioCode AngularJS Tutorial</title>
+	<title>AccioCode AngularJS Tutorial - Sorting and Filtering and Ng-Repeat</title>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1">
 	<meta name="viewport" content="width=device-width, user-scalable=no">
-	<script src="resources/js/angularjstutorial-deps.js"></script>
-	<script src="resources/js/angularjstutorial.js"></script>
+	<script src="angularjstutorial-deps.js"></script>
+	<script src="angularjstutorial.js"></script>
 
-	<link rel="stylesheet" href="resources/css/angularjstutorial.css">
+	<link rel="stylesheet" href="angularjstutorial.css">
 </head>
 <body>
 
-	<div class="mainContainer">
-		<h1>AngularJS Tutorial</h1>
-		<button class="btn btn-default">Here we go</button>
+	<div class="mainContainer" data-ng-app="RavensApp">
+		<h1>Baltimore Ravens</h1>
+
+		<input type="text" data-ng-model="search.$">
+
+		<div data-ng-controller="ravensCtrl">
+			<table class="table table-striped">
+				<thead>
+					<tr>
+						<th>Player</th>
+						<th>Position</th>
+						<th>Number</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr data-ng-repeat="player in players | filter:search | orderBy:'name' | limitTo: 3">
+						<td>{{player.name}}</td>
+						<td>{{player.position}}</td>
+						<td>{{player.number}}</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
 	</div>
 
 </body>

diff --git a/src/resources/js/angularjstutorial.js b/src/resources/js/angularjstutorial.js
diff --git a/src/resources/js/binding.js b/src/resources/js/binding.js
diff --git a/src/resources/js/ravensService.js b/src/resources/js/ravensService.js
@@ -0,0 +1,25 @@
+/* use strict */
+var app = angular.module("RavensApp", []);
+
+app.service("ravensService", function ($http, $q)
+{
+	var deferred = $q.defer();
+	$http.get('resources/json/BaltimoreRavens.json').then(function (data)
+	{
+		deferred.resolve(data);
+	});
+
+	this.getPlayers = function ()
+	{
+		return deferred.promise;
+	}
+})
+
+.controller("ravensCtrl", function ($scope, ravensService)
+{
+	var promise = ravensService.getPlayers();
+	promise.then(function (data)
+	{
+		$scope.players = data.data;
+	});
+})
diff --git a/src/resources/json/BaltimoreRavens.json b/src/resources/json/BaltimoreRavens.json
@@ -0,0 +1,112 @@
+[
+	{
+		"name": "Joe Flacco",
+		"position": "Quarterback",
+		"number": 5		
+	},
+	{
+		"name": "Steve Smith Sr.",
+		"position": "Wide Receiver",
+		"number": 89		
+	},
+	{
+		"name": "Marlon Brown",
+		"position": "Wide Receiver",
+		"number": 14
+	},
+	{
+		"name": "Terrence Cody",
+		"position": "Nose Tackle",
+		"number": 62
+	},
+	{
+		"name": "Chris Canty",
+		"position": "Defensive Lineman",
+		"number": 99
+	},
+	{
+		"name": "Owen Daniels",
+		"position": "Tight End",
+		"number": 81
+	},
+	{
+		"name": "Elvis Dumervil",
+		"position": "Outside Linebacker",
+		"number": 58
+	},
+	{
+		"name": "Justin Forsett",
+		"position": "Running Back",
+		"number": 29
+	},
+	{
+		"name": "Gino Gradkowski",
+		"position": "Guard/Center",
+		"number": 66
+	},
+	{
+		"name": "Lawrence Guy",
+		"position": "Defensive Tackle",
+		"number": 67
+	},
+	{
+		"name": "Will Hill",
+		"position": "Free Safety",
+		"number": 33
+	},
+	{
+		"name": "Timmy Jernigan",
+		"position": "Defensive Tackle",
+		"number": 97
+	},
+	{
+		"name": "Jacoby Jones",
+		"position": "Wide Receiver / Returns",
+		"number": 12
+	},
+	{
+		"name": "Sam Koch",
+		"position": "Punter",
+		"number": 4
+	},
+	{
+		"name": "Anthony Levine",
+		"position": "Safety",
+		"number": 41
+	},
+	{
+		"name": "Albert McClellan",
+		"position": "Linebacker",
+		"number": 50
+	},
+	{
+		"name": "Pernell McPhee",
+		"position": "Outside Linebacker",
+		"number": 90
+	},
+	{
+		"name": "Rashaan Melvin",
+		"position": "Cornerback",
+		"number": 38
+	},
+	{
+		"name": "Eugene Monroe",
+		"position": "Tackle",
+		"number": 60
+	},
+	{
+		"name": "C.J. Mosley",
+		"position": "Inside Linebacker",
+		"number": 57
+	},
+	{
+		"name": "Terrell Suggs",
+		"position": "Outside Linebacker",
+		"number": 55
+	},
+	{
+		"name": "Justin Tucker",
+		"position": "Kicker",
+		"number": 9
+	}
+]