Angular JS

Objectives

AngularJS is a JavaScript-based open-source front-end web framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.AngularJS is a structural framework for dynamic webapps. With AngularJS, designers can use HTML as the template language and it allows for the extension of HTML’s syntax to convey the application’s components effortlessly. Angular makes much of the code you would otherwise have to write completely redundant.

Pre-requisites

C Language

HTML

JavaScript

Course Content

Module 1 : Introduction to HTML5

What is HTML 5?

Overview of Different HTML tags and attributes

 

Module 2 : CSS3 (Cascading Style Sheet)

What is CSS?

Usage of CSS for different tags and attributes.

Difference between ID and Class.

Box Model implementation.

Overview of css3 Animation.

 

Module 3 : SCSS

What is SCSS?

Installing SCSS.

Mixing and nested SCSS

Introducing Media Query in SCSS.

Concept of SCSS directory structure

 

Module 4 : Introduction to Angular 

Course introduction What is Angular?

Angular JS vs Angular2 vs Angular6

Project setup and First Application

Editing the first application

 

Module 5 : Introduction to TypeScript and ES6

Programming Languages for Use with Angular

TypeScript Syntax

The Type System – Defining Variables

The Type System – Defining Arrays

The Type System – Classes & Objects

Class Constructors

Class Constructors – Alternate Form

Interfaces

Parameter and Return Value Types

Working with Modules

Arrow Functions

Template Strings

Template Strings – Variables and Expressions

Template Strings – Multiline

Generics – Class

Generics – Methods

Generics – Restricting Types

 

Module 6 : Module & Component

Module Introduction

Component Introduction

Creating new component

Working with components

 

Module 7 : Changing Pages with routing 

Why do we need Router?

Setting-up and Loading Routes.

Navigation with Router Links

Child Routes

 

Module 8 : Angular Layouts Design

Flex layout

Material design

Bootstrap with angular

 

Module 9 : Data Binding

What is Data Binding?

Interpolation

Property Binding // Class Bind and Event bind

Event Binding

Two-way Data Binding

 

Module 10 : Directives

What are Directives

Directive Types

Structural Directives

Adding and Removing Elements Dynamically

Looping Using ngFor

ngFor – Basic Syntax Creating Tables with ngFor

 

Module 11 : Service and Dependency Injection

Service Basics

Injecting Services

Cross-component communication through services

 

Module 12 : HTTP Request

Introduction & How HTTP Request work in SPA.

Sending GET/ POST/ PUT/DELETE Requests.

Using the Returned data.

 

Module 13 : Observables

Built in Observables.

Custom Observables

 

Module 14 : Handling Forms

Creating the Form and registering the controls.

Submitting and using the form.

Adding validation to check user input.

Outputting validation Error Messages.

 

Module 15 : Using Pipes and Data Formatting

Using pipes.

Chaining multiple pipes.

Creating a custom pipe.

Creating a filter pipe.

Understanding the “asynchronous” pipe.

 

Module 16  : Authentication and Route protection in Angular Application:

How Authentication works in SPA.

Creating a Sign-Up Page & Route

Authentication Status

 

Module 17 :  Project

Quick Enroll
100% Placement Assistance
Top