Angular Course

Overview

Learning Objectives

In this training, attendees will learn how to: Create single page web applications using the MVC pattern of Angular Understand how write and organize Angular code Program Angular View Components and Services Use Angular output, two-way, event and property bindings Work with Angular Pipes to format data Create and work with Angular Forms Angular Component Router.

Prerequisites

Students should have some prior understanding of web development using, HTML, CSS and JavaScript. Students should also have basic programming experience in at least one of the following programming languages, html, c#, VB, VB.net, css, javascript, typescript, ASP, ASP.net or another web or application programming language. Experience developing with AngularJS or Angular (the prior versions) is not required. Lab exercises provide essential and real world practical hands-on experience for each topic.

Course Outline

Module 1. Introduction of Angular

Creating a Simple Reddit Clone

Understanding Requirements and Recommendations for Running an Angular 4 Application

Running an Application - Components

Adding Data to a Component

Working with Arrays

Using the User Item Component

Understanding Bootstrap

Working with the Application Component

Deploying your Applications

Module 2. How Angular Works

Applications and the Navigation Component

Using the Breadcrumbs Component

Running an Application - Components

Using the Product List Component

Building a Product Model

Using the Component Decorator

Adding Products to your Application

Understanding View and Controller using the Product List Component

Using the Product Row Component

Additional Angular Product Components - Image, Display and Department

Using NgModule and Booting Applications

Introduction to Data Architecture

Module 3. Built in Directives

Using the NgIf Directive

Using the NgSwitch Directive

Using the NgStyle Directive

Using the NgClass Directive

Using the NgFor Directive and Indexing

Using the NgNonBindable Directive

Module 4. Forms in Angular

Using Forms in Angular

FormControl and FormGroups

Loading the FormsModule

Using the FormBuilder

Understanding Reactive Forms

Adding Form Validation

Using ngModel with Forms

Module 5. Routing

Using When to Use Routing

How Client Siding Routing Works

Writing Routes in Angular

Understanding the Components of Angular Routing

Routing Strategies

Understanding Route Parameters

Router Hooks

Nesting Routes

Module 6. Dependency Injection

Using Dependency Injectors

Dependency Injection Parts

Providing Dependencies with NgModule

Understanding Class and Factory Provider

Dependency Injections in Apps

...