Angular 14

DevOps training Ernakulam Kerala
The Node.js platform allows you to develop server-side applications with JavaScript that you can then easily publish as websites with the Express framework. If you're looking for a project-based Node.js course, this course is for you. In this course, you'll learn the entire process of creating a website on a server with Node.js and Express.js. No prior experience required. Learn A-Z. Become a pro.
  • Individuals looking to establish their credibility and value in the market as experienced DevOps Practitioners
  • System Administrators
  • Cloud Professionals
  • Solutions Architects
  • Infrastructure Architects
  • Site Reliability Engineers
  • Technical Leads
  • Software Engineers
  • Freshers
Angular is one of the most popular front-end frameworks for building SPAs or web apps with HTML, CSS, and TypeScript. So basically, if you want to become a successful front-end developer or a full-stack developer, you need to have Angular as a skill under your belt.

1. Introduction to SPA

Learning Objective:Learn how React Native and Expo are used to make mobile applications

  • Uses of Angular
  • Single Page Applications
  • Packages
  • Benefits and Drawbacks

Topics »

2. Tools and Environment

Learning Objective:Learn the basic building blocks of SPA

  • Installing our Coding Editor (IDE) 01:55
  • Installing NodeJs 03:16
  • Installing Angular 02:43
  • Creating the Project 03:44
  • Running the Application 03:38

Topics »

3. Typescript

Learning Objective:Learn the fundamentals of styling in React Native, including Stylesheets and Flex Box

  • 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

Topics »

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

Learning Objective:Learn about information hierarchy and how to implement it with native navigators.

  • Angular Modules
  • What are decorators? 02:49
  • @NgModule Decorator 04:24
  • declarations 13:33
  • imports and exports 08:01
  • providers, bootstrap, and entryComponents 07:41
  • Angular Application Bootstrap Mechanism

Topics »

5. Angular Components and the @Component Decorator

Learning Objective:Learn how to manage and configure your infrastructure using Ansible Ad-Hoc commands, Playbooks, and Roles.

  • @Component Decorator 05:29
  • Creating an Angular Component using the Angular CLI and on StackBlitz 08:00
  • Component Decorator Metadata 08:02
  • View Encapsulation - Emulated, ShadowDom, None 08:20
  • Data Binding - String Interpolation - {{ }} 08:11
  • Property Binding - [] 04:16
  • Event Binding - () 09:24
  • @Input and @Output Property Decorators 19:21
  • Two-way Data Binding - [()] 08:16
  • Attribute Binding - [attr.]
  • Class Binding - [class.]
  • Style Bindings - [style.]
  • Introduction to Lifecycle Hooks in Angular
  • Lifecycle Hooks - When to use which method?
  • View Queries - @ViewChild
  • View Queries - @ViewChildren
  • View Queries - @ContentChild and @ContentChildren
  • Change Detection Mechanism in Angular. ZoneJS, NgZones

Topics »

6. Angular Routing, Guards

Learning Objective:In this module, you will learn how to write your application using ES6. Also, you will learn how to Design Dashboard and perform CRUD operations.

  • Implementing Routing in an Angular App
  • Abstracting the user link to a separate component
  • 02:38 Implementing Child Routes
  • 21:13 Path Match and Route Types
  • 08:39 Introduction to Route Guards in Angular
  • 04:54 CanActivate and CanActivateChild Guards in Angular
  • 10:34 CanDeactivate Guard in Angular
  • 12:44 Prefetching Data for a Component using Resolve

Topics »

7. Dependency Injection

Learning Objective:In this module, you will learn how to secure your application by implementing API Authentication and User authentication using JSON Web Tokens (JWT).

  • Introduction to Dependency Injection
  • DI as a Pattern, DI as a Framework and Types of Providers 12:20
  • Hierarchical Dependency Injection 03:34 Introduction to Services in Angular
  • 12:12 GET data from a Rest API using HttpClient 22:47
  • CRUD Operations using HttpClient, HttpParams and HttpHeaders 25:33
  • Observables and Operators in Observables - Map, Retry, Catch 09:46
  • Behavior Subject and Sharing Data using Behavior Subjects

Topics »

8. Directives and Pipes in Angular

Learning Objective:In this module, you will learn how Build Realtime Chat Application using Socket.IO.

  • Introduction to Directives 05:04
  • Built in Structural Directives 19:48
  • Built in Attribute Directives 12:07
  • Building custom Attribute Directives 19:08
  • Building Custom Structural Directives 12:52
  • 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

Topics »

9. Forms in Angular

  • Types of Form Building Strategies in Angular
  • Adding FormControl(s) to a Template Driven form using the ngModel directive 04:04
  • Getting the JavaScript Object Representation of a form using ngForm directive 05:37
  • Disabling the Submit Button on a Form using form's $invalid flag 02:55
  • Getting the JavaScript Object Representation of a form in TypeScript Class 14:06
  • Adding Checkbox, Radio Buttons and Select List to your Template Driven Form 12:04
  • Creating Subsections in the form using NgModelGroup directive 10:22 Steps to implement a Reactive form in Angular
  • 07:34 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)

Topics »