Introduction to Angular JS

  • Print

 

Course Overview

This course teaches participants on how to use AngularJS to facilitate development of single-page web applications that use the Model-View-Controller (MVC) design pattern.

 

Download Brochurepdf-logo 
 

Objectives

 

Pre-requisites

All attendees must have substantial prior experience developing with JavaScript. If attendees will not have prior JavaScript experience, we would be delighted to precede this class with a one- or two-day intensive JavaScript primer.

 

Angular JS - Schedule

Day 1

09.00am – 10.00am

Introduction to AngularJS

  • What does AngularJS do for me?
  • Who controls AngularJS?
  • How can I get AngularJS?
10.00am – 10.30am

Breakfast

10.30am – 12.45pm

Our first AngularJS application

  • A basic application
  • Using angular-seed
  • Two-way data binding
  • Directives
  • Model, View, Controller from AngularJS perspective

12.45pm – 02.15pm

Lunch

02.15pm – 05.00pm

Single Page Applications

  • Creating Angular Modules
  • Using Angular's Routing Service
  • Routing Basics
  • Accessing URL Data
  • Using the $location Service
  • Creating a Skeleton Single Page Application

Day 2

09.00am – 10.00am

Controllers

  • Managing Scope
  • Setting up Behavior
  • Building a basic controller
  • A more advanced controller

10.00am – 10.30am

Breakfast

10.30am – 12.45pm

Models

  • Models
  • How to create a model
  • Explicit models
  • Implicit
  • models



Views

  • Angular's take on the View: a little
  • bit different
  • Tying a View to a Controller
  • Tying a View to a model

12.45pm – 02.15pm

Lunch

02.15pm – 05.00pm

Expressions

  • Expressions are lightweight code snippets
  • Expression capabilities
  • Limitations
  • The border between expressions and $eval



Filters

  • Standard filters
  • Writing your own filter
  • Tying filters together

Scopes

  • What are scopes?
  • What do scopes provide?
  • Scope lifecycle
  • Scopes as glue between controller and view
  • Scope hierarchies
  • Scope and events

                                                                        Day 3

09.00am – 10.00am

Angular Forms

  • Angular forms vs HTML forms
  • Angular form control

10.00am – 10.30am

Breakfast

10.30am – 12.45pm

Form events

  • The form controller
  • Form validation
  • CSS classes for form data

Ajax, Data, and Angular

  • High level interactions with
  • servers
  • Low-level server interactions with
  • $http
  • The deferred/promises API
  • Making RESTful Service calls
  • with $resource

12.45pm – 02.15pm

Lunch

02.15pm – 05.00pm

Directives

  • Teaching HTML new tricks
  • Binding text and attributes
  • Directive processing lifecycle

    • DOM Processing

    • Compilation

    • Linking
  • A basic directive
  • Directives and scopes
  • Creating reusable directives
  • Turning directives into components

Testing in Angular

  • Unit testing

    • Working with Dependency Injection
    • Other unit testing issues