Course Description
This instructor-led class introduces participants to using Angular to create rich client applications. Through a combination of instructor-led presentations, demonstrations, and hands-on labs, students learn how to use TypeScript to build rich client applications.
Angular6 is script based development framework widely used by developers to create single page applications. It is highly acclaimed among the developers owing to its dependency injection and data binding features which helps in reducing the amount of code that needs to be written. Angular 6 enables programmers to build robust applications and the ease of deployment of a web application.
Learning Objectives
At the end of this course, participants will be able to:
- To develop angular applications
- Understand calling web services
-
Understand how dependancy works in angular
-
Creating custom directives
Who Should Attend
Programmers, web developers, and app developers who want to learn how to use Angular to build applications.
Prerequisites
Programming experience in an object-oriented language like C# or Java is assumed. Experience with Visual Studio Code is helpful. Knowledge of Javascript and/or HTML is also helpful.
Course Outline
Introduction to Angular
- Overview of Angular Framework
Components
- Creating Components
- Registering Components with App.Module
Data Binding
- One Way
- Two-way binding using ngModel
Working with Forms & Validations
-
required
- minLength
-
maxLength
-
pattern
-
Custom Validations
Built-in Directives
- ngClass
- ngStyle
- ngIf
- ngFor
- ngSwitch
- ngTemplateOutlet
Service and Dependency Injection
- Creating and using DataSource
- Creating and using Repository
- CRUD operations with Test data
Custom Attribute Directives
- Creating a Simple Attribute Directive
- Creating Data-Bound Input Properties
- Reading Host Element Attributes
- Creating Custom Events
Custom Structural Directives
-
Creating a Simple Structural Directive (myIf)
-
Creating Iterating Structural Directives (myFor)
Guarding Routes
Applying Resolver
- Delaying Navigation with a Resolver
- Creating a resolver service
- Registering the resolver service
- Prevent Route Activation
Pipe
- Understanding and using built-in Pipes (number, percent, currency, date, uppercase, lowercase, json, slice, async)
- Creating Custom Pipes
- Combining Pipes
- Creating Impure Pipe
Routing
- Adding Navigating Links using routerLink
- Using Route Parameters using ActivatedRoute
- Navigating in Code using Router
WebAPI
- Using Http service
- Creating WebAPI
- CRUD Operation using WebAPI
-
Using JWT Token
Project Work