Angular 9 Tutorial

This page list all the examples and tutorials developed using the Angular 9 framework.

Check out Angular 10 tutorials and examples at https://www.javaguides.net/p/angular-10-tutorial.html

What’s New In Angular 9?

Angular 9’s most prominent new feature is Ivy. Ivy is Angular’s new compiler and renderer. The renderer is the engine that takes your components and templates and translates them into instructions that manipulate the DOM. Ivy is an internal component, so you don’t interact with it directly. However, it can have a significant impact on your code, yielding much smaller JavaScript bundles and increasing performance.

Read more about Angular Ivy at https://angular.io/guide/ivy.

Here is the summary of Angular 9 features:

• Smaller bundles and better performance.
• The Ivy compiler: The default use of the Ivy compiler is the most important feature of Angular 9, Ivy is what actually designed to solve the major problems of Angular i.e the performance and large file size.
• Selector-less bindings support for Angular Ivy.
• Internationalization support for Angular Ivy.
• Support for TypeScript Diagnostics Format.
• Support for more scopes in providedIn
• A New Type-Safe TestBed.inject() Method Instead of TestBed.get()

Read more about Angular 9 features at Angular 9: What to Expect in New Version of Angular

Angular 9 Examples and Tutorials

• Angular 9 Example Tutorial - In this tutorial, we will learn how to create a simple hello world angular 9 web application.

• How to Add Bootstrap to an Angular 9 - In this short article, we will learn how to add Bootstrap 3 or Bootstrap 4 to an existing Angular 9 project.

• Angular 9 CRUD Example Tutorial - In this article, we will be building step by step an Angular 9 CRUD Web Application from scratch.

• Angular 9 HttpClient - GET, POST, PUT and DELETE Request Example - In this quick tutorial, we'll learn how to send HTTP GET, POST, PUT and DELETE requests from Angular 9 to a backend REST API in our Angular 9 application using the HttpClient module.

• Angular 9 ngFor Example - In this tutorial, I show you how to use Angular 9 ngFor directive with lots of examples.

• Angular 9 ngIf, ngIf else, ngIf then Example - In this tutorial, I show you how to use Angular 9 ngIf directive with lots of examples. We also see the ngIf, ngIf else, ngIf then examples.

• Angular 9 ngSwitch Example - In this tutorial, I show you how to use the Angular 9 ngSwitch directive with lots of examples.

Spring Boot + Angular 9 Auth Tutorial

Angular 9 + Spring Boot Basic Authentication - Login and Logout Example - In this tutorial:

1. We will create a Spring boot project with simple REST API

2. We will add spring security to our spring boot project to secure REST API

3. We will create an Angular 9 App

4. We will implement login and logout features in the Angular 9 App.

5. We will have a demo

Full Stack - Spring Boot + Angular 9 CRUD Example Tutorial

To keep it simple, I divide this tutorial into 5 parts, and here are the topics that I am going to cover in each Part.

Complete tutorial - Spring Boot + Angular 9 CRUD Example Tutorial

1. Spring Boot + Angular 9 CRUD Tutorial - Part 1 - Develop Spring Boot CRUD Rest APIs

• create employee
• list employee
• delete employee
• update employee
• get employee by id

2. Spring Boot + Angular 9 CRUD - Part 2 - Create an Angular 9 App

• Install the latest version of Angular CLI
• Create Angular 8 client application using Angular CLI
• Identify Components, Services, and Modules
• Create Service & Components using Angular CLI
• Integrate JQuery and Bootstrap with Angular

3. Spring Boot + Angular 9 CRUD - Part 3 - Develop Angular 9 CRUD Operations

• Create an Employee class
• Employee Service
• Creating Employee List Template and Component
• Create Add Employee Template and Component
• Update Employee Template and Component
• Create View Employee Details Template and Component

4. Spring Boot  + Angular 9 CRUD, Part 4 - Angular 9 CRUD App Configuration

• npm package.json - Configure Dependencies
• App Routing Module
• App Component
• App Component Template
• App Module
• Main Index Html File
• Main (Bootstrap) File
• Polyfills
• TypeScript tsconfig.json

5. Spring Boot 2 + Angular 9 CRUD, Part 5 - Running Angular 9 CRUD App

• Running Angular 8 Client Application
• Demo

Check out Angular 8 tutorials and examples at https://www.javaguides.net/p/angular-8-tutorial-with-examples.html

Check out Angular 10 tutorials and examples at https://www.javaguides.net/p/angular-10-tutorial.html