Building Web Applications with AngularJS

Level: Intermediate
RATING: 4.8/5 4.79/5 Based on 448 Reviews

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.

Building Web Applications with AngularJS

Key Features of this AngularJS Training:

  • Learn AngularJS
  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included
  • After-course computing sandbox included

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

Choose the Training Solution That Best Fits Your Individual Needs or Organizational Goals

LIVE, INSTRUCTOR-LED

In Class & Live, Online Training

  • 4-day instructor-led training course
  • One-on-one after-course instructor coaching
  • After-course computing sandbox
  • Tuition can be paid later by invoice -OR- at the time of checkout by credit card.

TRAINING AT YOUR SITE

Team Training

  • Bring this or any training to your organization
  • Full - scale program development
  • Delivered when, where, and how you want it
  • Blended learning models
  • Tailored content
  • Expert team coaching

Customize Your Team Training Experience

CONTACT US

Save More On Training with FlexVouchers – A Unique Training Savings Account

Our FlexVouchers help you lock in your training budgets without having to commit to a traditional 1 voucher = 1 course classroom-only attendance. FlexVouchers expand your purchasing power to modern blended solutions and services that are completely customizable. For details, please call 888-843-8733 or chat live.

In Class & Live, Online Training

  • Nov 27 - 30 ( 4 Days)
    9:00 AM - 4:30 PM EST
    Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • Feb 26 - Mar 1 ( 4 Days)
    9:00 AM - 4:30 PM EST
    Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

  • Mar 26 - 29 ( 4 Days)
    9:00 AM - 4:30 PM EDT
    Rockville, MD / Online (AnyWare) Rockville, MD / Online (AnyWare) Reserve Your Seat

  • Apr 23 - 26 ( 4 Days)
    9:00 AM - 4:30 PM EDT
    Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

  • May 28 - 31 ( 4 Days)
    9:00 AM - 4:30 PM EDT
    New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

  • Sep 3 - 6 ( 4 Days)
    9:00 AM - 4:30 PM EDT
    Rockville, MD / Online (AnyWare) Rockville, MD / Online (AnyWare) Reserve Your Seat

Guaranteed to Run

When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time, location — will run. Guaranteed.

Important AngularJS Training Course Information

  • AngularJS Training Course Description

    In this AngularJS Training, attendees will build a complete AngularJS Single Page Application (SPA). They will craft the User Interface with templates, directives and filters, code controllers with JavaScript and bind data to templates. They will learn how to develop data-bound forms to perform CRUD access and harness built-in services to perform REST data access.

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

Team Training

AngularJS Training FAQs

  • What is AngularJS

    AngularJS is a modern JavaScript framework for building web-based functionality in desktop and mobile browsers.

  • Why should I use AngularJS?

    With an AngularJS application, you have a clean separation of HTML templates or views that display data from JavaScript controllers that retrieve or manipulate data. This design principle makes AngularJS applications easier to test and maintain.

  • Will I learn how to create a webpage using AngularJS?

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

  • Does Learning Tree offer an AngularJS Training course online?

    Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want, including online training.

Questions about which training is right for you?

call 888-843-8733
chat Live Chat




100% Satisfaction Guaranteed

Your Training Comes with a 100% Satisfaction Guarantee!*

  • If you are not 100 % satisfied, you pay no tuition!
  • No advance payment required for most products.
  • Tuition can be paid later by invoice - OR - at the time of checkout by credit card.

*Partner-delivered courses may have different terms that apply. Ask for details.

Online (AnyWare)
Herndon, VA / Online (AnyWare)
Rockville, MD / Online (AnyWare)
Ottawa / Online (AnyWare)
New York / Online (AnyWare)
Rockville, MD / Online (AnyWare)
Preferred method of contact:
Chat Now

Please Choose a Language

Canada - English

Canada - Français