Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
67 views

Angular 2 Training Course Syllabus

The document outlines the syllabus for an Angular 2 training course. It covers topics such as getting started with Angular 2, creating and communicating between components, exploring the new template syntax, creating reusable services, routing and navigating pages, collecting data with forms and validation, dependency injection, directives and advanced components, communicating with servers, unit testing, and deploying applications to production.

Uploaded by

venkatesh
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
67 views

Angular 2 Training Course Syllabus

The document outlines the syllabus for an Angular 2 training course. It covers topics such as getting started with Angular 2, creating and communicating between components, exploring the new template syntax, creating reusable services, routing and navigating pages, collecting data with forms and validation, dependency injection, directives and advanced components, communicating with servers, unit testing, and deploying applications to production.

Uploaded by

venkatesh
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Angular 2 training Course Syllabus

Prerequisites for Angular 2 Course

 HTML, CSS and JavaScript


 Angular JS

Getting Started

 Working with JavaScript Modules and SystemJs


 Introduction to TypeScript
 A Conceptual Overview of Angular 2
 Here’s What We’ll Be Building
 Installing Git and Node
 Creating Your First Component
 Using the Angular CLI

Creating and Communicating Between Components

 Creating Your First Data-bound Component


 Using External Templates
 Communicating with Child Components Using @Input
 Communicating with Parent Components Using @Output
 Using Template Variables to Interact with Child Components
 Styling Components
 Exploring Angular’s CSS Encapsulation
 Adding a Site Header

Exploring the New Template Syntax

 Interpolation, Property Bindings, and Expressions


 Event Bindings and Statements
 Repeating Data with ngFor
 Handling Null Values with the Safe-Navigation Operator
 Hiding and Showing Content with ngIf
 Hiding Content with the [Hidden] Binding

+91 89399 15577 contact@greenstechnologys.com


 Hiding and Showing Content with ngSwitch
 Styling Components with ngClass
 Styling Components with ngStyle

Creating Reusable Services

 Introduction
 Why We Need Services and Dependency Injection
 Creating Your First Service
 Wrapping Third Party Services

Routing and Navigating Pages

 Adding Multiple Pages to Your App


 Adding Your First Route
 Accessing Route Parameters
 Linking to Routes
 Navigating from Code
 Guarding Against Route Activation
 Guarding Against Route De-activation
 Pre-loading Data for Components
 Styling Active Links

Collecting Data with Forms and Validation

 Introduction
 Using Models for Type Safety
 Creating Your First Template-based Form
 Using the Data from Your Template-based Form
 Validating Template-based Form
 Validating Reactive Forms

Communicating Between Components

 Passing Data into a Child Component


 Passing Data out of a Child Component
Reusing Components with Content Projection

 Content Projection
 Multiple Slot Content Projection

Displaying Data with Pipes

 Using Built-in Pipes


 Creating a Custom Pipe
 Sorting and Filtering Overview
 Creating a Filtering Display
 Filtering Data

Understanding Dependency Injection

 Using Third Party Global Services – The Problem


 Angular Dependency Injection Lookup
 Using OpaqueToken for Dependency Injection
 Using the @Inject Decorator
 The useClass Provider

Creating Directives and Advanced Components

 Implementing the Session Search


 Adding jQuery
 Creating a Modal Component
 Fixing Template Parse Errors
 Creating Directives – The Trigger Directive
 Binding an ID
 Routing to the Same Component
 Using the @ViewChild Decorator
 Creating Settings on Components

+91 89399 15577 contact@greenstechnologys.com


Communicating with the Server Using HTTP, Observables,
and Rx

 Moving Data Storage to the Server


 Listening to Resolved Data Changes
 Using Querystring Parameters
 Using POST and PUT
 Using DELETE
 Integrating Authentication with the Server
 Persisting Authentication Status Across Page Refreshes
 Saving User Data to the Server
 Implementing Logout

Unit Testing Your Code

 Installing Karma
 Unit Testing Services
 Testing Mock Calls
 Testing Components with Isolated Tests

Going to Production

 Learning the Concepts


 Linting with TSLint
 Tuning Your rxJS Requests
 Enabling Production Mode
 Basic Copy Deployment
 Ahead of Time Compiler Overview
 Preparing for the AOT Compiler
 Making Coding Fixes for the AOT Compiler
 Running the AOT Compiler
 Tree Shaking and Bundling with Rollup

You might also like