Angular Foundations Training

Module 1

TypeScript

1. Issues with Plain JavaScript
2. Introduction to TypeScript
3. Advantages of TypeScript
4. Getting Started with TypeScript
5. Setting VS Code for TypeScript

TypeScript Fundamentals

1. TypeScript Data Types
2. Numbers
3. Strings
4. Loops

Functions

1. Functions
2. Arrow Function
3. Default and Optional Parameters
4. Function overloading

Classes, Access Modifiers and Constructors

1. Classes
2. Access Modifiers
3. Constructor
4. Constructor Overloading
5. Static Members

Inheritance and Interfaces

1. TypeScript Inheritance
2. Introduction to Interface
3. Using Interfaces

Generics and Modules

1. Generics
2. Creating Modules
3. Importing Modules

Module 2

Introduction to Angular2

1. Understanding Angular2
2. Advantage of Angular2
3. Angular1 vs. Angular2
4. Browsers Support

Get Started with Angular2

1. Setting up an Angular 2 App
2. Running an Angular 2 App
3. Understanding Angular2 folder structure
4. Angular2 Initialization Process

1. Introduction to Component
2. Creating a Component
3. Bootstrapping the Component

Databinding

1. Understanding Data Binding
2. Attribute Binding
3. Two-way Data Binding
4. Event Binding etc.
5. Choosing Appropriate Data Binding

Angular2 CLI

1. Introduction to CLI
2. Creating new project-ng new and ng init
3. Building Project-ng build and ng serve
4. Ng CLI options
5. Ng CLI for creating
6. components, services, directives and Pipe etc.

Module 3

Directives and Pipes

1. Built in Directives-ngIf, ngFor, ngSwitch etc.
2. Creating Custom Directives
3. Angular2 Pipes
4. Creating Custom Pipes

Bootstrap

1. Bootstrap Fundamentals
2. Bootstrap Grid System
3. Bootstrap Components
4. Bootstrap JavaScript

Routing

1. Understanding Routing
2. Defining Routes
3. Nested Routes
4. Attaching Routes to Actions
5. Defining Templates

Module 4

Advanced Components and Directives

1. Components Life Cycle Hooks
2. Nested Components
3. Data sharing between nested components

Inheritance

1. Introduction to Angular2 Inheritance
2. Components Inheritance

Angular Forms and Controls

1. Introduction to Angular 2 Forms
2. Types of Angular2 Forms-Template Driven and Model Driven
3. Template Driven vs. Model Driven

Template Driven Form

1. Creating Template driven Form
2. Angular form input controls
3. Angular form validation
4. Angular form and controls properties

Model Driven Form

1. Creating Model Driven Form
2. Angular form input controls
3. Angular form validation
4. Angular form and controls properties

Module 5

SPA

1. Introduction to SPA
2. SPA vs. MPA
3. Most Popular SPA
4. Advantages of SPA

Services

1. Understanding Angular2 Services
2. Creating

Database Operations with REST Service

1. Introduction to REST
2. Developing REST services using Node.js and MongoDB
3. REST Service CRUD Operations

Module 6

Unit Testing

1. Understanding Unit Testing
2. Angular Unit Testing Framework
3. Unit Testing with Jasmine and Karma
4. Writing Unit Tests
5. Running and Debugging Unit Tests with VS

Module 7 (Project: Online Flight Booking Site Development)

Discussing Project Architecture

1. Understanding Application layers
2. Discussing Application Entities Properties
3. Discussing Relationship among Application Entities

Developing Application Architecture

1. Designing Application Architecture
2. Developing REST API
3. Developing User Login and Signup Page

Module 8 (Project: Online Flight Booking Site Development)

Security

1. Implementing Token based Authentication
2. Managing User session
3. Implementing Authorization

Route Protection

1. Protecting a Route from Unauthorized Access
2. Need of Route Protection

Developing Category, Product Operations

1. Developing Category CRUD Operations
2. Developing Product CRUD Operations

Product Listing

1. Displaying Products to Users
2. Applying Paging and Sorting

Module 9 (Project: Online Flight Booking Site Development)

Cart

1. Creating Cart
2. Adding Products to Cart
3. Removing Products from Cart

Payment Gateway

1. Understanding Payment Gateway Process
2. Integrating Payment Gateway
3. Listing Successful Transactions
4. Listing Failed Transactions

Module 10 (Project: Online Flight Booking Site Development)

Github

1. Understanding Github
2. Creating Github Repository
3. Uploading code to Github repository
4. Performing operations on repository

Deployment

1. Deploying using Github
2. Angular2 Hosting Options
3. Hosting Angular App on cloud server Heroku