Discover Classes. Earn Rewards.

Developing Web Applications Using AngularJS is unfortunately unavailable

Thankfully we have 5 other JavaScript Classes for you to choose from. Check our top choices below or see all classes for more options.

JavaScript Development Certificate

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Take your coding skills to the next level and become a versatile developer with the most in-demand programming language today. Learn to build dynamic web applications, create APIs, and work with databases using JavaScript at Noble Desktop.

(372) All levels 18 and older
$5,995

69 sessions

Gift it!

Web Design Certificate

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Learn the essential skills of web design and development, including HTML, CSS, JavaScript, and WordPress, with this comprehensive certificate program. Design and code responsive websites, create interactive prototypes and build a professional portfolio to showcase your expertise to potential employers and clients.

(372) All levels 18 and older
$4,995

26 sessions

Gift it!

JavaScript Programming Bootcamp

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Master the essentials of JavaScript programming and start building dynamic web applications. This comprehensive course covers variables, functions, data types, asynchronous JavaScript, and more to give you a solid foundation in JavaScript development. Don't miss out on this opportunity to level up your programming skills.

(372) All levels 18 and older
$2,495

26 sessions

Gift it!

JavaScript for Front-End

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Enhance your webpages with interactive functionality and create stunning animations using the industry standard GreenSock Animation Platform. Build your JavaScript skills and learn how to easily add logic and interactivity to your projects in this hands-on course at Noble Desktop. There is a prerequisite of experience with coding webpages.

(372) Advanced 18 and older
$975

3 sessions

Gift it!

React Development Bootcamp

Noble Desktop @ 185 Madison Ave, New York, NY & Virtually Online

Learn how to build robust and dynamic web applications using React, the most popular JavaScript library among developers. Discover how to create reusable components and gain hands-on experience by building multiple web apps in this comprehensive bootcamp.

(372) Intermediate 18 and older
$2,995

12 sessions

Gift it!
See all JavaScript classes NYC

Developing Web Applications Using AngularJS

  • All levels
  • 18 and older
  • $2,295
  • (Exact location to be announced), New York, NY
  • 32 hours over 4 sessions

Start Dates (0)

  • $2,295
  • NY - Manhattan @ (Exact location to be announced), New York, NY 00000
  • 32 hours over 4 sessions
Showing 10 of 0

Class Description

Description

What you'll learn in this javascript class:

All HOTT courses are available face-to-face, remote-live, on-demand or on-site at your facility

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


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.


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.

Course Syllabus:

Overview of AngularJS

  • Features and Benefits of AngularJS
  • MV* Design Pattern Overview
  • Downloading AngularJS
  • Referencing AngularJS Using a CDN
  • The AngularJS Digest Cycle
    - $watch
    - $apply
  • Overview of jqLite
  • Architecting an Application with AngularJS

Creating Single Page Applications (SPAs)

  • Single Page Application Model
  • AngularJS Programming Model for SPAs
  • Building the Shell HTML
    - Designing a Common UI
    - Defining Navigation
  • Managing Feature Containers
    - Designing Partial Views
    - Organizing Business Logic in Controllers
    - Programming the Data Model
  • Marrying Views, Controllers and URLs

Building Modules in AngularJS

  • Overview of Modules
  • Organizing Code Using Modules
  • Defining an Application with angular.module()
  • Bootstrapping an Application with ngApp
  • Managing Dependencies with Dependency Injection
  • Dealing with Minification Issues

Creating Controllers

  • Defining a Controller with module.controller()
  • Creating Properties and Methods in a Controller
  • Using the ngController Directive
  • Defining $scope in a Controller
  • Avoiding Scope Conflicts Using "Controller As"

Using Built-In AngularJS Directives

  • AngularJS Directive Overview
  • Behavior-Driven Directives
    - ngChange
    - ngClick
    - ngSubmit
  • DOM-Driven Directives
    - ngShow/ngHide
    - ngIf/ngSwitch
    - ngSrc/ngHref
  • Data-Driven Directives
    - ngBind
    - ngInit
    - ngModel
    - ngClass/ngStyle

Using AngularJS Services

  • Built-In Services and Factories
  • Comparing Factories and Services
  • Using the $http and $resource Services
    - Connecting to RESTful Web Services
    - Performing CRUD Operations
    - Retrieving JSON data Asynchronously
  • Logging Errors with $log
  • Using the $location and $window Services
  • Deferred and Promise API

AngularJS Routing

  • Overview of Routing
  • Configuring Routes with $routeProvider
  • Defining Route Parameters
  • Designing a Shell Page with ngView
  • Defining Templates
  • Mapping Route URLs to Templates

Data Binding

  • Overview of Data Binding
  • The ngModel Directive
  • Displaying Sets of Data with ngRepeat
  • Applying Filters
    - currency
    - date
    - orderby
    - filter
  • AngularJS Expressions

Integrating Forms in AngularJS

  • Using the Form Controller
  • Binding to Input Fields
  • Toggling Control State Using Directives and Expressions
    - ngChecked
    - ngShow
    - ngDisabled

Validating Forms in AngularJS

  • Setting HTML5 Validation Attributes
    - required
    - pattern
    - min/max
  • Using AngularJS Properties in Expressions
    - $error
    - $dirty
    - $invalid
  • Styling the Form with Angular CSS classes
    - ng-valid
    - ng-invalid
    - ng-dirty
    - ng-pristine

Extending AngularJS

  • Defining Custom Directives
    - Shared and Isolate Scope
    - Defining One- and Two-Way Data Bindings
    - Local Scope Properties (@, = and &)
  • Defining Custom Services
    - Refactoring Code into a Service
    - Defining Properties and Methods
    - Returning a Service
  • Defining Custom Factories
    - Refactoring Code into a Factory
    - Defining Properties and Methods
    - Returning a Factory Object
  • Defining Constants and Values
  • Defining Custom Filters

Animating AngularJS Applications

  • CSS3 Animations
    - CSS3 Transitions
    - CSS3 Animations
  • Using the $animate Service
  • Adding Animations on Enter, Leave and Move Events
  • Injecting the ngAnimate Module

Integrating Third Party Frameworks

  • Creating a Responsive UI with the Bootstrap Grid System
  • Applying Bootstrap CSS Classes
  • Using Bootstrap Components
    - Progress bar
    - Modal
    - Tabs
    - Navbar
  • Using AngularStrap and AngularUI Components

Refund Policy

Tuition includes all course materials. Students may withdraw before the second day of class to receive a 100% refund, provided course materials are returned to the instructor. Prorated refunds may be granted for withdrawals after the first day.

Cancellations and Changes: There are no cancellation fees.

Attendance Requirements: Students must attend each day of a course and successfully complete hands on exercises in order to receive a certificate of completion. If a student wishes to retake any portion of a class that he or she completes, the student may do so within 12 months at no extra cost.

Intended Audience: Hands On Technology Transfer, Inc., provides IT training designed for technology professionals who wish to quickly upgrade their computer skills. In most states, the employer bears all training costs.

Reviews of Classes at Hands On Technology Transfer, Inc. (7)

Similar Classes

Benefits of Booking Through CourseHorse

  • Booking is safe. When you book with us your details are protected by a secure connection.
  • Lowest price guaranteed. Classes on CourseHorse are never marked up.
  • This class will earn you 22950 points. Points give you money off your next class!

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Hands On Technology Transfer, Inc.

HOTT delivers instructor-led technical training across the United States, Canada and the United Kingdom. Whether you attend in person, remote-live or on-demand, our classroom-based training philosophy zeroes in on your ability to work more productively and with higher quality results after training....

Read more about Hands On Technology Transfer, Inc.

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified NYC educator.

Hands On Technology Transfer, Inc.

Hands On Technology Transfer, Inc.

All classes at this location

Google Map

Give This Course as a Gift Card

  • Thousands of classes
  • No expiration
  • Unique and memorable gifts for any occasion
  • Personalized
  • Explore a passion, gain a new skill, discover a new hobby, engage in a memorable experience
  • Instant delivery
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™

Buy a Gift Card

Book this Class as a Group Event

Booking this class for a group? Find great private group events

Or see all Coding Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

CourseHorse Gift Cards

  • Creative & unique gift for any occasion
  • Thousands of classes & experiences
  • No expiration date
  • Instant e-delivery (or choose a date)
  • Add a personalized message
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™
Buy a Gift Card
gift card with the CourseHorse logo gift card with the CourseHorse logo
Loading...