Angular 4 Course And Training

Angular JS 1/2/4 Training Course

Introduction to Angular

 

  • How a angular app loads

  • What is a component and how to create it

  • Understanding the role of App Module and component declaration

  • Creating components with CLI and nesting them

  • Component templates and styles

  • Component selector

  • What is databinding

  • String interpolation

  • Property binding

  • Event binding

  • Passing and using data with event binding

  • Two way data binding and why FormsModule ?

  • Understanding directives

  • Using ngIf with else condition

  • Styling elements with ngStyle

  • Applying classes with ngClass

  • Using ngFor to work with lists

 

Components

 

  • Module introduction

  • Splitting Apps into components

  • Property and Event bindings overview

  • Binding to custom properties

  • Alias to custom properties

  • Binding to custom events

  • Alias to custom events

  • Understanding view encapsulation

  • Using local references in templates

  • Get access to Template and DOM using @ViewChild

  • Project content into components using ng-content

  • Lifecycle and its details

  • Access to ng-content using @ContentChild

 

Project - Components

 

  • Introduction

  • Add navigation, event binding and ngIf

  • Pass recipe data with property binding

  • Pass data with event binding

  • Allow user to add ingredients to shopping list

 

Directives

 

  • Introduction - diff b/w structure and non structure

  • ngFor and ngIf recap

  • ngClass and ngStyle recap

  • Create a basic attribute directive

  • Using renderer to build better attribute directive

  • Using HostListener to listen to host events

  • Using HostBinding to bind to host properties

  • Binding to directive properties

  • ngSwitch

 

Project - Directives

 

  • Make the dropdown work using a directive

 

Project - Services

 

  • Add service files

  • Manage recipes in a recipe service

  • Cross component communication to select recipe

  • Add shopping list service

  • Reactive service informing ingredient changes

  • Add ingredients to recipe

  • Pass ingredients from recipe

 

Routing

 

  • Why routes ?

  • Setting up Routes.

  • Adding navigation to the app

  • Marking active routes

  • Fixing page reload issues

  • Addig child routes

  • Configure route parameters

  • Styling active recipe item

  • Adding edit route and recieve route parameters

  • Programmatic navigation to the edit page

 

Forms

  • Introduction to Template driven forms

  • Creating the form and registering the controls

  • Submitting and using the form

  • Understanding form state

  • Acces the Form with @ViewChild

  • Adding validation to check user input

  • Built-in validators and using HTML5 validation

  • Using the Form state

  • Outputting Validation error messages

  • Set default values with ngModel binding

  • Handling Radio buttons

  • Setting and Patching form values

  • Using form data

  • Resetting the form

 

Project - Forms

 

  • Adding the shopping list form

  • Adding validation to the form

  • Adding the edit recipe form

  • Adding the new recipe form

  • Making all the forms functional

 

Pipes

 

  • Why pipes ?

  • Using pipes

  • Parameterizing pipes

  • Chaining multiple pipes

  • Create a custom pipe

  • Parameterizing a custom pipe

  • Create a filter pipe

  • Understand async pipe

 

Http

 

  • Understanding the Http module

  • Get Request

  • Put Request

  • Delete Request

  • Post Request

Angular 4 JS training, Angular 4 training in Bangalore, Angular 4 JS course fee, Angular 4 training institute, best Angular 4 training institute, Web development Angular 4 Placement Training, Angular JS Training, Angular JS Training in Bangalore

Course Details

Duration: hours

Effort: 6 hours per week

Price With GST: 17700/-

Subject: Web Technologies

Level: Beginner

Prerequisites

HTML and Javascript Fundamentals

Marathahalli Office:

Real Time Signals Technologies Private Limited

#102, Krishna Grand, Over Marathahalli Bridge,

Bangalore, Karnataka, India 560037

BTM office:

Real Time Signals Technologies Private Limited,

#4, 2nd Floor, 1st phase, 2nd Stage, BTM Layout,

Opposite to Udupi Garden,

Bangalore-76, bengaluru, Karnataka, 560076

Whitefield office:

Real Time Signals Technologies Private Limited,

#1906, Brigade Metropolis,

Mahadevpura,

Bengaluru, Karnataka, 560048

Belgium Europe office:

Real Time Signals Technologies,

Hemelstraat 42, 2018 Antwerpen

Belgium, Europe

Thane Office:

Real Time Signals Technologies Private Limited,

#202, GARDEN ENCLAVES BLDG NO1,

VASANT VIHAR,

THANE 400607, MAHARASHTRA, India 

 

 © 2014-2018 by Real Time Signals Technologies. All Rights Reserved.