AngularJS

Live Online (VILT) & Classroom Corporate Training Course

AngularJS allows developers to easily build dynamic, responsive single-page web applications that dynamically rewrite portions of the current page rather than having to generate a new page in response to every request.

How can we help you?

  • CloudLabs
  • Projects
  • Assignments
  • 24x7 Support
  • Lifetime Access

AngularJS

Overview

Angular training teaches participants how to build applications using ES6, TypeScript, and modern front-end tools, including npm and Webpack.

Objectives

At the end of AngularJS training course, participants will be able to

  • Understand how single-page web application architectures are different than traditional web application architectures
  • Use new JavaScript (ES6) language features including Classes, Modules, and Arrow Functions
  • Use new TypeScript language features including Types, Decorators, Interfaces, and Generics
  • Learn Angular coding and architecture best practices including project layout and using container and presentation components
  • Understand and use Angular model-driven forms, observables, dependency injection, and routing
  • Communicate with a backend server using Angular’s HttpClient to load and save data
  • Configure the router and navigate between components
  • Leverage IVY, the new Angular compiler, for faster and smaller builds

Prerequisites

All participants must have object-oriented programming experience. Some experience with JavaScript is helpful; the new language features of JavaScript and TypeScript are covered/reviewed in class.

Course Outline

TypeScript and ECMAScript 6 (ES6) Fundamentals2021-06-25T15:55:37+05:30
  • TypeScript Installation, Configuration & Compilation
  • Type Annotations
  • Classes
  • Scoping using let, var, and const Keywords
  • Arrow Functions
  • ES Modules
  • Decorators
  • Template Literals
  • Spread Syntax and Rest Parameters
  • Destructuring
Angular Overview2021-06-25T15:56:24+05:30
  • Benefits of Building using Angular
  • Understanding Angular Versions
  • Single-page Web Application Architectures vs. Traditional Server-side Web Application Architectures
  • Angular Style Guide
  • Angular Architecture
  • Angular Compared to Other JavaScript Libraries and Frameworks (React, VueJS, etc…)
  • Your First Angular Application
Components2021-06-25T15:56:43+05:30
  • Understanding Components
  • Component Properties & Methods
  • Templates: Inline, Multi-line, and External with Component-relative Paths
Angular Modules (NgModule)2021-06-25T15:57:09+05:30
  • Angular Modules vs. ES Modules
  • Organizing your code into Feature Modules
Project Set-Up (Using the Angular CLI)2021-06-25T15:57:28+05:30
  • Angular CLI Features
  • Creating a New Project (with new CLI Prompts)
  • Generating Code
  • Customizing the Angular CLI
Data Binding2021-06-25T15:57:54+05:30
  • Interpolation
  • Property binding
  • Event binding
  • Two-way data binding
Directives2021-06-25T15:58:18+05:30
  • Structural: ngFor, ngIf, ngSwitch
  • Attribute: ngClass, ngStyle
Pipes2021-06-25T15:58:35+05:30
  • Built-in Pipes: Using, Passing Parameters, Chaining
Advanced Components2021-06-25T15:59:04+05:30
  • Component Communication using @Input, @Output
  • Component Architecture
  • Component Styles
  • Component Lifecycle Hooks
  • Evaluating UI Component Frameworks & Libraries
Services & Dependency Injection2021-06-25T15:59:21+05:30
  • Using a service to access data
  • Using a service to encapsulate business logic
  • Understanding the scope of services
Dependency Injection2021-06-25T15:59:43+05:30
  • Understanding Dependency Injection
  • Angular’s Dependency Injection System
  • Registering
  • Injecting
Model-driven Forms (Reactive Forms)2021-06-25T16:00:04+05:30
  • Importing the ReactiveFormsModule
  • FormControl, FormGroup, and AbstractControl
  • Binding DOM Elements to FormGroups and FormControls
  • Validation Rules, Messages, and Styles
  • Refactoring Reactive Forms for Reuse
  • Custom Validators
Communicating with the Server using the HttpClient Service2021-06-25T16:00:26+05:30
  • Deciding between Promises or Observables (RxJS)
  • Making an HTTP GET Request
  • Sending data to the server using Http POST and PUT Requests
  • Issuing an HTTP DELETE Request
  • Intercepting Requests and Responses
Router2021-06-25T16:00:43+05:30
  • Importing the RouterModule
  • Configuring Routes
  • Displaying Components using a RouterOutlet
  • Navigating declaratively with RouterLink
  • Navigating with code using the Router
  • Accessing parameters using ActivatedRoute
Deploying an Angular Application to Production2021-06-25T16:01:05+05:30
  • Building an application using the Angular CLI
  • Differential loading: creating a modern build (ES2015) and a legacy build (ES5)
  • Deploying to a web server
Ivy: New Compilation & Rendering Pipeline2021-06-25T16:01:28+05:30
  • Understanding Ivy
  • Ivy Goals
  • Ivy Benefits
  • Ivy Bundle Sizes
Upgrading to the latest version of Angular from earlier versions2021-06-25T16:01:50+05:30
  • 2.x and above
  • Update Guide
  • Deprecation Guide
  • Patching Dependencies: npm audit fix
  • Looking for AngularJS to Angular upgrades? See Advanced and Comprehensive Angular courses
2023-01-06T15:33:36+05:30

Title

Go to Top