Angular Certification Training Course

Course Content

Section 01 Self Paced Learning Curriculum

• Lesson 01 - Single page Applications
  • 1.01 Course Overview
  • 1.02 Introduction to Single Page Applications (SPA)
  • 1.03 What do we need Angular for
  • 1.04 Setting up the Development Environment
  • 1.05 Angular Application Architecture
  • 1.06 First Angular App
• Lesson 02 - TypeScript and ESNext
  • 2.01 Module Introduction and Introduction to TypeScript
  • 2.02 Setting up the environement to write TypeScript
  • 2.03 Variable declarations (var, let, and const)
  • 2.04 Types - Primitives
  • 2.05 Types - Reference and Special Types
  • 2.06 Operators - Spread and Backticks
  • 2.07 Operators - Destructure and Rest
  • 2.08 Classes
  • 2.09 Interface
  • 2.10 Arrow Functions
  • 2.11 Modules
  • 2.12 fetch
  • 2.13 async or await
• Lesson 03 - Decorators
  • 3.01 Module Introduction and an overview of Angular Modules
  • 3.02 What are decorators
  • 3.03 Angular Modules and the @NgModule Decorator
  • 3.04 Declarations
  • 3.05 Imports and Exports
  • 3.06 providers, bootstrap, and entryComponents
  • 3.07 Angular Application Bootstrap Mechanism
• Lesson 04 - Component Decorator
  • 4.01 Module Introduction
  • 4.02 Angular Components and the @Component Decorator
  • 4.03 Creating an Angular Component using the Angular CLI and on StackBlitz
  • 4.04 Component Decorator Metadata
  • 4.05 View Encapsulation - Emulated, ShadowDom, None
  • 4.06 Data Binding - String Interpolation - {{ }}
  • 4.07 Property Binding - []
  • 4.08 Event Binding - ()
  • 4.09 @Input and @Output Property Decorators
  • 4.10 Two-way Data Binding - [()]
  • 4.11 Attribute Binding - [attr.]
  • 4.12 Class Binding - [class.]
  • 4.13 Style Bindings - [style.]
  • 4.14 Introduction to Lifecycle Hooks in Angular
  • 4.15 Using Lifecycle Hooks in Angular
  • 4.16 View Queries - View Child, View Children, Content Child, Content Children
  • 4.17 Change Detection Mechanism in Angular. ZoneJS, NgZones
• LLesson 05 - Angular Routing
  • 5.01 Introduction to Routing
  • 5.02 Implementing Routing in an Angular App
  • 5.03 Creating a User List. Setting the stage for Child Routing
  • 5.04 Abstracting the user link to a separate component
  • 5.05 Implementing Child Routes
  • 5.06 Path Match and Route Types
  • 5.07 Introduction to Route Guards in Angular
  • 5.08 CanActivate and CanActivateChild Guards in Angular
  • 5.09 CanDeactivate Guard in Angular
  • 5.10 Prefetching Data for a Component using Resolve
• Lesson 06 - Dependency Injection
  • 6.01 Introduction to Section
  • 6.02 DI as a Pattern, DI as a Framework and Types of Providers
  • 6.03 Hierarchical Dependency Injection
  • 6.04 Introduction to Services in Angular
  • 6.05 GET data from a Rest API using HttpClient
  • 6.06 CRUD Operations using HttpClient, HttpParams and HttpHeaders
  • 6.07 Observables and Operators in Observables - Map, Retry, Catch
  • 6.08 Behavior Subject and Sharing Data using Behavior Subjects
• Lesson 07 - Directives
  • 7.01 Introduction to Section
  • 7.02 Introduction to Directives
  • 7.03 Built in Structural Directives
  • 7.04 Built in Attribute Directives
  • 7.05 Building custom Attribute Directives
  • 7.06 Building Custom Structural Directives
  • 7.07 Introduction to Pipes in Angular
  • 7.08 Using Built In Pipes
  • 7.09 Creating Custom Pipes in Angular
  • 7.10 Pure and Impure Pipes in Angular
  • 7.11 Decorators Revisited
  • 7.12 Building Custom Decorators in Angular
  • 7.13 Building a Custom Lifecycle Hook Class Logger Decorator
  • 7.14 Building Custom Property Decorator in Angular
• Lesson 08 - Forms in Angular
  • 8.01 Introduction to Section
  • 8.02 Types of Form Building Strategies in Angular
  • 8.03 Creating Long Bootstrap forms quickly using VS Code using Emmet
  • 8.04 Adding FormControl(s) to a Template Driven form using the ngModel directive
  • 8.05 Getting the JavaScript Object Representation of a form using ngForm directive
  • 8.06 Disabling the Submit Button on a Form using form's $invalid flag
  • 8.07 Getting the JavaScript Object Representation of a form in TypeScript Class
  • 8.08 Adding Checkbox, Radio Buttons and Select List to your Template Driven Form
  • 8.09 Creating Subsections in the form using NgModelGroup directive
  • 8.10 Steps to implement a Reactive form in Angular
  • 8.11 Quickly creating a Bootstrap form for our Reactive form using Emmet
  • 8.12 Creating a Reactive form in the TypeScript class & connecting it to the template
  • 8.13 Adding form Validations to a Reactive Form
  • 8.14 Dynamically Adding or Removing FormControl(s) or FormGroup(s) using FormArray(s)
  • 8.15 Adding Synchronous Custom Validations to your Reactive Form
  • 8.16 Adding Async Custom Validations to your Reactive Form
  • 8.17 Resetting the value of a form
• Lesson 09 - Using Third Party Libraries
  • 9.01 Introduction to the Section
  • 9.02 Creating an Angular CLI Project with SCSS as a base style
  • 9.03 Introducing Material Design Bootstrap into your Angular CLI Project
  • 9.04 Adding a Navbar in your header
  • 9.05 Adding Material Design Buttons
  • 9.06 Adding Cards
  • 9.07 Using Material Design Dropdowns and Form Inputs
  • 9.08 Introducing Angular Material into your Angular CLI Project on the top of MDB
  • 9.09 Adding Radio Buttons, Slide Toggle, Slider, Progress Bar and Spinner
  • 9.10 Introduction to Firebase
  • 9.11 Creating an App using the Firebase Console
  • 9.12 Setting up your Angular CLI Project to support Firebase
  • 9.13 Interacting with Firebase Realtime Database using methods on AngularFireList
  • 9.14 Adding and Reading Data from Realtime Database in Firebase
  • 9.15 Updating and Deleting Data from Realtime Database in Firebase

Section 02 Live Class Curriculum

• Lesson 01 Features of TypeScript
  • 1.1 Introduction
  • 1.2 Introduction to TypeScript
  • 1.3 Introduction to Data Types
  • 1.4 Let vs Const
  • 1.5 Introduction to Functions
  • 1.6 Introduction to Parameters
  • 1.7 Introduction to Classes
  • Assisted Practice: Data Types
  • Assisted Practice: Arrays
  • Assisted Practice: Any
  • Assisted Practice: Type Assertions
  • Assisted Practice: Scope
  • Assisted Practice: Functions
  • Assisted Practice: Function Parameters
  • Assisted Practice: Rest Parameters
  • Assisted Practice: Interfaces
  • Assisted Practice: Class
  • Assisted Practice: Class implementing Interface
  • Assisted Practice: Generics
• Lesson 02 Features of Angular
  • 2.1 History of Angular
  • 2.2 Understanding Angular
  • 2.3 Setup of Angular App
  • Assisted Practice: Creating an Angular App
  • 2.4 Angular Building Blocks
  • 2.5 Observables
  • 2.7 Introduction to Reactive Forms
  • 2.8 Introduction to Server Communication
  • Assisted Practice: Components
• Lesson 03 NgModule
  • 3.1 Angular Modules
  • 3.2 Routing Module
  • 3.3 Feature Module
  • 3.4 Sharing Module
  • 3.5 Systematically Arranging Components of App
  • Assisted Practice: Routing Modules
• Lesson 04 Ng Unit Testing and Observables
  • 4.1 Introduction to Automated Testing
  • 4.2 Types of Automated Testing
  • 4.3 Introduction to Testing Tools
  • 4.4 Introduction to Test Bed
  • 4.5 Handling Component Dependencies
  • 4.6 RxJS - Observable
  • Assisted Practice: RxJs

Fundamentals of JavaScript (Free Course)

• Fundamentals Of JavaScript
  • Fundamentals Of JavaScript
  • 1.1 Course Materials
  • 1.2 What Is Javascript
  • 1.3 Internal Vs. External
  • 1.4 Comments
  • 1.5 document.write()
  • 1.6 Alert And Confirm
  • 1.7 Prompting For Info
  • 1.8 Variables
  • 1.9 Conjugation
  • 1.10 Arithmetic
  • 1.11 Redirecting And New Windows
  • 1.12 Empty Links
  • 1.13 String Manipulation
  • 1.14 Comparisons
  • 1.15 If Else Statements
  • 1.16 Else If Statements
  • 1.17 Switch Statements
  • 1.18 Functions
  • 1.19 Events
  • 1.20 getElementById()
  • 1.21 Escaping
  • 1.22 Arrays
  • 1.23 For Loops
  • 1.24 While Loops
  • 1.25 Breaking Out Of Loops
  • 1.26 Skipping A Loop Cycle

Starting with Angular 4 (Free Course)

• Lesson 01 - Welcome to Starting With Angular 4
  • 1.1 Course Introduction
  • 1.2 What is Angular
  • 1.3 How this course works
  • 1.4 The Course Outline
• Lesson 02 - Let's Get Started
  • 2.01 Learning Objectives
  • 2.02 What Is Statistics
  • 2.03 Why Statistics
  • 2.04 Difference between Population and Sample
  • 2.05 Different Types of Statistics
  • 2.06 Importance of Statistical Concepts in Data Science
  • 2.07 Application of Statistical Concepts in Business
  • 2.08 Case Studies of Statistics Usage in Business
  • 2.09 Recap
• Lesson 03 - Angular Components
  • 3.1 Introduction
  • 3.2 Create a Components Project
  • 3.3 Working with Components
  • 3.4 Summary
• Lesson 04 - Angular Routing
  • 4.1 Introduction
  • 4.2 Create a Routing Project
  • 4.3 Lets Do Some Routing
  • 4.4 Summary
• Lesson 05 - Angular Services
  • 5.1 Introduction
  • 5.2 Create a Services Project
  • 5.3 Start Building Services
  • 5.4 Wiring Services Up
  • 5.5 Accessing Services
  • 5.6 Service-Enabled Components
  • 5.7 Finalizing our Services Implementation
  • 5.8 Summary
• Lesson 06 - Angular Lessons
  • 6.1 Introduction
  • 6.2 Lessons Defined
  • 6.3 Refactoring for Lessons
  • 6.4 Finish our Lessons Refactor
  • 6.5 Summary
• Lesson 07 - Styling Angular
  • 7.1 Introduction
  • 7.2 Integrate the Lesson
  • 7.3 Style our Components
  • 7.4 Summary
• Lesson 08 - Directives and Pipes
  • 8.1 Introduction
  • 8.2 Directives
  • 8.3 Pipes
  • 8.4 Summary
• Lesson 09 - Course Conclusion
  • 9.1 Course Conclusion
  • 9.2 What Now
  • 9.3 Final Comments

What do I need to do to unlock my certificate?

Online Self-Learning:

• Complete 85% of the course.
• Successful completion and evaluation of any one of the given projects

FAQs

• What is Angular?

  Angular has changed the entire picture of developing a web-based application and has been dominating the entire web market by offering a simplified and sophisticated way to manage the code. It aims to fulfill the expectations of modern developers who demand fast performance and responsiveness in their web applications.

• What is the focus of this Angular training?

  This Angular Training Course will help you comprehend and master concepts on Angular like facilitating the development of single-page web applications, dependency injection, typescript, components, directives, model-view-controller, etc. This Angular Certification training makes it is easy to grasp and enables one to develop robust applications for projects of any scale. Also, Angular makes use of TypeScript and is much faster and more mobile-oriented than it's predecessor - AngularJS..

• How do I enrol in this online training?

  You can enrol in this training on our website and make an online payment using any of the following option

  • Visa Credit or Debit Card
  • MasterCard
  • American Express
  • Diners Club
  • PayPal

  Once payment is received, you will automatically receive a payment receipt and access information via email.