AngularJS Training
Angular JS Tutorial
AngularJS
=====
—–
* Course Id : JSPT-ANGL
* Duration : 24 Hours
Overview
—–
* AngularJS is a very popular JavaScript based open-source web application framework
* It is generally used to add an HTML page along with a tag
* An AngularJS framework application works with the ‘model-view-controller’ pattern – this makes applications easier to develop and test
Prerequisites
—–
* Basic knowledge of web development, HTML 5, and JavaScript
Objectives
—–
* Create SPA (single page applications) using MVC
* Understand the programming model framework
* Understand controllers and directives
* Control Angular data bindings
* Understand AngularJS Architecture
* Implement Responsive Web Applications with AngularJS
Course Structure
—–
* We provide more focus on hands-on in our technical courses (typically 80% hands-on/20% theory)
* Students get the capability to apply the material they learn to real-world problems
Materials Provided
—–
* All participants receive
* PDF of slides
* PDF of handson
* Access to instance with lab environment
Software Requirements
—–
Any of the following
* Any current internet browser
* vnc client
* rdp client
Hardware Requirements
—–
* Processor: 1.2 GHz+
* RAM: 512 MB+
* Disk space: 1 GB+
* Network Connection with low latency (<250ms) to Internet
Course Outline
## Daywise Angular JS Course Outline
—–
## Day 1
—–
* Unit 1 : AngularJS Introduction
* Unit 2 : Controllers
* Unit 3 : Bootstrapping Angular APPS
* Unit 4 : Data Binding
## Day 2
—–
* Unit 5 : Dependency Injection
* Unit 6 : Expressions
* Unit 7 : Directives
* Unit 8 : Filters
* Unit 9 : Events
* Unit 10 : Modules
## Day 3
—–
* Unit 11 : AngularJS XMLHttpRequest (AJAX)
* Unit 12 : AngularJS Service Types
* Unit 13 : Single Page Applications
* Unit 14 : REST API Calls
* Unit 15 : Animations
* Unit 16 : Angular with UI Frameworks
## Detailed Angular JS Outline
—–
Unit 1 : AngularJS Introduction
* Introduction To Client Side Scripting Languages
* Basics of Javascript and jQuery
* Introduction to AngularJS and Its History
* Why should we use AngularJS?
* Execution flow
Unit 2 : Controllers
* Properties, Methods
* Binding controllers with views
* Controller hierarchy
* Sharing data between controllers
Unit 3 : Bootstrapping Angular Apps
* Auto bootstrap
* Custom bootstrap
Unit 4 : Data Binding
* Binding Model Objects
* Model Objects Visibility
* $scope
* $rootScope
* Difference between $scope & $rootScope
* Using $emit and $broadcast
* JSON advantages
* Using JSON in Angularjs
* Use of $watch, $digest & $apply
* Understanding AngularJS Architecture
Unit 5 : Dependency Injection
* What is Dependency Injection?
* Implicit DI
* Inline Array Annotated DI
* $inject Array Annotated DI
Unit 6 : Expressions
* AngularJs Expressions, AngularJS Numbers
* AngularJS Strings, AngularJS Arrays
* AngularJS Objects
Unit 7 : Directives
* Power of directives
* Working with built in directives
* ng-app, ng-init
* ng-model, ng-repeat
* ng-class, ng-template
* ng-include
* Working with custom directives
Unit 8 : Filters
* Adding Filters to Expressions, Directives
* Working with built in filters
* Creating custom filters
Unit 9 : Events
* ng-click
* Hiding HTML Elements
* ng-disabled
* ng-show, ng-hide
Unit 10 : Modules
* Controllers Pollute the Global Namespace
* AngularJS Application Files
Unit 11 : AngularJS XMLHttpRequest (AJAX)
* AngularJS $http
* AngularJS Forms and Input Validation
Unit 12 : AngularJS Service Types
* Constants and Values, Factories
* Services, Providers
Unit 13 : Single Page Applications
* What is SPA?
* How to work with SPA in angular
* Working with routes
* Static & dynamic routing
Unit 14 : REST API Calls
* Overview of REST API
* Use of angular resource module
Unit 15 : Animations
* Overview of transitions
* Use of angular animate module
Unit 16 : Angular with UI Frameworks
* ui boostrap
* anguar-meterial