AngularJS Fundamentals and Practice

Course Curriculum

Chapter 1: Introduction to the Course

Lecture 1: Introduction to the Course

Lecture 2: Review of Web Architecture, Web-dev History and Single Page Apps

Lecture 3: Hello, AngularJS

Chapter 2: AngularJS: Basic Concepts

Lecture 1: Introducing Models, Views, Scopes and Controllers

Lecture 2: Scope Hierarchies,Multiple Controllers,Controller communication: Cost Calculator

Lecture 3: How does AngularJS play with the Browser: Bootstrapping, $digest, $compile, DI

Lecture 4: Introduction to Directives: Reusability, Code a directive, Passing data

Chapter 3: Understanding Scopes and different kinds of scopes

Lecture 1: Understanding Scopes – I

Lecture 2: Understanding Scopes – II

Lecture 3: Child Scopes, scopes automatically created by directives (e.g. ng-repeat)

Lecture 4: Isolated scopes, Transclusion, binding in different scopes

Chapter 4: Programming Directives

Lecture 1: compile, link, template properties

Lecture 2: Nested directives, @scope: Programming nested radio button directive

Chapter 5: Final Project Kick-off: Setup, Design, Directory Structure

Lecture 1: Project Description and Directory Structure

Lecture 2: Project Setup, Third party libraries, directory structure, ng-app

Lecture 3: Setup for an SPA: Routes with ng-route and ng-view

Chapter 6: Landing Page and Dashboard: Directive/Controller communication

Lecture 1: Bootstrap CSS and Introduction to AngularJS Services

Lecture 2: Writing an authentication service, Using LocalStorage with AngularJS

Lecture 3: Using templates with ng-include: Logging out

Lecture 4: Controller-Directive Communication: Projects Pane Directive

Chapter 7: Decoupling Directive/Controller, Callbacks: Writing the Projects Pane Directive

Lecture 1: Separation of Responsibilities in AngularJS, '&' scope

Lecture 2: Projects Pane Directive: Adding new projects

Lecture 3: AngularJS Checkboxes, $index, $watch: Deleting and Refreshing projects

Lecture 4: Communicating between directives, ng-click, ng-if: Project Details Directive

Chapter 8: Remote calls with $http Service, Searching with AngularJS Filters, Applying CSS

Lecture 1: $http: Writing the Weather Service, promises

Lecture 2: CSS using ng-class and Searching with AngularJS ‘filter’

Chapter 9: Unit Testing and Third Party Libraries: Karma, Jasmine, Angular UI Bootstrap

Lecture 1: Angular UI Bootstrap Library

Lecture 2: Unit Testing using Karma, Jasmine, angular-mock.js

Lecture 3: Conclusion: 3rd Party Plugins, ng-grid, Best Practices and Helpful Resources