Instructor-Led IT Training Across California

Covering over 25 subjects including .NET, Java, SQL Server, Web Programming, Mobile App Development, UNIX/Linux and Windows Administration.

Developing Web Applications Using AngularJS

Duration: 4 Days | Price: $2095

This hands on programming course provides a thorough introduction to the AngularJS JavaScript Framework. Attendees will learn the fundamental skills necessary to build Web Applications using AngularJS and the MV* (Model View Whatever) design pattern. Topics include creating controllers, using scope to manage data, designing views/templates, routing, data binding and filters, applying directives, as well as form integration and validation. Students will also use AngularJS' built-in services to communicate with RESTful web services and provide CRUD database operations.

Students will learn how to use CSS animations and Bootstrap to enhance the UI as well as learn to employ third-party components such as modal dialogs (“modals”), progress bars and navbars. In addition, students will learn to extend AngularJS with custom directives, services and filters.

Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.

This course introduces AngularJS 1.x. Students interested in Angular versions 2 through 6 should take the Developing Web Applications Using Angular course instead.

Course Prerequisites: Knowledge of HTML, CSS and JavaScript equivalent to attending the Website Development with HTML5, CSS and Bootstrap and JavaScript Programming courses. Knowledge of jQuery is helpful, but not required.

Please contact us to request a detailed course description and full course outline.

Course Schedule

Course Overview

  • Features and Benefits of AngularJS
  • MV* (Model View Whatever) Design Pattern Overview
  • Downloading AngularJS
  • Referencing AngularJS Using a CDN
  • Single Page Application Model
  • Organizing Code Using Modules
  • Defining an Application with angular.module()
  • Defining a Controller with module.controller()
  • Defining $scope in a Controller
  • Using Built-In AngularJS Directives
  • Using the $http and $resource Services
  • Using the $location and $window Services
  • Configuring Routes with $routeProvider
  • Defining Route Parameters
  • Defining Custom Directives
  • Integrating and Validating Forms in AngularJS
  • Animating AngularJS Applications
  • Creating a Responsive UI with the Bootstrap Grid System
  • Applying Bootstrap CSS Classes