Angular2 - Mastering Angular2 Training

Angular2 - Mastering Angular2 Course:
Why make Angular 2.0 at all? Why make such a big jump to 2.0 and why so many breaking changes? Is this all arbitrary? I can deal with a few changes, but from what I've been hearing, there are lots of big changes in 2.0. Important aspects of Angular2 are - Performance,The Changing Web, Mobile, Ease of Use. This course is completely project driven

Angular2 - Mastering Angular2 Course Curriculum

1. Getting Started

Introduction

What is Angular ?

Creating an Angular Project

Got Setup Issues (with Angular CLI)?

Editing our First App

Understanding the Project Structure

Why TypeScript? What is TypeScript?

Understanding the TypeScript Code

2. Components, Templates & Databinding

Getting Started with Components

How an Angular App gets started

Understanding AppModules

Using Templates & Styles

First Summary

Creating a new Component

About Unique Selectors

Using multiple Components

Inserting Content with ng-content

Databinding Overview

String Interpolation

Property Binding & Event Binding Overview

Property Binding

Binding to Custom Properties

Event Binding

Binding to Custom Events

More Information on Property & Event Binding

ngModel and AppModules

Two-Way Binding

Components - Databindingzip

The Component Lifecycle

Component Lifecycle Usage Examples

Template Access with Local References, ViewChild and ContentChild

3. Course Project - Components & Databinding

Project Setup

IMPORTANT Required Changes

Course Project Creating the Header Component

Course Project Creating the Recipes Component

Course Project Creating Recipe Model & List Component

recipe-itemcomponenthtml

recipe-listcomponenthtml

Course Project Recipe Detail & Databinding

recipe-detailcomponenthtml

Course Project Shopping List Component

4. Directives

What are Directives?

Attribute Directives

Building a Custom Attribute Directive

Element Interaction with HostListener & HostBinding

HostListener Passing Data

Directive Property Binding

*ngIf

*ngFor

ngSwitch

Angular 's De-Sugaring Mechanism

Building a Custom Structural Directive

Using NgModules

5. Course Project - Directives

Course Project Ingredients List with *ngFor

Course Project - Custom Dropdown Directive

6. Debugging an Angular Application

Introduction

Chrome Debugger & Sourcemaps

If you don't find the TypeScript Sourcemaps

Augury

7. Services & Dependency Injection

What are Services?

Example Logging Service

Using services for cross component interaction

What is Dependency Injection?

Example Injecting the Logging Service

Multiple Instances vs One Instance

Services & AppModules

Injecting Services into Services

8. Course Project - Services & Dependency Injection

Course Project Creating the Recipe Service

Course Project Creating the Shopping List Service

Course Project Cross-Service Communication

Course Project Cleanup

9. Routing

Introduction to the Angular Router

Setting up Routes

Loading Components

Navigation with Links

Understanding Navigation Paths

Imperative Routing (Triggered in Code)

Route Parameters

Extracting Route Parameters

Query Parameters

Query Params Changes in latest Router Version

Extracting Query Params

Query Parameters and the routerLink Directive

Passing Fragments and Preserving Query Params/ Fragments

Extracting Fragments in Code

Child Routes

Redirecting Request

Styling Active Route Links

Using Guards with AppModules

Guards CanActivate

Guards CanDeactivate

Location Strategies

10. Course Project - Routing

Setting up the Main Routes

Adding Links to Navigate

Using Child Routes in the Recipe Section

Navigating between Child Routes

Extracting Recipe Data from Route Params

Styling the Active Recipe

Wiring "Edit" and "Delete" up

Finishing Touches and some Cleanup

11. Forms

Introduction to Forms in Angular

Template-Driven Approach Basics

Registering Controls (Template-Driven)

Submitting a Form and Using the Output (Template-Driven)

Form Properties

Input Validation (Template-Driven)

Form State & CSS Classes (Template-Driven)

Default Values with ngModel (Template-Driven)

Two-Way Binding with ngModel (Template-Driven)

Form Groups (Template-Driven)

Radio Button Controls (Template-Driven)

Using the Form State / Providing a better UX (Template-Driven)

Creating a Form (Data-Driven)

Important Changes with AppModules

Synchronizing HTML and the Angular Form (Data-Driven)

Submitting a Form and Using the Output (Data-Driven)

Input Validation (Data-Driven)

Built-in Validators

Working with the State of the Form

Form Groups (Data-Driven)

Radio Buttons (Data-Driven)

Form Arrays / Arrays of Control (Data-Driven)

Creating a Form with the FormBuilder (Data-Driven)

Creating Custom Validators (Data-Driven)

Custom Asynchronous Validators (Data-Driven)

Listening to Status & Value Changes

12. Course Project - Forms

Adding & Editing Mode

Submitting the Shopping List Form

Selecting Items & Property Binding

Displaying Data with ngModel

Editing Items

Deleting Items & Clearing the Form

Recipe Form - Preparation - Fetching the Active Recipe

Creating the Recipe Form with the Data-Driven Approach

Synchronizing the HTML Code with the Form

Submitting the Form and Editing Recipes

Managing Recipe Ingredients

13. Pipes

What are Pipes?

Using Pipes

Chaining Pipes

Custom Pipes

Using NgModules

"Pure" Pipe Limitations

"Impure" Pipes

The Async Pipe

14. Http

Demo Data Source Firebase Setup

Sending a GET Request

Using NgModules

The Power of Observables Operators - Map(ping Data)

Sending a POST Request

Retrieving and Transforming Data with Observables

Using the Async Pipe

Error Handling with Observables

15. Course Project - Http

Storing Recipes on the Server (POST)

Getting and Changing Recipes (GET and PUT)

Finishing Touches & Bugfixes

16. New changes

Updating the SystemJS CLI (beta)

NgModule Overview

17. Authentication & Route Protection

Required Adjustments in this Module

Introduction

Setting up Routes

Backend (Firebase) Setup

User Signup

User Signin & Managing the User State

User Logout

Protecting a Route from Unauthorized Access

Frequently Asked Questions

What are the modes of training for "Angular2 - Mastering Angular2" course?

This "Angular2 - Mastering Angular2" course is an instructor-led training (ILT). The trainer travels to your office location and delivers the training within your office premises. If you need training space for the training we can provide a fully-equipped lab with all the required facilities. The online instructor-led training is also available if required. Online training is live and the instructor's screen will be visible and voice will be audible. Participants screen will also be visible and participants can ask queries during the live session.

Will I be provided with any study material during the "Angular2 - Mastering Angular2" training?

Participants will be provided "Angular2 - Mastering Angular2"-specific study material. Participants will have lifetime access to all the code and resources needed for this "Angular2 - Mastering Angular2". Our public GitHub repository and the study material will also be shared with the participants.

What is the pedagogy of zekeLabs?

All the courses from zekeLabs are hands-on courses. The code/document used in the class will be provided to the participants. Cloud-lab and Virtual Machines are provided to every participant during the "Angular2 - Mastering Angular2" training.

What is the duration of this course?

The "Angular2 - Mastering Angular2" training varies several factors. Including the prior knowledge of the team on the subject, the objective of the team learning from the program, customization in the course is needed among others. Contact us to know more about "Angular2 - Mastering Angular2" course duration.

What would be the venue for the "Angular2 - Mastering Angular2" training?

The "Angular2 - Mastering Angular2" training is organised at the client's premises. We have delivered and continue to deliver "Angular2 - Mastering Angular2" training in India, USA, Singapore, Hong Kong, and Indonesia. We also have state-of-art training facilities based on client requirement.

Who is the trainer for "Angular2 - Mastering Angular2" training?

Our Subject matter experts (SMEs) have more than ten years of industry experience. This ensures that the learning program is a 360-degree holistic knowledge and learning experience. The course program has been designed in close collaboration with the experts working in esteemed organizations such as Google, Microsoft, Amazon, and similar others.

Can we customize this course based on our requirements?

Yes, absolutely. For every training, we conduct a technical call with our Subject Matter Expert (SME) and the technical lead of the team that undergoes training. The course is tailored based on the current expertise of the participants, objectives of the team undergoing the training program and short term and long term objectives of the organisation.

How can I reach out to you if I have any other queries regarding the "Angular2 - Mastering Angular2" course?

Drop a mail to us at [email protected] or call us at +91 8041690175 and we will get back to you at the earliest for your queries on "Angular2 - Mastering Angular2" course.