AngularJS is a structural 'super heroic' MVC framework that defines numerous concepts to properly organize your web application. It uses HTML as the template language and extends HTML's syntax to express the application's components clearly and succinctly. This course explores all of the various uses of Angular JS.

2 days - $1,295.00

Course taught by an expert computer coding Instructor.

Prerequisites:

Knowledge Of Javascript, HTML, CSS are essential.

Course Outline

Introduction And Overview
Features And Benefits Of AngularJS
Extending HTML For Web Applications
Separating Concerns And Testability
        
Architecting AngularJS
Assembling The Application
Bootstrapping The Application With Ng–App
Modularizing Functionality With Angular.Module()
Managing Dependencies With Dependency Injection
Annotating Modules For Minification
 
Coding Controllers
Attaching The Controller With Ng–Controller
Connecting The $Scope To The Controller
Implementing Controller Properties And Methods
Employing The Controller As Syntax
 
Demystifying Internals
Dissecting The Digest Cycle
Observing Expressions With $Scope.$Watch()
Integrating External Libraries With $Scope.$Apply()
        
Constructing An Interactive User Interface
Applying Directives To Templates
Binding To HTML With Ng–Model
Interleaving Angularjs Expressions With HTML
Displaying Sets Of Data With Ng–Repeat
Piping Data Into Angularjs Filters
Date
Currency
Filter
Orderby
 
Integrating Forms
Manipulating Forms And Inputs With The Form Controller
Binding To Input Fields
Text
Date
Radio
Checkbox
Select
Toggling Form Control State With Ng–Show And Ng–Disabled
 
Validating Form Input
Exploiting HTML5 Attributes: Required, Min, Max, Pattern
Harnessing $Error, $Dirty, And $Invalid In Expressions
Styling With Angular CSS Classes: Ng–Valid, Ng–Invalid, Ng–Pristine, Ng–Dirty
        
Designing A Polished User Interface
Working With Images And Links
Binding Image Source Urls With Ng–Src
Incorporating Bound Links With Ng–Href

Supporting Internationalization And Accessibility
Providing Local Rules
Applying Localization With Ngpluralize And Ngmessageformat
Leveraging The Ngaria Module
        
Harnessing AngularJS Services
Navigating With The Routing Service
Dividing Application Functionality Across Multiple Views
Specifying The Ng–View And Page Layout
Configuring The $Routeprovider Service
Mapping Route Urls To Templates
 
Connecting To External REST API Data
Performing CRUD Operations With The $Http Service
Get()
Post()
Delete()
Put()
Retrieving JSON Data Asynchronously
Mapping JSON Data Into Javascript Objects
 
Testing AngularJS Functionality
Unit Testing Controllers With Jasmine
Mocking HTTP With $Httpbackend
        
Extending AngularJS
Developing Custom Components
Selecting The Appropriate Provider
Constant
Value
Factory
Service
Coding A Custom Filter
 
Creating Custom Directives
Implementing Restrictions For Elements Or Attributes
Specifying Template Markup Or Templateurl
Isolating Directive Scope
Producing One– And Two–Way Data Bindings
        
Animating Applications
Including The Nganimate Module
Hooking Into Angularjs Animation Triggers
Writing CSS Transitions And Animations
Incorporating Drag And Drop