Angular Framework

Course Overview


Page 1/5

Angular is a front-end framework. Angular is a platform and framework for building client applications in HTML and Typescript. Angular is written in Typescript. It implements core and optional functionality as a set of Typescript libraries that you import into your apps.

Expectations and Goals:

This course will help you master concepts such as Typescript, Dependency Injections, SPA (Single Page Application), Directives, Forms, Pipes, Promises, Observables, and understand the testing of Angular 8 class


Basics of HTML, CSS and Java-script.

Introduction to Angular What is Angular?
Angular 8 v/s 7 v/s 6 v/s AngularJS
NodeJS Introduction (NPM) 


Topics Covered:

Module 1:

Class Binding
Style Binding
Two Way Data Binding
Binding to Custom Properties
Splitting Apps into Components
Property & Event binding overview
Binding to Custom Events
Assigning an Alias to Custom events
Custom Property and Event Binding Summary
Understanding View Encapsulation
Using Local References in Templates
Getting Access to the Template & DOM with @View
Projecting Content into Components with ng-content
Understanding the Component Life cycle
Using nglf to Output Data Condition
Output Lists with ngFor
Applying CSS Classes Dynamically with ngClass
Creating Basic Attribute Directive What is ngSwitch?

Module 4:

Services & Dependancy Injection, Routing Concept Introduction to Dependency Injection
Why do we need Services? What is Routing?


Page 3/5

Page 5/5

Module 7:

Forms and Validation
Template Driven Forms
Reactive Forms

Module 8:

Project work and documentation

Angular CLI

Difference between Typescript  and Javascript

How does Angular get started?

First Angular App

Components Overview
Introduction to Components
Creating components
Role of AppModule & Component Declaration
Registering Components

Using Registered Components
Creating Components with CLI
Multiple components & passing data
Nesting Components
Working with Component templates
Working with Component Styles
Understanding Component Selector


Module 2:

Data binding and Event Binding, Directives
Introduction to Modules & Data binding
What is Interpolation
Property & Event binding
Attribute Binding

Module 3:

Page 2/5

Module 5:

Transport Output using Pipes Introduction to Pipes
Why are Pipes useful?
Using Pipes
Parameterized Pipes
Chaining Multiple Pipes
Creating a Custom Pipe
Parameterizing a Custom Pipe

Module 6:

Making HTTP Request, Http Client
Introduction to Http Requests
How HTTP Requests Work in SPAs
Sending Requests
Introduction to Http Client
Unlocking the Http Client
Request Configuration & Response
Requesting Events

Why do we need a Router?
Setting up and Loading Routes
Navigating with Router Links
Understanding Navigation Paths
Styling Active Router Links
Passing Parameters to Routes
Fetching Route Parameters

Page 4/5

Thank You