Discover Classes. Earn Rewards.
Developing Web Applications Using Angular is unfortunately unavailable

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

Developing Web Applications Using Angular

at Hands On Technology Transfer, Inc. - Chelsea

(189)
Course Details
Price:
$2,795
Start Date:

This class isn't on the schedule at the moment, but save it to your Wish List to find out when it comes back!
If you're enrolled in an upcoming date, this simply means that date has now sold out.

Location:
Chelsea, Manhattan
(Exact location to be announced)
New York, New York
(Map)
Purchase Options
Save to WishList

6 people saved this class

Book Private Class
Description
Class Level: Beginner
Age Requirements: 18 and older
Average Class Size: 8

Flexible Reschedule Policy: This provider has flexible, free rescheduling for any-in person workshop. Please see the cancellation policy for more details

What you'll learn in this web development course:

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

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

This hands on programming course provides a thorough introduction to the Angular JavaScript Framework including coverage of versions 2 through 7. Attendees will learn the fundamental skills necessary to build Web Applications using Angular and the MVVM (Model-View-ViewModel) design pattern. Topics include using TypeScript and ECMAScript 6 to create object-oriented Angular applications, extending HTML by creating reusable UI components, implementing data-binding, designing and using custom structural and attribute directives, as well as creating and using Angular pipes for formatting and transforming data in the UI. Students will explore creating UX's (User Experiences) by designing Web animations and implementing both template-driven and reactive style forms. Students will learn to use Angular routing to create SPA's (Single Page Applications). The course includes coverage of using DI (Dependency Injection) and Angular services to provide business and data-access logic to the application, both locally as well as communicating with RESTful web services to provide CRUD database operations.

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

Prerequisite:
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 Outline
Overview of Angular and the MVVM Design Pattern

  • Features and Benefits of Angular
  • Angular Architecture
  • MVVM Design Pattern Overview
  • Downloading Angular
  • Choosing an IDE
  • Creating a Simple Application with Angular

Using Visual Studio Code

  • Downloading and Installing Visual Studio Code
  • Generating Angular Projects with the CLI (Angular Command Line Interface)
  • Angular Project Structure, Files and Configuration
  • Debugging Angular Applications
  • Using the Terminal Window

Working with ES6 (ECMAScript)

  • Enhancements to Legacy JavaScript
  • New let to Declare Variables
  • Block Scoping
  • Using for of Loops
  • Literals and Strings
    • Extended Literal Support
    • Template Literals
    • Object Literal Changes
  • Function Enhancements
    • Default Parameters
    • Rest and Spread Operators
    • Arrow Functions/Lambdas

Working with TypeScript

  • Types
    • Working with Built-In Types
    • Custom Types
  • Setting Up and Using Node.js
  • Transpiling TypeScript into JavaScript
  • TypeScript Compiler Configuration
  • TypeScript Functions
    • Default and Optional Parameters
    • Function Overloading
    • Parameter Types and Return Types

Angular Modules

  • Using Modules to Create an Application
  • Default Modules
  • Bootstrapping an Application
  • Exporting Classes, Functions and Values
  • Limiting Scope
  • Grouping Modules
  • Specifying Module Dependencies
  • Organizing Code Files
  • Module Testing
  • Best Practices

Angular Components

  • Component LifeCycle
  • Component Templates to Define Views
  • Using Decorators to Define MetaData
  • Styling
    • Per-Component Styling
    • Defining Global Styles in angular.json
    • Adding Bootstrap Framework to an Angular App
  • View Encapsulation
    • ViewEncapsulation.ShadowDom
    • ViewEncapsulation.Emulated
    • ViewEncapsulation.None
  • Referencing DOM Elements with ElementRef
  • Lifecycle Hooks
    • OnInitOnDestroy, OnChangesDoCheck
    • AfterContentInitAfterViewInit
    • AfterContentCheckedAfterViewChecked
  • Change Detection
  • Passing Data to Components

Component Templates and Data Binding

  • Basic Data Binding Concepts
  • Interpolation
  • One-Way Property Binding
  • Two-Way Property Binding
  • Event Binding
  • Custom Binding
    • Exposing Properties and Events to Parent Controls
    • Custom Property Binding
    • Custom Event Binding

Angular Directives

  • Built-In Directives
    • NgIfNgForNgClassNgStyleNgSwitch, etc.
  • Building Custom Directives
    • Using the Renderer2 Service
    • ElementRef
    • Attribute Directives
    • Structural Directives

Working with Pipes

  • Text Casing Pipes
  • Formatting Numbers and Dates
  • Internationalization and Cultures
  • Restricting Data Collections with slice
  • Custom Pipes
    • Implementing the PipeTransform Interface
    • Pure vs Impure Pipes
    • Passing Parameters to Pipes

Defining and Consuming Services

  • Dependency Injection
    • Registering Providers with the Injector
    • Changes to Injection in Angular 6
  • Creating a Service
  • Consuming a Service

Working with Web Services

  • Using HttpClient
  • Importing the HTTP Module
  • Creating Requests
  • Processing Responses
  • Web API
  • Using PostMan to Test the Server-Side Service
  • Interacting with a RESTFul Service
    • POST Requests
    • DELETE Requests
    • PUT Requests
    • HEAD Requests
  • Dealing with CORS (Cross Origin Resource Sharing)

Asynchronous Programming in Angular

  • Reactive Programming Model
  • The RxJs Library
    • Observables
    • Observers
    • Subjects
    • Subscriptions
    • Operators
  • Using Operators
    • Creation Operators
    • Filtering of Data Operators
    • Conversion of Data Operators
    • Math and Aggregate Operators
    • Utility Operators
    • Pipeable Operators
  • Using the async Pipe
  • Changes to RxJs in Version 6

Angular Forms

  • The ngNativeValidate Directive
  • HTML novalidate Attribute
  • Template Driven Forms
    • ngForm and ngModel in Forms
    • Input and Output Properties
  • Reactive-Driven/Model-Driven Forms
    • FormGroup
    • FormControl
    • FormArray
    • Validators Class
  • Using the FormBuilder Factory
  • Working with Form State
  • Client-Side Forms Validation

Angular Routing and Navigation

  • Overview of Routing
  • Implementing Single Page Applications (SPAs)
  • Location Strategies
  • Client-Side vs Server-Side Routing
  • Working with the Component Router
  • Adding Router Imports
  • Performing Router Configuration
  • Using Router State
  • Redirects
  • Routing Parameters
  • Router Lifecycle Events
  • Nesting Routes
  • Routing Guards
    • Defining a Guard
    • Registering Guards
    • Securing Routes
    • CanActivate Guard
    • CanActivateChild Guard
    • CanDeactivate Guard
    • CanLoad Guard

Unit Testing and TDD with Angular

  • TDD vs End-to-End Testing
  • Jasmine Testing Framework
    • Defining Expectations
  • Running Tests in Karma
  • Using the Angular Unit Test Framework
    • Fulfilling Dependencies
    • Mocking Out Data
    • Creating Testing Fixtures
  • Testing Services and HTTP
  • Using Test-Doubles (Mocks, Stubs and Spies)
  • Testing Components
  • Testing Forms

The Angular Animation System

  • The Web Animations API
  • States and Transitions
  • Entering and Leaving
  • Animating Properties
  • KeyFrames
  • Parallel Animation Groups

Building and Deploying Applications

  • Developing a Deployment Strategy
  • Managing Dependencies
  • Tree Shaking
  • Transpiling
  • Linting

Remote Learning

This course is available for "remote" learning and will be available to anyone with access to an internet device with a microphone (this includes most models of computers, tablets). Classes will take place with a "Live" instructor at the date/times listed below.

Upon registration, the instructor will send along additional information about how to log-on and participate in the class.

Still have questions? Ask the community.

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.

Map

Google Map

Hands On Technology Transfer, Inc.

All classes at this location

Start Dates (0)

This class isn't on the schedule at the moment, but save it to your Wish List to find out when it comes back!

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 27950 points. Points give you money off your next class!
Questions about this class?
Get help now from a knowledge expert!
Questions & Answers (0)

Get quick answers from CourseHorse and past students.

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

School: Hands On Technology Transfer, Inc.

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.

Want to take this class?

Save to Wish List
Booking this class for a group? Find great private group events here

71 Top Choices

Code in One Day: HTML & CSS Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online Online Classroom, Los Angeles, California 00000

HTML and CSS are the fundamental building blocks of the web. Whether you're a beginner who wants to get started in web development, a designer looking to hand-code their concepts, or a marketer who wants a little more control over their CMS, you'll need to know HTML and CSS to get the job done. This one day workshop is the quickest way to get started...

Friday Jul 17th, 8am - 2pm Pacific Time

Web Development Level 1

This class is temporarily being offered remotely.

at Training Connection - Downtown 915 Wilshire Blvd Ste 1800, Los Angeles, California 90017

Full Course Name:  Web Development Level 1 Building Websites with HTML5 and CSS3 This course is aimed at students new to Web development. You will learn to construct web pages by hand coding HTML and then applying Cascading Style Sheets (CSS) to control the layout and appearance. Live face-to-face instructor. No minimum class size - all classes...

Wednesday Jul 8th, 9am - 4:30pm Pacific Time

  (3 sessions)
$1,495

3 sessions

Node.js Certification

This class is temporarily being offered remotely.

at Knowledgehut - Online Online, New York, New York 00000

Node.JS was developed by Ryan Dahl in 2009 as a powerful framework developed on Chrome’s V8 Javascript engine that compiles the native machine code. It is a lightweight framework which is commonly used in order to develop large-scale applications, especially single-page applications, video streaming sites, etc. It was first implemented in the year...

Saturday Jul 4th, 5pm - 8pm Eastern Time

  (7 sessions)
$1,099

7 sessions

Web Development Level 3 Mobile & Responsive

This class is temporarily being offered remotely.

at Training Connection - The Loop 230 W Monroe St Ste 610, Chicago, Illinois 60606

Responsive web design is a relatively new approach to website design that ensures users have a great viewing experience on any device. It has become increasingly important over the last few years as mobile device ownership has exploded and traditional PC sales have slowed. And now that Google is prioritizing mobile-friendly sites in its search results...

Wednesday Jul 15th, 9am - 4:30pm Central Time

  (3 sessions)
$1,195

3 sessions

Bootstrap 4 Basics

This class is temporarily being offered remotely.

at The New York Public Library (Tech) - NYPL Online Classroom

Must register with a valid email address. This class will cover Bootstrap 4,  a free open-source front-end framework for developing with HTML, CSS, and JavaScript. It allows you to build responsive, mobile-first projects on the web and quickly prototype your ideas or build entire applications by use of its working components. You will...

Monday Jul 6th, 1pm - 3pm Eastern Time

Free

Front-End Web Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Class
Livestream, New York, New York 00000

This is a 10-week part-time course. Skills & Tools: Use HTML5, CSS3, JavaScript, jQuery, GitHub, and Sublime in concert. Production Standard: Build a fully responsive, interactive website that stands apart from the usual templates. The Big Picture: Understand how a skillful mix of programming and layout powers the web we see--and how teams collaborate...

Tuesday Jul 14th, 1pm - 4pm Eastern Time

  (20 sessions)
$3,950

20 sessions

Adobe Dreamweaver CC: Part 1

This class is temporarily being offered remotely.

at New Horizons Learning Group LA - Online Virtual Class, Online, California 00000

In this course, you will learn to maintain and administer your website with Dreamweaver’s site and page management tools. Course Objectives In this course, you will use Dreamweaver CC to design, build, maintain, and upload websites. You will: Identify Dreamweaver fundamentals. Create websites. Create web pages. Insert tables and import...

Thursday Jul 9th, 6am - 2pm Pacific Time

  (2 sessions)
$790

2 sessions

HTML Introduction

This class is temporarily being offered remotely.

at Computer Training Source, Inc. - Schaumburg 1821 Walden Office Sq Ste 400, Schaumburg, Illinois 60173

Learn to write hypertext markup language (HTML) to design or change web pages. Even if you use Expressions Web, FrontPage, or Dreamweaver to design your web site, knowing HTML is necessary. We'll cover adding tags, links, images, style sheets, frames and tables. Table Of Contents: Unit 1: Getting started Topic A: Introduction to the Web Topic...

Saturday Jul 11th, 9am - 4pm Central Time

Coding Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online Online Class
Livestream, New York, New York 00000

Interested in transitioning into a career in web development, software engineering and web design?  Thinking about enrolling in our Immersive Bootcamp? Want to start you own business and build a dynamic site to showcase your brand? Stop wasting another minute on lengthy online video training and get hands-on, 1:1 veteran instructor led training...

Saturday Aug 22nd, 11am - 6pm Eastern Time

  (2 sessions)
$149

2 sessions

Front-End Web Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Class, Seattle, Washington 00000

Created With a Focus on Real-World Relevance Gain hands-on experience with industry-standard tools — HTML5, CSS3, JavaScript (ES6) — to build rich, interactive websites. GA’s front-end advisory board curates the best practices and innovative teaching approaches of our entire expert network to meet evolving employer demands. Its work ensures that...

Tuesday Jul 14th, 10am - 1pm Pacific Time

  (20 sessions)
$3,950

20 sessions

Front-End Web Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, San Francisco, California 00000

This is a part time course Skills & Tools Use HTML5, CSS3, JavaScript, jQuery, GitHub, and Sublime in concert. Production Standard Build a fully responsive, interactive website that stands apart from the usual templates. The Big Picture Understand how a skillful mix of programming and layout powers the web we see – and how teams collaborate...

Tuesday Jul 14th, 10am - 1pm Pacific Time

  (20 sessions)
$3,950

20 sessions

Front-End Web Development

This class is temporarily being offered remotely.

at General Assembly - Online Remote Online, Online, California 00000

This is a part time course Skills & Tools Use HTML5, CSS3, JavaScript, jQuery, GitHub, and Sublime in concert. Production Standard Build a fully responsive, interactive website that stands apart from the usual templates. The Big Picture Understand how a skillful mix of programming and layout powers the web we see – and how teams collaborate...

Tuesday Jul 14th, 10am - 1pm Pacific Time

  (20 sessions)
$3,950

20 sessions

Front-End Web Development (Online)

This class is temporarily being offered remotely.

at General Assembly - Online Online Classroom, Los Angeles, California 00000

This is a 10-week part-time course. Skills & Tools: Use HTML5, CSS3, JavaScript, jQuery, GitHub and Sublime in concert. Production Standard: Build a fully responsive, interactive website that stands apart from the usual templates. The Big Picture: Understand how a skillful mix of programming and layout powers the web we see—and how teams...

Tuesday Jul 14th, 10am - 1pm Pacific Time

  (20 sessions)
$3,950

20 sessions

Front-End Web Development

This class is temporarily being offered remotely.

at General Assembly - Online Remote Online , Denver, Colorado 00000

This is a 10-week part-time course. Skills & Tools: Use HTML5, CSS3, JavaScript, jQuery, GitHub, and Sublime in concert. Production Standard: Build a fully responsive, interactive website that stands apart from the usual templates. The Big Picture: Understand how a skillful mix of programming and layout powers the web we see--and how teams collaborate...

Tuesday Jul 14th, 11am - 2pm Mountain Time

  (20 sessions)
$3,950

20 sessions

Front-End Web Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Chicago, Illinois 00000

This is a 10-week part-time course. In this 10-week course, students learn to code, speak the language and implement their own designs by learning HTML, CSS, and JavaScript. Skills & Tools: Use HTML5, CSS3, JavaScript, jQuery, GitHub, and Sublime in concert. Production Standard: Build a fully responsive, interactive website that stands apart...

Tuesday Jul 14th, 12pm - 3pm Central Time

  (20 sessions)
$3,950

20 sessions

Front-End Web Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Online, Massachusetts 00000

This is a part time course. Skills & Tools Use HTML5, CSS3, JavaScript, jQuery, GitHub, and Sublime in concert. Production Standard Build a fully responsive, interactive website that stands apart from the usual templates. The Big Picture Understand how a skillful mix of programming and layout powers the web we see – and how teams collaborate...

Tuesday Jul 14th, 1pm - 4pm Eastern Time

  (20 sessions)
$3,950

20 sessions

Front-End Web Development

This class is temporarily being offered remotely.

at General Assembly - Online GA Washington D.C. (Remote Online), Washington, District of Columbia 00000

This is a part time course Unit 1: The Basics HTML Basics Apply HTML tags: <head>, <link>, <script>, <style>, <meta> to web pages Apply tags to HTML documents to effectively section content Differentiate between the various image file types Predict image paths and apply relative paths to img src tags Describe how...

Tuesday Jul 14th, 1pm - 4pm Eastern Time

  (20 sessions)
$3,950

20 sessions

HTML & CSS Bootcamp: Learn To Code In One Day

This class is temporarily being offered remotely.

at General Assembly - Online Online Class, Seattle, Washington 00000

The well-being of our employees, students, clients, instructors, and guests is our number one priority here at General Assembly. We are monitoring COVID-19 very carefully and are adjusting delivery of our programs. Due to the current health concerns, all GA short-form events, workshops & bootcamps will temporarily be held online - including this...

Friday Jul 17th, 8am - 2pm Pacific Time

Code in One Day: HTML & CSS Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online Online Class, Houston, Texas 00000

HTML and CSS are the fundamental building blocks of the web. Whether you're a beginner who wants to get started in web development, a designer looking to hand-code their concepts, or a marketer who wants a little more control over their CMS, you'll need to know HTML and CSS to get the job done. This one day workshop is the quickest way to get started...

Friday Jul 17th, 10am - 4pm Central Time

Code in One Day: HTML & CSS Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Atlanta, Georgia 00000

Due to the current health concerns, all GA short-form events, workshops & bootcamps will temporarily be held online - including this one. Registered students will be notified 24 hours in advance of this program with information on how to log in to the Zoom Meeting Room and other tools you’ll need for the session. Registration for this class...

Friday Jul 17th, 11am - 5pm Eastern Time

Loading...