Preferred method of contact:

Building Web Applications with AngularJS

COURSE TYPE

Intermediate

Course Number

2321

Duration

4 Days

PDF Add to WishList

AngularJS is a modern JavaScript framework for building web-based functionality in desktop and mobile browsers. In this training course, you gain the skills to integrate AngularJS directives and expressions into HTML5 markup, write AngularJS controllers and services, build feature-rich Single Page Applications (SPAs), and harness AngularJS services and animating applications to construct an interactive UI.

You Will Learn How To

  • Build a complete AngularJS Single Page Application (SPA)
  • Craft the User Interface (UI) 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

Important Course Information

Requirements:

  • Experience developing web pages with JavaScript, HTML, and CSS at the level of:

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
  • Modularising 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 internationalisation and accessibility

  • Providing local rules
  • Applying localisation 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
Show complete outline
Show Less

Convenient Ways to Attend This Instructor-Led Course

Hassle-Free Enrolment: No advance payment required to reserve your seat.
Tuition Fee due 30 days after you attend your course.

In the Classroom

Live, Online

Private Team Training

In the Classroom — OR — Live, Online

Tuition Fee — Standard: £2095  

17 - 20 Apr (4 Days)
9:00 AM - 4:30 PM BST
London / Online (AnyWare) London / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

16 - 19 Oct (4 Days)
9:00 AM - 4:30 PM BST
London / Online (AnyWare) London / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

AFTERNOON START: Attend these live courses online via Anyware

20 - 23 Feb (4 Days)
2:00 PM - 9:30 PM GMT
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

27 - 30 Mar (4 Days)
2:00 PM - 9:30 PM BST
Rockville, MD / Online (AnyWare) Rockville, MD / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

10 - 13 Apr (4 Days)
2:00 PM - 9:30 PM BST
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

19 - 22 Jun (4 Days)
2:00 PM - 9:30 PM BST
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

7 - 10 Aug (4 Days)
2:00 PM - 9:30 PM BST
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

25 - 28 Sep (4 Days)
2:00 PM - 9:30 PM BST
Rockville, MD / Online (AnyWare) Rockville, MD / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

9 - 12 Oct (4 Days)
2:00 PM - 9:30 PM BST
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Guaranteed to Run

Show all dates
Show fewer dates

Private Team Training

Enroling at least 3 people in this course? Consider bringing this (or any course that can be custom designed) to your preferred location as a private team training.

For details, call 0800 282 353 or Click here »

Tuition Fee

Standard

In Classroom or
Online

Standard

£2095

Private Team Training

Contact Us »

Course Tuition Fee Includes:

After-Course Instructor Coaching
When you return to work, you are entitled to schedule a free coaching session with your instructor for help and guidance as you apply your new skills.

After-Course Computing Sandbox
You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.

Free Course Exam
You can take your Learning Tree course exam on the last day of your course or online at any time after class and receive a Certificate of Achievement with the designation "Awarded with Distinction."

Prev
Next

Training Hours

Standard class hours:
9:00 a.m. - 4:30 p.m.

Last day class hours:
9:00 a.m. - 3:30 p.m.

Free Course Exam – Last Day:
3:30 p.m. - 4:30 p.m.

Each class day:
Informal discussion with instructor about your projects or areas of special interest:
4:30 p.m. - 5:30 p.m.

AFTERNOON START class hours:
2:00 p.m. - 9:30 p.m.


Last day class hours:
2:00 p.m. - 8:30 p.m.


Free Course Exam – Last Day:
8:30 p.m. - 9:30 p.m.


Each class day:
Informal discussion with instructor about your projects or areas of special interest
9:30 p.m. - 10:30 p.m.

- ,

Prev
Next
Chat Now

Please Choose a Language

Canada - English

Canada - Français