Ahmedabad Computer Education

Modules 12 Students 250+

Full Stack Angular Development Course

What Will You Learn?

Ruby Object Oriented Programming(OOP)
Ruby on Rails Scaffolding
Angle Rails Development

Ruby on Rails Security
Build a Contract us Email Form using Ruby on Rails

Course Content

What is Angular?
Central Features of the Angular Framework
Appropriate Use Cases
Building Blocks of an Angular Application
Basic Architecture of an Angular Application
Installing and Using Angular
Anatomy of an Angular Application
Running the Application
Building and Deploying the Application
Summary

Programming Languages for Use with Angular
TypeScript Syntax
Programming Editors
The Type System – Defining Variables
The Type System – Defining Arrays
Type in Functions
Type Inference
Defining Classes
Class Methods
Class Constructors
Class Constructors – Alternate Form
Interfaces
Working with ES6 Modules
var vs let
Arrow Functions
Arrow Function Compact Syntax
Arrow Function and Caller Context
Template Strings
Generics in Class
Generics in Function
Generics – Restricting Types
TypeScript Transpilation
Summary

What is a Component?
An Example Component
Creating a Component Using Angular CLI
The Component Class
The @Component Decorator
Registering a Component to Its Module
Component Template
Example: HelloComponent Template
Example: The HelloComponent Class
Using a Component
Run the Application
Component Hierarchy
The Application Root Component
The Bootstrap File
Component Lifecycle Hooks
Example Lifecycle Hooks
CSS Styles
Summary

Templates
Template Location
The Mustache {{ }} Syntax
Setting DOM Element Properties
Setting Element Body Text
Event Binding
Expression Event Handler
Prevent Default Handling
Attribute Directives
Apply Styles by Changing CSS Classes
Example: ngClass
Applying Styles Directly
Structural Directives
Conditionally Execute Template
Example: ngIf
Looping Using ngFor
ngFor Local Variables
Manipulating the Collection
Example – Deleting an Item
Item Tracking with ngFor
Swapping Elements with ngSwitch
Grouping Elements
Template Reference Variable
Summary

Communication Basics
The Data Flow Architecture
Preparing the Child to Receive Data
Send Data from Parent
More About Setting Properties
Firing Event from a Component
@Output() Example – Child Component
@Output() Example – Parent Component
Full Two Way Binding
Setting up Two Way Data Binding in Parent
Summary

Template Driven Forms
Importing Forms Module
Basic Approach
Setting Up a Form
Getting User Input
Omitting ngForm Attribute
Initialize the Form
Two Way Data Binding
Form Validation
Angular Validators
Displaying Validation State Using Classes
Additional Input Types
Checkboxes
Select (Drop Down) Fields
Rendering Options for Select (Drop Down)
Date fields
Radio Buttons
Summary

Reactive Forms Overview
The Building Blocks
Import ReactiveFormsModule
Construct a Form
Design the Template
Getting Input Values
Initializing the Input Fields
Setting Form Values
Subscribing to Input Changes
Validation
Built-In Validators
Showing Validation Error
Custom Validator
Using a Custom Validator
Supplying Configuration to Custom Validator
Sub FormGroups – Component Class
Sub FormGroups – HTML Template
Why Use Sub FormGroups
Summary

What is a Service?
Creating a Basic Service
The Service Class
What is Dependency Injection?
Injecting a Service Instance
Injectors
Injector Hierarchy
The Root Injector
Registering a Service with a Component’s Injector
Where to Register a Service?
Dependency Injection in Other Artifacts
Providing an Alternate Implementation
Dependency Injection and @Host
Dependency Injection and @Optional
Summary

The Angular HTTP Client
Using The HTTP Client – Overview
Importing HttpClientModule
Service Using HttpClient
Making a GET Request
What does an Observable Object do?
Using the Service in a Component
The People Service Client Component
Error Handling
Customizing the Error Object
Making a POST Request
Making a PUT Request
Making a DELETE Request
Summary

What are Pipes?
Built-In Pipes
Using Pipes in HTML Template
Chaining Pipes
Internationalized Pipes (i18n)
Loading Locale Data
The date Pipe
The number Pipe
Currency Pipe
Create a Custom Pipe
Custom Pipe Example
Using Custom Pipes
Using a Pipe with ngFor
A Filter Pipe
Pipe Category: Pure and Impure
Pure Pipe Example
Impure Pipe Example
Summary

What is a Single Page Application (SPA)
Traditional Web Application
SPA Workflow
Single Page Application Advantages
HTML5 History API
SPA Challenges
Implementing SPA’s Using Angular
Summary

The Component Router
View Navigation
The Angular Router API
Creating a Router Enabled Application
Hosting the Routed Components
Navigation Using Links and Buttons
Programmatic Navigation
Passing Route Parameters
Navigating with Route Parameters
Obtaining the Route Parameter Values
Retrieving the Route Parameter Synchronously
Retrieving a Route Parameter Asynchronously
Query Parameters
Supplying Query Parameters
Retrieving Query Parameters Asynchronously
Problems with Manual URL entry and Bookmarking

Durgesh Arora

Durgesh Arora is a skilled full-stack developer specializing in Angular, Node.js, TypeScript, and JavaScript. With a passion for creating responsive, high-performance web applications, Durgesh brings a wealth of experience to the table.

1 Course 100+ Students

Vishal Patel

Vishal Patel is a seasoned full-stack angular developer with a proven track record in delivering high-quality web applications. With 7 years of experience as a Cluster Head, Vishal has led teams to build scalable, efficient, and user-friendly solutions using Laravel, Node.js, and Nuxt.js.

1 Course 150+ Students

Rajdeep Rathod
22 April, 2022
Rated 5.00 out of 5 based on 1 customer rating

Overall, they are very friendly and helpful teachers. I recommend this institute to students looking to fire up their careers in the IT industry.
Alexa Deo
26 April, 2022
Rated 5.00 out of 5 based on 1 customer rating

The purpose of lorem ipsum is to create a natural looking block of text (sentence, paragraph, page, etc.) that doesn't distract from the layout. A practice not without controversy, laying out pages.
Tara sing
26 April, 2022
Rated 5.00 out of 5 based on 1 customer rating

The passage experienced a surge in popularity during the 1960s when Letraset used it on their dry-transfer sheets, and again during the 90s as desktop publishers bundled the text with their software.

Recent Posts

How To Start Learn Online Study From Your Home

A Guide for Teachers and Education Staff.

Educate Empower Excel Discover the Power.

Get in touch!

Full Stack Angular Training & Certification Course

Full Stack Angular Development Course

What Will You Learn?

Course Content

Durgesh Arora

Vishal Patel

Rajdeep Rathod

Alexa Deo

Tara sing

Our Students Are Placed In Top Companies

FOLLOW US ON:

Recent Posts

How To Start Learn Online Study From Your Home

A Guide for Teachers and Education Staff.

Educate Empower Excel Discover the Power.

Get in touch!

Full Stack Angular Training & Certification Course

Full Stack Angular Development Course

What Will You Learn?

Course Content

Module 1 [ Introducing Angular ]

Module 2 [ Introduction to TypeScript ]

Module 3 [ Components ]

Module 4 [ Component Templates ]

Module 5 [ Inter Component Communication ]

Module 6 [ Template Driven Forms ]

Module 7 [ Reactive Forms ]

Module 8 [ Services and Dependency Injection ]

Module 9 [ HTTP Client ]

Module 10 [ Pipes and Data Formatting ]

Module 11 [ Introduction to Single Page Applications ]

Module 12 [ The Angular Component Router ]

Durgesh Arora

Vishal Patel

Rajdeep Rathod

Alexa Deo

Tara sing

Our Students Are Placed In Top Companies