Overview
The Angular 7 Training course offered by Cambridge Infotech is an ideal way for developers to get up-to-date with the latest version of Angular. This comprehensive training covers all the core fundamentals, including components, templates, directives and services. It also provides an overview of TypeScript and provides hands-on experience with Angular’s development tools. With this course, developers can quickly develop applications that are robust, maintainable and secure.
The course will give students a deep understanding of how to use the new features introduced in Angular 7 such as improved accessibility support, better performance and improved tooling support. The instructor will guide participants through topics such as working with components, creating custom directives and services, using dependency injection for efficient coding practices and structuring applications for scalability. Participants will also learn about best practices for debugging application issues and deploying production ready code in real-time environments.
What you'll learn?
- Develop an application from scratch using Angular 7 that allows you to create an assignment tracker
- Understand and use Angular Forms, Observables, Dependency Injection, and Routing
- Create components and use Angular to create powerful single-page applications
- Retrieve data from a route and protect your routes with a guard
- Retrieve, update, and delete data using Angular’s HTTP service
- Make your app look beautiful by using material design and Animations
- Discover new features to Angular including breakthrough features in Artificial Intelligence and Bitcoin mining!'
Course Modules
Introduction to Angular 7
-
Angular Versions: AngularJS (vs)
-
Angular Setup for local development
-
The environment of Installing NodeJS, NPM
-
Installing Visual Studio Code
-
Angular CLI
-
Develop First Angular program using Angular CLI and Visual Studio Code
Angular Architecture
-
Introduction
-
Basic Building Blocks of Angular Applications Angular Modules and @NgModule decorator Angular Libraries
-
Component, Templates
-
Metadata Data Binding
-
Directives
-
Services and Dependency Injection
Displaying Dynamic Data
-
Types of Directives
-
Template Expressions
-
String Interpolation
-
Built-In Directives
-
ngIf
-
ngSwitch
-
ngFor
-
vs
-
When to use
Angular Components Deep Dive
-
What are the Components?
-
Components Lifecycle Hooks. Dynamic Components
-
Working with Model Class. Nested Components
-
Working with Arrays / Collection
Data Binding
-
Binding properties and Interpolation
-
One-wayfinding Property Binding
-
Event Binding
-
Two-way Binding
-
Two-way binding with NgModel Attribute Binding
-
Style and Class Binding
Styles Binding In Components
-
Style and Class Bindings
-
Built-In Directives – NgStyle & NgClass Using Component Styles
-
Special selectors
-
Loading Styles into Components View Encapsulation
-
ViewChild & ViewChildren
-
ContentChild & ContentChildren
Template Driven Forms
-
Introduction
-
Create the component that controls the form Create a template with the initial form layout
-
Bind data properties to each form input control with the model two-way data binding syntax Add the name attribute to each form input control
-
Add custom CSS to provide visual feedback Show and hide validation error messages Handle form submission with submitting
-
Disable the form submits button until the form is valid
-
Resetting the form
Reactive Forms
-
Reactive Forms Introduction
-
Form Controls
-
Form Control Properties
-
setValue and patchValue
-
Validating Form Elements
-
Submitting and Resetting forms
-
Observing and Reacting to Form Changes
-
Using FormBuilder
Working with Pipes
-
Built-in Pipes
-
Using parameters and chaining Pipes
-
Custom Pipes
-
Parameterized Custom Pipe
-
Pipes and Change Detection
-
Pure and Impure pipes
-
Changes in Pipes Syntax from 4 to 5
Custom Directives
-
Custom Attribute Directive
-
Using HostListener
-
Using HostBinding
-
Custom Validator Directive
Dependency Injection
-
Understanding Dependency Injection
-
Understanding DI in Angular
-
Framework ReflectiveInjector
-
Exploring Provider
-
Types of Tokens
-
Types of Dependencies
-
Configuring DI using Providers
-
Implementing DI in Angular
-
Optional Dependencies
Services in Angular
-
Building and Injecting Custom Services
-
Service using another Service
Reactive Extension for JavaScript
-
Introduction
-
Observable and Observer
-
Reactive Operators
Http Client Service
-
Http client module and Http client Classes
-
Writing Service with Get / Add / Edit /
-
Delete Using Service in Component
Angular Routing
-
Introduction
-
Configuring and Navigating Parameterized routes
-
Nested (or) Child Routes
-
Router Guards & Routing Strategies
Angular Modules
-
AppModule as Root Module Feature modules
-
Lazy Loading a Module Shared Module
Performing CRUD Operations as in Realtime Angular Application
-
Create an ASP.NET MVC Web API Application
-
Add Angular-Seed, download files and Configure Project Setup Project for Entity Framework Code First Model
-
Add Web API Controller to perform CRUD Operations using EF. Create Angular Feature and Routing Modules
-
Configure Angular to use HTTP and JSON Services
-
Program Angular Modules to perform CRUD Operations
Angular CLI and MVC Application
-
Create an Angular CLI Project
-
Build CLI Project
-
Integrate build output with MVC Application
Student Ratings & Reviews

-
LevelIntermediate
-
Total Enrolled5
-
Duration35 hours
-
Last UpdatedJanuary 18, 2023
-
CertificateCertificate of completion