Training Calendar

 ◄◄  ◄  ►►  ► 
August 2017
Mon Tue Wed Thu Fri Sat Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
No Image
Kuala Lumpur
Date :  22-08-2017
23
No Image
Kuala Lumpur
Date :  23-08-2017
24
25
26
27
28
29
No Image
Kuala Lumpur
Date :  29-08-2017
30
No Image
Kuala Lumpur
Date :  30-08-2017
31

psmb

Total Visitors

40.1%Malaysia Malaysia
23.9%United States United States
5.1%Philippines Philippines
4.5%India India
2.8%Indonesia Indonesia
2.8%Australia Australia
2.5%China China
2.5%Singapore Singapore
1.4%Canada Canada
1.1%United Kingdom United Kingdom

Today: 1
Yesterday: 9
This Week: 11
Last Week: 20
This Month: 157
Last Month: 169
Total: 12129

Introduction to Angular JS

 

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.

 

 

Objectives

  • Understand the design of single-page applications and how AngularJS facilitates their development
  • Properly separate the model, view, and controller layers of your application and implement them using AngularJS
  • Master AngularJS expressions, filters, and scopes
  • Build Angular forms
  • Elegantly implement Ajax in your AngularJS applications
  • Write AngularJS directives
  • Unit test and end-to-end test your AngularJS applications

 

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