Codecademy ng-repeat I

//sample solution to MainController.js

app.controller('MainController',
['$scope', function($scope) {
  $scope.title = 'My Own String';
  $scope.promo = 'Your Own String';
  $scope.products =
  [
    {
      name: 'The Book of Trees',
      price: 19,
      pubdate: new Date('2014', '03', '08'),
      cover: 'img/the-book-of-trees.jpg'
    },
    {
      name: 'Program or be Programmed',
      price: 8,
      pubdate: new Date('2013', '08', '01'),
      cover: 'img/program-or-be-programmed.jpg'
    }
  ] 
}]);

<!-- sample solution for a portion of index.html -->

<div ng-repeat="product in products" class="col-md-6">
  <div class="thumbnail">
    <img src="img/the-book-of-trees.jpg">
    <p class="title">{{ product.name }}</p>
    <p class="price">{{ product.price | currency }}</p>
    <p class="date">{{ product.pubdate | date }}</p>
  </div>
</div>

Codecademy Filters II

//Sample solution to MainController.js

app.controller('MainController',
['$scope', function($scope) {
  $scope.title = 'My Own String';
  $scope.promo = 'Your Own String';
  $scope.product = { name: 'The Book of Trees', price: 19, pubdate: new Date('2014', '03', '08') }
}]);

<!-- sample solution to a portion of index.html -->
<div class="main" ng-controller="MainController">
      <div class="container">

        <h1>{{ title }}</h1>
        <h2>{{ promo }}</h2>

        <div class="col-md-6">
          <div class="thumbnail">
            <img src="img/the-book-of-trees.jpg">
            <p class="title">{{ product.name | uppercase }}</p>
            <p class="price">{{ product.price | currency }}</p>
            <p class="date">{{ product.pubdate | date }}</p>
          </div>
        </div>

     </div>
 </div>

Codecademy FIlters I

<!-- sample solution to a portion of index.html -->

<div class="main" ng-controller="MainController">
      <div class="container">

        <h1>{{ title }}</h1>
        <h2>{{ promo }}</h2>

        <div class="col-md-6">
          <div class="thumbnail">
            <img src="img/the-book-of-trees.jpg">
            <p class="title">{{ product.name }}</p>
            <p class="price">{{ product.price | currency }}</p>
            <p class="date"> </p>
          </div>
        </div>

     </div>
 </div>

Codecademy Workflow

//Sample solution to MainController.js
app.controller('MainController',
['$scope', function($scope) {
  $scope.title = 'My Own String';
  $scope.promo = 'Your Own String';
  $scope.product = { name: 'The Book of Trees', price: 19 }
}]);

<!-- sample solution to index.html -->

<div class="main" ng-controller="MainController">
      <div class="container">

        <h1>{{ title }}</h1>
        <h2>{{ promo }}</h2>

        <div class="col-md-6">
          <div class="thumbnail">
            <img src="img/the-book-of-trees.jpg">
            <p class="title">{{ product.name }}</p>
            <p class="price">{{ product.price }}</p>
            <p class="date"> </p>
          </div>
        </div>

      </div>
 </div>

Codecademy Hello AngularJS II

//Sample Solution for MainController.js

app.controller('MainController',
['$scope', function($scope) {
  $scope.title = 'My Own String';
  $scope.promo = 'Your Own String';
}]);

<!--Sample Solution for index.html-->

<div class="main" ng-controller="MainController">
      <div class="container">
        <h1>{{ title }}</h1>
        <h2>{{ promo }}</h2>
      </div>
</div>