Angular 2,4,5,6

FACULTY: Real-time experience 24×7 technical support

Tlead Computer Education is a brand and providing quality Class Room Trainings to students in world wide. We are providing very best Classroom Training on Angular 6

 

ANGULAR 2.X + TYPESRCIPT

GETTING STARTED WITH TYPESCRIPT

  • Installing TypeScript
  • Compiling the code
  • Building a simple demo.

UNDERSTANDING CLASSES

  • Building a class
  • Adding properties
  • Demo of using classes in typescript

UNDERSTANDING INHERITANCE AND INTERFACES

  • What is Inheritance
  • How to inherit the classes
  • Understanding interfaces

WORKING WITH MODULES

  • What are Modules in Typescript
  • When to use modules
  • Demo on building modules.

GENERICS

  • What are Modules in Typescript
  • When to use generics
  • Demo on working with generics.

INTRODUCTION TO ANGULAR -2.X

  • What is angular 2.X
  • Working with our build tool
  • Setting up out template

INTRODUCTION TO THE BASICS

  • Creating a simple component
  • Using multiple modules
  • Understanding template types
  • Displaying data in our templates
  • Working with events
  • Using properties
  • Using two-way data binding
  • Adding CSS to our component

ARCHITECTURE OVERVIEW

  • Components, Bootstrap, and the DOM
  • Directives and pipes
  • Data binding
  • Dependency injection
  • Services and other business logic
  • Data persistence
  • Routing

CREATING A BASIC MODULE

  • Using more complex data
  • Creating a subcomponent
  • Using multiple subcomponents
  • Cleaning up components
  • Filtering content through data pipes

COMPONENTS

  • Component metadata
  • The component selector
  • The component template
  • Styling a component
  • Using other components in a component
  • Interpolation and the expression context
  • Property binding
  • Event binding
  • Getting data to the component with input
  • Subscribing to component events with output

DIRECTIVES AND PIPES

  • Structural directives—ng-if
  • Structural directives—ng-for
  • Attribute directives—built in
  • Attribute directives—custom
  • Using directive values
  • Working with events in directives
  • Angular pipes—built in
  • Angular pipes—custom

FORMS

  • Angular forms
  • Template-driven forms
  • Model-driven forms
  • Validation–built in
  • Validation—custom
  • Error handling

DEPENDENCY INJECTIONS AND SERVICES

  • How Angular does dependency injection
  • Services in angular
  • Class constructor injection
  • Building a service
  • Provider registration at bootstrap
  • The inject decorator
  • The opaque token

HTTP

  • The angular 2 HTTP bundle
  • Using a mock back end for HTTP calls
  • Using HTTP for GET calls
  • Using Url Search Params
  • Using HTTP for POST, PUT and DELETE calls

ROUTING

  • The Angular 2 routing bundle
  • Route configuration
  • Router outlets
  • Router links
  • Using the router class to navigate

ANGULAR JS 4.0

Difference between Angular-1.X and Angular -4.0

Understanding component architecture

Dependency injection design pattern

NG SET UP

  • Initializing Angular CLI.
  • Initializing Web page.
  • Set up VS code.
  • Adding required templates to VS code.
  • Set up GIT LAB

CREATING ANGULAR APPLICATION

  • Understanding setup files
  • Understanding Architecture of Application
  • Building Hello World

CREATING THE GATHERING PROJECT REQUIREMENT

BUILDING THE COMPONENT

  • Understanding the decorators
  • Understanding the Selectors
  • Understanding the Providers
  • Referring the Component in the Application
  • Adding Component to the module

BUILDING THE MODULE

  • Understanding NG Module
  • Declarations
  • Imports
  • Exports
  • Providers

REFERRING A MODULE IN ANOTHER MODULE

COMPONENT LIFE CYCLE

  • Understanding Component life cycle Hooks
  • Understanding various Interfaces
  • Consuming classes in component
  • Consuming Interfaces in Component
  • Consuming Component in a component

RX JS – REACTIVE PROGRAMING

  • Understanding what is reactive programming
  • What are Observables
  • What is a Subject
  • Map Method

WORKING WITH RXJS WITH ANGULAR 4.0

REST API CALLS

  • HTTP Calls with Observables
  • Error handling
  • Streaming
  • Integrating with third party API”s

BUILD IN DIRECTIVES

  • * ngFor
  • * ngIf , Else
  • Show and hide elements
  • Rendering Images in Angular 4.0
  • Rendering Tables in Angular 4.0

PROVIDERS

  • How to Use Providers
  • Communicate with Component
  • Working with RXJS in Providers

CREATING PIPES

  • Understanding Build in pipes
  • Creating Custom pipes

ADVANCES ANGULAR 4.0

  • Working with Routing
  • Authenticating and Authorization
  • Component to component communication
  • Understanding input output methods
  • Understanding Subjects
  • Understanding Event emitters

SETTING UP REVERSE PROXY WITH WEBSERVER

  • Page nation
  • Calendar
  • More

ANGULAR JS 5.0 FEATURES

CONCLUSION

Additional benefits from NBITS

  • Course Material
  • Sample resumes and Fine tuning of Resume
  • Interview Questions
  • Mock Interviews by Real time Consultants
  • Certification Questions
  • Job Assistance.

ANGULAR JS  6.0 FEATURES

GitHub

  • Real-time environmental setup with GitHub

Environmental Setup

  • Node
  • Git
  • Yarn
  • Angular6

Introduction to Angular6

  • What is Angular?
  • Advantages Of Angular
  • Disadvantages Of Angular
  • Key Features of Angular
  • Comparison Between Angular6 with Other Frameworks.

Components

  • Directory Structure of First Application
  • Creating the First Component
  • Modules Introduction
  • Registering the First Component in Configuration File
  • Decorators

Component Life Cycle

  • Life Cycle Hooks

Services

  • Predefined Services
  • Custom Services
  • Java Integration
  • dotnet Integration
  • php Integration
  • Series & Parallel Service Calls
  • Node Introduction
  • Static Data Interaction
  • MySQL CRUD Opeartions
  • MongoDB CRUD Operations
  • JSON Server

Single Page Applications

  • Basic Routing
  • Nested Routing
  • Passing Parameters
  • Route Guards
  • Lazy Loading

Directives

  • Predefined Directives
  • Custom directives

Forms

  • Template Driven Forms(TDF)
  • Model Driven Forms(MDF)

Pipes

  • Predefined Pipes
  • Custom Pipes

Communication Between Component

  • @Input()
  • @Output()
  • @ViewChild()
  • @ViewChildren()

Unit Test Cases

  • Karma with Jasmine

Interview Q&A

  • Discussing the Previous Interview Questions

POC

  • Implementing the Mini Project

share training and course content with friends and students:

  • angular 6
  • angular 6 training
  • top angular 6 course ever
  • angular6
  • angluar class in naresh it
  • best angular 6 couse
  • angular 6 course
  • https://nareshit in/angular-6-training/
  • angular 6 course from wrox
  • top angular 6 courses

100% Training & Placement Company