Introduction to Angular JS

Training Calendar

Previous Year Previous Month Next Year Next Month

November 2024

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	23	24
25	26	27	28	29	30

psmb

Total Visitors

38.2%		United States
21.2%		China
19.1%		Canada
8.5%		Russian Federation
6.3%		Malaysia
2.1%		United Kingdom
2.1%		France
2.1%		Germany

Yesterday:	1
This Week:	1
Last Week:	6
This Month:	12
Last Month:	9
Total:	50085

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.

Download Brochure

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