Certified Angular 9 Developer

Course details

Angular has emerged as the most popular frontend JavaScript frameworks for developing web apps or single-page applications using HTML,CSS, and TypeScript. Angular is supported by Google and Angular 9, the latest version was launched on February 7th, 2020.

Angular 9 bring smaller bundle sizes, augmented performance, faster testing, better debugging and improvements in CSS class and style binding, type checking, build errors, build times and Internationalization. Angular 9 also , enables AOT on by default.

Why should one take Angular 9 Certification?
The certification not only assess and update your skills in Angular 9 but also is a proof of your knowledge and expertise in developing and managing Angular 9 based web apps or single-page applications.

The certification covers

• TypeScript and ESNext
• Angular 9 Decorators, Routing, Guards
• Angular 9 Dependency injection, Directives and Pipes
• MDB, Angular Material and Firebase

Who will benefit from taking Angular 9 Certification?
Angular 9 is the must have skill for web programmers, front-end developer and professionals engaged in web development. Angular 9 certification is also apt for students who want to make a career in front end web development and individuals who want to develop web apps or single-page ;
 
Benefits of Certification

• Government certification
• Certification valid for life
• Lifelong e-learning access
• Learning Hours: 30+ hrs

How It Works

1. Select Certification & Register
2. Receive Online e-Learning Access (LMS)
3. Take exam online anywhere, anytime
4. Get certified & Increase Employability

Test Details

• Duration:60 minutes
• No. of questions:50
• Maximum marks:50, Passing marks: 25 (50%).
• There is NO negative marking in this module.
• Online exam.

TABLE OF CONTENT

Angular and SPA

• Introduction to Single Page Applications (SPA)
• What do we need Angular for
• Setting up the Development Environment
• Angular Application Architecture
• First Angular App

TypeScript and ESNext

• Module Introduction and Introduction to TypeScript
• Setting up the environement to write TypeScript
• Variable declarations (var,let,and const)
• Types-Primitives
• Types-Reference and Special Types
• Operators-Spread and Backticks
• Operators-Destructure and Rest
• Classes
• Interface
• Arrow Functions
• Modules
• fetch
• async/await

Decorators, @NgModule, Angular Modules and App Bootstrap Mechanism in Angular

• Module Introduction and an overview of Angular Modules
• What are decorators?
• Angular Modules and the @NgModule Decorator
• declarations
• imports and exports
• providers, bootstrap, and entryComponents
• Angular Application Bootstrap Mechanism

@Component Decorator, Angular Components, Communication, and the Lifecycle Hooks

• Module Introduction
• Angular Components and the @Component Decorator
• Creating an Angular Component using the Angular CLI and on StackBlitz
• Component Decorator Metadata
• View Encapsulation-Emulated,ShadowDom,None
• Data Binding-String Interpolation - {{ }}
• Property Binding - []
• Event Binding - ()
• @Input and @Output Property Decorators
• Two-way Data Binding - [()]
• Attribute Binding-[attr.]
• Class Binding-[class.]
• Style Bindings-[style.]
• Introduction to Lifecycle Hooks in Angular
• Using Lifecycle Hooks in Angular
• View Queries-View Child, View Children, Content Child, Content Children
• Change Detection Mechanism in Angular. ZoneJS, NgZones

Angular Routing, Guards

• Introduction to Routing
• Implementing Routing in an Angular App
• Creating a User List. Setting the stage for Child Routing
• Abstracting the user link to a separate component
• Implementing Child Routes
• Path Match and Route Types
• Introduction to Route Guards in Angular
• CanActivate and CanActivateChild Guards in Angular
• CanDeactivate Guard in Angular
• Prefetching Data for a Component using Resolve

Dependency Injection (As a Pattern, As a Framework), Services, HTTP, Observables

• Introduction to Section
• DI as a Pattern, DI as a Framework and Types of Providers
• Hierarchical Dependency Injection
• Introduction to Services in Angular
• GET data from a Rest API using HttpClient
• CRUD Operations using HttpClient, HttpParams and HttpHeaders
• Observables and Operators in Observables - Map, Retry, Catch
• Behavior Subject and Sharing Data using Behavior Subjects

Directives and Pipes in Angular

• Introduction to Section
• Introduction to Directives
• Built in Structural Directives
• Built in Attribute Directives
• Building custom Attribute Directives
• Building Custom Structural Directives
• Introduction to Pipes in Angular
• Using Built In Pipes
• Creating Custom Pipes in Angular
• Pure and Impure Pipes in Angular
• Decorators Revisited
• Building Custom Decorators in Angular
• Building a Custom Lifecycle Hook Class Logger Decorator
• Building Custom Property Decorator in Angular

Forms in Angular

• Introduction to Section
• Types of Form Building Strategies in Angular
• Creating Long Bootstrap forms quickly using VS Code using Emmet
• Adding FormControl(s) to a Template Driven form using the ngModel directive
• Getting the JavaScript Object Representation of a form using ngForm directive
• Disabling the Submit Button on a Form using form's $invalid flag
• Getting the JavaScript Object Representation of a form in TypeScript Class
• Adding Checkbox, Radio Buttons and Select List to your Template Driven Form
• Creating Subsections in the form using NgModelGroup directive
• Steps to implement a Reactive form in Angular
• Quickly creating a Bootstrap form for our Reactive form using Emmet
• Creating a Reactive form in the TypeScript class & connecting it to the template
• Adding form Validations to a Reactive Form
• Dynamically Adding or Removing FormControl(s) or FormGroup(s) using FormArray(s)
• Adding Synchronous Custom Validations to your Reactive Form
• Adding Async Custom Validations to your Reactive Form
• Resetting the value of a form

Using Third Party Libraries and Frameworks like MDB, Angular Material & Firebase

• Introduction to the Section
• Creating an Angular CLI Project with SCSS as a base style
• Introducing Material Design Bootstrap into your Angular CLI Project
• Adding a Navbar in your header
• Adding Material Design Buttons
• Adding Cards
• Using Material Design Dropdowns and Form Inputs
• Introducing Angular Material into your Angular CLI Project on the top of MDB
• Adding Radio Buttons, Slide Toggle, Slider, Progress Bar and Spinner
• Introduction to Firebase
• Creating an App using the Firebase Console
• Setting up your Angular CLI Project to support Firebase
• Interacting with Firebase Realtime Database using methods on AngularFireList
• Adding and Reading Data from Realtime Database in Firebase
• Updating and Deleting Data from Realtime Database in Firebase

Updated on 10 June, 2024