Links and Notes

Articles.md

Compare jQuery and AngularJS: https://www.airpair.com/angularjs/posts/jquery-angularjs-comparison-migration-walkthrough

Bootstrap Link.html

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">

Labs.md

Data Binding: http://jsbin.com/mabaju/edit?html,output

Controllers: http://jsbin.com/guguwi/edit?html,output

Controllers Solution: http://jsbin.com/nogaco/edit?html,js,output

Using Directives: http://jsbin.com/nutara/edit?html,js,output

Dependency Injection: http://jsbin.com/bemiho/edit?html,js,output

Components Lab 1: http://jsbin.com/kirigig/edit?html,js,output

Components Lab 2: http://jsbin.com/qociva/edit?html,js,output

UI Bootstrap: http://jsbin.com/guguwi/edit?html,js,output

Links.md

Day 1 Slides: https://www.dropbox.com/s/qkpt26mccm5xy7y/Day%201%20-%20Angular%20Basics.pdf?dl=0

Day 2 Slides: https://www.dropbox.com/s/8kwsotyeac7lh1v/Day%202%20-%20More%20Angular.pdf?dl=0

Angular Documentation: https://docs.angularjs.org/api

Todo Sourcecode: https://github.com/jasonaden/angular-todo

Todo App Plunker: https://plnkr.co/edit/qoMWosUVw5GplxhjFgou

Bootstrap: http://getbootstrap.com/

UI Bootstrap: http://angular-ui.github.io/bootstrap/

Database (Firebase): https://trainingtodo.firebaseio.com/

Modal Controller.js

function ($scope, $uibModalInstance) {

  $scope.ok = function () {
    $uibModalInstance.close("Ok");
  };

  $scope.cancel = function () {
    $uibModalInstance.dismiss('cancel');
  };
}

Modal Template.html

<div class="modal-header">
    <h3 class="modal-title">Confirm?</h3>
</div>
<div class="modal-body">
    Are you sure?
</div>
<div class="modal-footer">
    <button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
    <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
</div>

Plunker

https://plnkr.co/edit/qoMWosUVw5GplxhjFgou