angularjs

This video provides an introduction to the AngularJS: Fundamentals and Practice course.

Reviews the shift in web development from websites to web-apps and the evolution of different JavaScript frameworks.

- Plunkr
- Small example using AngularJS
- Hello, AngularJS in jQuery vs. AngularJS

Models
Views
Scopes
Controller

Cost Calculator in Angular
Using Multiple Controllers
Scope Hierarchies
Inter-controller communication using $emit
Watching scope variables with $watch

AngularJS Bootstrapping
AngularJS Integration with the Browser
$compile
$digest loop
Dependency Injection

Reusability: Contrasting with regular HTML
Creating your first directive
Passing data from controller to directive

Basics of AngularJS Scopes

Child Scopes
Automatically created child scopes
ng-repeat and child scopes

Scopes and Prototypal inheritance
Binding in different kinds of scopes
Isolated scopes
Scopes inherited from the controller’s scope
Introduction to transcluded scopes
Writing Reusable Directives with isolate scope

Directive compile function
Directive link function
template and templateUrl

Nested Directives
@ scope
Programming Radio Button Lists using Nested Directives
Interactive Directives using the link function

Description of the Project Mgmt. Dashboard Final Project.
Demo of the Final Project
Project Pages and Layout
AngularJS Project Directory Structure

Project Setup I

Setup for an SPA
Routing using ng-route
Setting up application routes
ng-view

Bootstrap CSS
Introduction to AngularJS Services

Types of Services
Writing and using a Service - AuthService
Using LocalStorage

Logout
Including templates via ng-include

Writing the projectspane directive
Controller-Directive communication

Separation of responsibilities - decoupling Directive, Controller, Services
Communicating between controllers and directives via callbacks

Writing the Project Service
Initializing projects data in the controller
Showing added projects instantaneously on the dashboard

Checkboxes using AngularJS
ng-true-value, ng-false-value
$index iterator in ng-repeat
$watch-ing arrays - deep vs. shallow watches

Communicating between directives
Selecting a row using ng-click
ng-if

Writing the Weather Service
$http and promises

Applying CSS via ng-class
Searching through a list using ‘filter’
Overview of built-in Angular filters

Overview Angular UI Bootstrap
Overview of Tabs, DatePicker, Tooltip
Using Angular UI Bootstrap Tooltips

Introduction to Jasmine
Installation - nodejs, karma, jasmine, angular-mock.js
Karma Config file
Testing Services - Writing the AuthService test
Running tests with Karma/Jasmine/Chrome
Testing controllers - Writing the LandingController Test
Debugging Karma tests

AngularJS Best Practices
Useful Angular Third-party plugins
Overview of ng-grid
Helpful Resources