Code: 
2321
Duration: 
0.5-4 Day(s)
Price: 
£1550-2095

Overview

AngularJS provides a comprehensive framework that allows you to develop modern Single Page Applications (SPAs) using your existing HTML and JavaScript skills. In this course you learn how to integrate AngularJS directives and expressions into HTML 5 markup and write AngularJS controllers and services to build a complete, feature-rich Single Page Web Application.

Audience

Client-side developers with HTML, JavaScript and CSS experience who want to use AngularJS to build web applications.

Skills Gained

  • Build a complete AngularJS Single Page Web Application
  • Craft the User Interface with templates, directives and filters
  • Code controllers with JavaScript and bind data to templates
  • Develop data-bound forms to perform CRUD access
  • Harness built-in services to perform REST data access
  • Extend AngularJS with custom services, filters and directives

Course Specifics

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 AngularJS controllers

  • Attaching the controller with ng-controller
  • Connecting the $scope to the controller
  • Implementing controller properties and methods
  • Employing the controller as syntax

Demystifying Angular 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 with AngularJS

  • 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 AngularJS Applications

  • Including the ngAnimate module
  • Hooking into AngularJS animation triggers
  • Writing CSS transitions and animations
  • Incorporating drag and drop


Thinking about Onsite?

If you need training for 3 or more people, you should ask us about onsite training. Putting aside the obvious location benefit, content can be customised to better meet your business objectives and more can be covered than in a public classroom. It's a cost effective option.

Submit an enquiry from any page on this site, and let us know you are interested in the requirements box, or simply mention it when we contact you.

Upcoming Dates

Course Location Days Cost Date
Onsite
4 2095 £2095 2018-07-16
London
3 1985 £1985 2018-06-13
London
4 2095 £2095 2018-04-17
London
3 1985 £1985 2018-02-28
London
4 2095 £2095 2017-12-05
Manchester
4 2000 £2000 2017-11-09
London
3 1550 £1550 2017-11-06
Cardiff
4 2000 £2000 2017-10-27
Belfast
4 2000 £2000 2017-10-18
London
3 1985 £1985 2017-10-11
Glasgow
4 2000 £2000 2017-09-26
London
1 1795 £1795 2017-09-11
Leeds
4 2000 £2000 2017-09-06
London
4 2000 £2000 2017-09-04
Liverpool
4 2000 £2000 2017-08-28
Oxford
4 2000 £2000 2017-08-21
Exeter
4 2000 £2000 2017-08-21
Reading
4 2000 £2000 2017-08-16
Bristol
4 2000 £2000 2017-08-11
London
4 2095 £2095 2017-08-01
London
1 1795 £1795 2017-07-31
London
3 1985 £1985 2017-07-26