New curriculum

Author: arun-instructor

day_2/README.md

@@ -26,38 +26,4 @@ app.controller("userListController", function($scope, $http) {
 - In this lab we will be using Angular to send a GET request to pull a list of wines.
 - Set up a new Angular project and try to make a GET request to `http://daretodiscover.herokuapp.com/wines`.
 - Use the front end provided [here](wine_manager_html/) to display the wine data on the page.
-- Make a POST request to the same url with the data from the add wine modal window form.
-
-##$routeProvider
-- Routes allow you to add multiple page functionality to your app.
-- Views are triggered via the location hash.
-- Routes are set up on the application configuration:
-
-```javascript
-app.config(["$routeProvider", function($routeProvider) {
-	$routeProvider
-		.when("/wines", {
-			templateUrl: "templates/wine-list.html",
-			controller: "wineCtrl"
-		})
-		.otherwise({
-			redirectTo: "/wines"
-		});
-}]);
-```
-
-- In order to use this new ngRoute module however it has to be one of our dependencies in our module setup:
-
-```javascript
-var app = angular.module("wineApp", ["ngRoute"]);
-```
-
-#####Accessing route parameters
-
-- In order to access parameters that are passed into a URL, you will need to inject $routeParams into your controller:
-
-```javascript
-app.controller("wineCtrl", function($scope, $http, $routeParams) {
-	console.log($routeParams.id);
-});
-```
+- Make a POST request to the same url with the data from the add wine modal window form.

day_3/README.md

@@ -1,20 +1,41 @@
+##$routeProvider
+- Routes allow you to add multiple page functionality to your app.
+- Views are triggered via the location hash.
+- Routes are set up on the application configuration:
+
+```javascript
+app.config(["$routeProvider", function($routeProvider) {
+	$routeProvider
+		.when("/wines", {
+			templateUrl: "templates/wine-list.html",
+			controller: "wineCtrl"
+		})
+		.otherwise({
+			redirectTo: "/wines"
+		});
+}]);
+```
+
+- In order to use this new ngRoute module however it has to be one of our dependencies in our module setup:
+
+```javascript
+var app = angular.module("wineApp", ["ngRoute"]);
+```
+
+#####Accessing route parameters
+
+- In order to access parameters that are passed into a URL, you will need to inject $routeParams into your controller:
+
+```javascript
+app.controller("wineCtrl", function($scope, $http, $routeParams) {
+	console.log($routeParams.id);
+});
+```
+
 ##Wine List Lab Part 2
 - In this part we will use routing to full data about a specific wine and render the edit page.
 - Here are the steps you will need to follow:
 	- Step 1: Create a route to `/edit/:id`.
 	- Step 2: Use the route parameter to make a GET request to `http://daretodiscover.herokuapp.com/wines/:id`.
 	- Step 3: Display wine data in the form on edit.html.
-	- Step 4: On submit of the form create a PUT request to the same URL as above to update the wine record.
-
-##ngAnimate
-- ngAnimate is a module that allows us to perform animations on elements selectively.
-- This functionality requires the ngAnimate module from the Angular extras.
-- Let's take a look at the documentation [here](https://docs.angularjs.org/api/ngAnimate/).
-- Animations work by applying the `.ng-enter`, `.ng-enter-active`, `.ng-leave`, or `.ng-leave-active` classes on any of your existing classes.
-- Your classes should implement some sort of CSS3 animation.
-- Let's try this out with some pre-built css classes to help us out: https://github.com/Augus/ngAnimate.
-
-##Wine List Lab Part 3
-- In this part of the lab we will implement some animations between views.
-- Use your existing application and create an animation between the wine list and the edit view.
-- Experiment using different CSS3 properties.
+	- Step 4: On submit of the form create a PUT request to the same URL as above to update the wine record.

day_6/README.md

@@ -26,5 +26,18 @@ app.filter("multiply", function() {
 });
 ```
 
+##ngAnimate
+- ngAnimate is a module that allows us to perform animations on elements selectively.
+- This functionality requires the ngAnimate module from the Angular extras.
+- Let's take a look at the documentation [here](https://docs.angularjs.org/api/ngAnimate/).
+- Animations work by applying the `.ng-enter`, `.ng-enter-active`, `.ng-leave`, or `.ng-leave-active` classes on any of your existing classes.
+- Your classes should implement some sort of CSS3 animation.
+- Let's try this out with some pre-built css classes to help us out: https://github.com/Augus/ngAnimate.
+
+##Wine List Lab Part 3
+- In this part of the lab we will implement some animations between views.
+- Use your existing application and create an animation between the wine list and the edit view.
+- Experiment using different CSS3 properties.
+
 ##Q&A
 - Let's answer some of your questions on Angular!