The Angular Training Course by THE HUB OF KNOWLEDGE is a practical, industry-focused program designed to help learners master modern front-end web application development using Angular.

This hands-on course provides comprehensive knowledge of building dynamic, responsive, and scalable single-page applications (SPAs) using Angular. Participants will learn component-based architecture, TypeScript fundamentals, routing, forms, services, APIs, state management, and application deployment techniques required for modern web development.

The program combines expert-led instruction, coding exercises, and real-world development projects to ensure learners gain professional-level skills in front-end application development. Whether you are a beginner in web development or an experienced developer looking to enhance your skills, this course equips you with practical expertise to build enterprise-grade web applications.

This Angular training course will help you master front-end web development with Angular. This Angular course gives you an in-depth knowledge of concepts such as single-page web application development, dependency injection, typescript, components, and facilitating directives.

Course Outline

This course covers the following concepts:

• Node.js

  • Core Concepts

  • Overview of blocking and non blocking

  • Node Package Manager (NPM) Basics

  • Installing Packages

• ES6/ES7 Fundamentals

  • Arrow Functions

  • Template Literals

  • Scoping using Let and Const Keywords

  • Spread Syntax and Rest Parameters

  • Destructuring

  • Decorators

  • Promises

    • Callbacks

    • Resolve and Reject

    • Then, Catch

  • ASync /Await

    • async functions

    • error handling

  • Switching from Promise to Async/Await

• Typescript

  • Installing TypeScript

  • Compiling Your First TypeScript Program

  • Basic Types

  • Boolean

  • String

    • Number

    • Array

    • Any

    • Void

    • Null and undefined

  • Variable Declaration

    • Scoping

    • var , let and const

  • Functions

    • Function Types

    • Optional and Default parameters

    • “this” parameter

  • Generics

  • Enums

  • Loops and Iterators

  • Interfaces

  • Classes

  • Inheritance

  • Modules

• Reactive Programming Basics (RxJS)

  • Introduction

  • Streams

  • Observables

  • Subscription

  • Subject

• Angular

  • Introduction

  • Single Page Applications vs Multipage Applications

  • Why Angular?

  • Understanding Angular Versions

  • MVC vs MVVM

• Angular CLI

  • Installing CLI

  • ng new

  • ng generate

  • ng serve

• Building Blocks of Angular

  • Modules

  • Components

  • Templates

  • Directive

  • Pipes

  • Services

  • Lifecycle

• Components

  • How to create component?

  • ng g c

  • Component Meta Data

  • Component Context

  • Component Communication

  • Component Lifecycle

  • Component Style

  • Data Binding

• Templates and Views

  • Syntax

  • HTML in templates

  • In-line templates

  • Interpolation

  • Binding syntax

  • Attribute, class, and style bindings

  • Property binding

  • Template Input Variables

  • Content Projection

• Events

  • Event binding

  • $event Object

  • Using template reference variable #

  • EventEmitter

  • Using @Output()

  • Two-way data binding

• Component Interaction

  • Pass data from parent to child

  • @Input()

• Directives

  • Structural Directives

    • *ngIf,*ngFor

  • Built-in Directives

  • Attribute Directives

    • @Directive

    • @HostListener

    • ElementRef

  • Custom Directives

• Pipes

  • Built In Pipes

  • Parameterizing a pipe

  • Chaining Pipes

  • Custom Pipes

    • PipeTransform

• Services

  • Inversion of Control (IOC)

  • Dependency Injection (DI)

  • Angular Injector system

  • DI Providers

  • Using a services to access data

  • Injecting Service

  • Async Services

  • Using Promise , Observables with Service

     

• FormsModule

  • Template-driven Forms & Reactive Forms

  • NgSubmit Directive

  • NgForm, NgModel Directives

  • Form Control States

    • ng-touched,mg-untouched

    • ng-dirty,ng-pristine

    • ng-valid,ng-invalid

    •  

  • Validation Directives

  • Displaying validation messages

  • Styling validation messages

• HttpClient Module

  • Communicating with the Server using the HttpClient Service

  • Making Http GET Requests

  • Making Http POST and PUT Requests

  • Issuing a Http DELETE Request

  • Intercepting Requests and Responses

• RouterModule

  • Importing the RouterModule and Routes

  • Configuring Routes

  • Displaying Components using a RouterOutlet

  • Navigating with RouterLink

  • Accessing parameters using ActivedRoute

    • paramMap

  • Router Guards

    • CanActivate,CanDeactivate

  • Route Resolvers

• Internationalization (i18n)

• Angular Deployment

  • Build with --prod

  • JIT – Just in Time Compilation

  • AOT - Ahead-of-Time Compilation

  • Deploying Angular application on Tomcat

• Angular Testing

  • BDD- behavior-driven development

  • Jasmine and Karma