Comprehensive AngularJS

ANG-104 (5 Days)
4.6 out of 5 (401 reviews)  

Request Pricing

AngularJS Training Overview

Accelebrate’s Comprehensive AngularJS training teaches developers how to use AngularJS to facilitate development of single-page web applications that use the Model-View-Controller (MVC) design pattern. Attendees also take advantage of the framework’s more sophisticated features.

Note: This course is taught using the latest AngularJS 1.x version (unless an earlier 1.x release is requested).

Location and Pricing

Most Accelebrate courses are taught as private, customized training for 3 or more attendees at our clients' sites worldwide. In addition, we offer live, private online classes for teams who may be in multiple locations or wish to save on travel costs. Please visit our client list for organizations for whom we have delivered onsite training. To receive a customized proposal and price quote for private on-site or online training, please contact us.

In addition, some courses are available as live, online classes for individuals. See a schedule of online courses.

AngularJS Training Objectives

Students will:

  • Understand the design of single-page applications and how AngularJS facilitates their development
  • Properly separate the model, view, and controller layers of your application and implement them using AngularJS
  • Master AngularJS expressions, filters, and scopes
  • Build Angular forms
  • Elegantly implement Ajax in your AngularJS applications
  • Write AngularJS directives
  • Unit test and end-to-end test your AngularJS application
  • Possess a basic understanding of Angular’s native services
  • Create custom Angular services
  • Understand how Angular processes directives, including directive scope, priority, and transclusion
  • Build custom directives
  • Implement basic user interfaces with Angular Forms
  • Make Angular work with their chosen UI widget framework
  • Write more sophisticated end-to-end tests

AngularJS Training Outline

Expand All | Collapse All | Printer-Friendly

Introduction to AngularJS
  • What does AngularJS do for me?
  • Who controls AngularJS?
  • How can I get AngularJS?
Our first AngularJS application
  • A basic application
  • Using angular-seed
  • The pieces of the puzzle
    • Two-way data binding
    • Directives
  • How it fits together
    • How much of the page is an Angular application?
  • Model, View, Controller from the AngularJS Perspective
Single Page Applications
  • What do we mean by Single Page Application?
  • Creating Angular Modules
  • Using Angular's Routing Service
    • Routing Basics
    • Accessing URL Data
    • Using the $location Service
  • Creating a Skeleton Single Page Application
Controllers
  • Where Controllers fit in, and what they do, from Angular’s perspective
  • Managing Scope
  • Setting up Behavior
  • Building a basic controller
  • A more advanced controller
Models
  • How to create a model
  • Explicit models
  • Implicit models
Views
  • Angular's take on the View: a little bit different
  • Tying a View to a Controller
  • Tying a View to a model
Expressions
  • Expressions are lightweight code snippets
  • Expression capabilities
  • Limitations
  • The border between expressions and $eval
Filters
  • Standard filters
  • Writing your own filter
  • Tying filters together
Scopes
  • What are scopes?
  • What do scopes provide?
  • Scope lifecycle
  • Scopes as glue between controller and view
  • Scope hierarchies
  • Scope and events
Angular Forms
  • Angular forms vs HTML forms
  • Angular form controls
  • Form events
  • The form controller
  • Form validation
    • CSS classes for form data
Ajax, Data, and Angular
  • High level interactions with servers
  • Low-level server interactions with $http
  • The deferred/promises API
  • Making RESTful Service calls with $resource
Directives
  • Teaching HTML new tricks
  • Binding text and attributes
  • Directive processing lifecycle
    • DOM Processing
    • Compilation
    • Linking
  • A basic directive
  • Directives and scopes
  • Creating reusable directives
  • Turning directives into components
Testing in Angular
  • Unit testing
    • Working with Dependency Injection
    • Other unit testing issues
  • End-to-end testing
    • Angular’s E2E testing framework
    • Commands and expectations
    • Controlling what happens before and after the test
    • Running a scenario
Angular User Interfaces
  • Angular Forms
    • Angular forms vs HTML forms
    • Angular form controls
    • Form events
    • The form controller
    • Form validation
  • Using Angular with Angular UI and Angular Bootstrap
    • Introduction to AngularUI
    • Introduction to Bootstrap (and AngularUI’s implementation)
    • Page layout and organization
    • UI Widgets
Angular Services
  • Providers as a concept
  • The Service Provider
    • Mocking out your Service during testing
  • The Factory Provider
    • Testing your Factory
  • The Provider recipe
Developing Custom Directives
  • Teaching HTML new tricks
  • Binding text and attributes
  • Directive processing lifecycle
    • DOM Processing
    • Compilation
    • Linking
  • A basic directive
  • Directives and scopes
  • Creating reusable directives
  • Turning directives into components
  • Transclusion
  • Examples:
    • Custom Elements
    • Custom Event Handling
    • Observing Model Changes with $observe
Enhanced End-to-End Testing
  • Introduction to End-to-End testing
  • Setting up Protractor
  • Configuring your browser()
  • Grabbing elements
  • Firing events
  • Examining data
AngularJS 2.x Overview and Migration Strategy
Conclusion
Request Pricing

Lecture percentage

35%

Lecture/Demo

Lab percentage

65%

Lab

Course Number:

ANG-104

Duration:

5 Days

Prerequisites:

All attendees must have substantial prior experience developing with JavaScript.  If attendees will not have prior JavaScript experience, we would be delighted to proceed this class with a one- or two-day intensive JavaScript primer.

Training Materials:

All attendees receive courseware and the latest/best AngularJS textbook as of the date of training.

Software Requirements:

  • Google Chrome with the Batarang plugin installed
  • Other modern browsers as desired
  • IDE or code editor of your choice
  • Node.js installed
  • Other free software and lab files that Accelebrate will specify

Contact Us:

Accelebrate’s training classes are available for private groups of 3 or more people at your site or online anywhere worldwide.

Don't settle for a "one size fits all" public class! Have Accelebrate deliver exactly the training you want, privately at your site or online, for less than the cost of a public class.

For pricing and to learn more, please contact us.

Contact Us Train For Us

Toll-free in US/Canada:
877 849 1850
International:
+1 678 648 3113

Toll-free in US/Canada:
866 566 1228
International:
+1 404 420 2491

925B Peachtree Street, NE
PMB 378
Atlanta, GA 30309-3918
USA

Subscribe to our Newsletter:

Never miss the latest news and information from Accelebrate:

Microsoft Gold Partner

Please see our complete list of
Microsoft Official Courses

Recent Training Locations

Alabama

Huntsville

Montgomery

Birmingham

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville

Little Rock

California

San Francisco

Oakland

San Jose

Orange County

Los Angeles

Sacramento

San Diego

Colorado

Denver

Boulder

Colorado Springs

Connecticut

Hartford

DC

Washington

Florida

Fort Lauderdale

Miami

Jacksonville

Orlando

Saint Petersburg

Tampa

Georgia

Atlanta

Augusta

Savannah

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Ceder Rapids

Des Moines

Kansas

Wichita

Kentucky

Lexington

Louisville

Louisiana

Baton Rouge

New Orleans

Maine

Portland

Maryland

Annapolis

Baltimore

Hagerstown

Frederick

Massachusetts

Springfield

Boston

Cambridge

Michigan

Ann Arbor

Detroit

Grand Rapids

Minnesota

Saint Paul

Minneapolis

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln

Omaha

Nevada

Reno

Las Vegas

New Jersey

Princeton

New Mexico

Albuquerque

New York

Buffalo

Albany

White Plains

New York City

North Carolina

Charlotte

Durham

Raleigh

Ohio

Canton

Akron

Cincinnati

Cleveland

Columbus

Dayton

Oklahoma

Tulsa

Oklahoma City

Oregon

Portland

Pennsylvania

Pittsburgh

Philadelphia

Rhode Island

Providence

South Carolina

Columbia

Charleston

Spartanburg

Greenville

Tennessee

Memphis

Nashville

Knoxville

Texas

Dallas

El Paso

Houston

San Antonio

Austin

Utah

Salt Lake City

Virginia

Richmond

Alexandria

Arlington

Washington

Tacoma

Seattle

West Virginia

Charleston

Wisconsin

Madison

Milwaukee

Alberta

Edmonton

Calgary

British Columbia

Vancouver

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan

© 2013-2019 Accelebrate, Inc. All Rights Reserved. All trademarks are owned by their respective owners.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.