Building Web Apps with Angular + TypeScript

Training Contents

Delivery Method Course Objectives

Instructor-Led-Training (ILT) | ONLINE Building web apps with Angular and TypeScript training
objective is to enable learners to gain the skills and knowledge
Course Duration of web development. Some of the key objectives are:
40 hours (5 days) 1. Learn how to install, configure, and build applications
with Angular and TypeScript
Audience 2. Understand the module and component-based
The target audience for this training course are software architecture of Angular and TypeScript
developers who are familiar with basic web development and 3. Gain the ability to use Angular libraries and their
want to learn how to build web applications with Angular and properties to create complex features
Typescript 4. Understand building model-driven forms and
This course is especially suitable for those who have limited managing their values and validations
programming experience and seek to develop web apps using 5. Learn the basics of debugging Angular applications
the latest technologies and industry best practices 6. Get know how to deploy the application using CLI
It is beneficial to those who are looking to build secure apps
that meet the evolving standards of the web Course Contents
The course is also well-suited to those who are new to Angular Module 1: Introduction to Angular 13
and Typescript and need help getting started  Evolution in Web App Development
Learners have basic knowledge of HTML, CSS, and JavaScript  Angular Core and Modules
This training is beneficial in gaining the knowledge to develop  Typescript, Dart, Plain Old JavaScript
responsive and interactive user interfaces using the power of
Angular and Typescript Module 2: Strongly Typed JavaScript with TypeScript
This training course is ideal for intermediate developers and  Writing Application Scale JavaScript
those who want to make a career transition from web  Type -Safe JavaScript Development with TypeScript
development to mobile app development  Implementing Types, Classes and Inheritance
 Namespaces and Modules
Prerequisites
The ideal candidate for this course should have a basic Module 3: Core Concepts
understanding of JavaScript. If you already have a working  Components
knowledge of Angular and Typescript, that could be beneficial.  Modules
Else, you can still join the course and learn the basics along  Services
with other concepts. It is preferable to have some exposure to  Tools
HTML, CSS, and Linux. A good understanding of Git is
recommended. Additionally, you should have basic knowledge Module 4: Data Binding
of the Node package manager (NPM). Finally, familiarity with  The importance of Binding
command-line interfaces (CLIs) is helpful.  Component to View
 Structural Directives
Course Overview  Local template variables
Building Web Apps with Angular and Typescript is an in-depth  Value conversion
course for anyone wanting to master developing web apps  View to Component
using the Angular and Typescript development frameworks.
This course covers topics such as setting up and configuring a Module 5: Components
development environment, creating a basic app from scratch,  Using Multiple Components
building an interface with components, using routers and  Input and Output
services, and writing tests with Jasmine and Protractor. It also  View Child and Content Child
teaches how to use the Typescript language to create Angular  Event Emitter
apps and how to use Angular components to create optimized  Directive Life Cycle
user experiences and integrate RESTful APIs.
The course also provides basic tutorials for working with Module 6: Attribute Directives
NoSQL databases and integrating with back-end systems,  What are Attribute Directives
deploying apps to production, debugging, and refactoring  Built in Attribute Directives
code.  Custom Attribute Directive

1|Page SYSINNOVA Infotech Pvt. Ltd. mailto:info@sysinnova.com

- Corporate training reference Only
 Building Web Apps with Angular + TypeScript
Training Contents

Module 7: Structural Directives

 Details are not available.
 Module 8: Dependency Injection and Providers
 Injection Tokens

Module 9: Pipes
 Using a Pipe
 Built in Pipes
 Custom Pipes
 Pure vs Impure

Module 10: Working with Forms

 What’s in a Form
 Responding to a Changes
 Form Builder
 Data Validation

Module 11: Talking to Server

 Sending and Receiving Data
 HTTP Client Module
 Http Interceptors
 Observable vs Promises

Module 12: Building a Single Page Application

 What is SPA
 Router Module
 Route Configuration
 Parent-Child Navigation
 Route Guards

 Module 13: State Management in Angular 13

 Session storage/ local storage
 Redux Introduction
 NgRx

2|Page SYSINNOVA Infotech Pvt. Ltd. mailto:info@sysinnova.com

- Corporate training reference Only