Angular Crash Course

Table of Contents

Chapter 1 : Introduction

Course and Instructor Introduction

How to make the best of this course

What are Single Page Applications

What and why Angular

Chapter 2 : Software Setup

Install Angular

Install Yarn

Install Visual Studio Code

Install MySql and MySql workbench

Launch MySql Workbench

Download the completed projects

Chapter 3 : Components

Components

Create the project

Important Project Files and Folders

Create the First Component

NgModules

Bootstrap and run the first component

Using the new component as the root component

Create a Seller Component

Using Arrays of data and ngFor directive

Use the function

Input property binding

Output Event Binding

Chapter 4 : Directives

Introduction

ngIf

Using ngIf dynamically

Using ngSwitch

Using ngSwitchDefault

Using ngFor

Using ngFor with objects

Using ngNonBindable

NgStyle

Dynamic Styling with ngStyle

Using NgClass

Dynamic NGClass

Chapter 5 : Services

Dependency Injection

Usecase

Links to rest services

Create the project and service

Service code walkthrough and imports

Implement the service

Handle errors in Service

Create the component

Implement HTML

Implement HTML

Update configuration

Services in action

Add styles

Chapter 6 : Posting Data

Introduction

Create the project

Implement the Component

Implement the Service

Implement the HTML

Bootstrap the application

Run the application

Chapter 7 : Using Multiple Services

Introduction

Create the project

Implement the Services

Use the Services

Implement the HTML

Configure the app

Run the application

Use forkJoin

Chapter 8 : REST API Using ExpressJS

Introduction

Create the Product table

Create the Project

Create the DB Connection

Create a controller

Implement the READ endpoint

Initialize REST application

Test READ

Get single Product

Create

Test and Troubleshoot Create

Update

Delete

Chapter 9 : Create an Angular Client Project

Create the project

Create and implement Get Products Service method

Create the component and view

Test GET Products

Implement the Other Methods

Test Create

Test other methods

Chapter 10 : Routing

Routing

Usecase and Refactoring

Refactor Components

Refactor HTML

Routing Steps

Create the Routing Module

Add the Routes

The pathmatch property

Configure the routing module

Use routes in HTML

Routing in Action

Chapter 11 : Pipes

Introduction

text pipes

date

currency

json

number

percent

slice

Using slice in for

create a promise

use async pipe

Create a Custom Pipe

Chapter 12 : Reactive Forms

Forms

Usecase and Project

Add bootstrap css

Create the model

Create the form view

Add a Address sub group

Add submit button

Handle onSubmit

Test and Summary

Default Values and Validations

Handling Validation Errors

Get countries dynamically

Chapter 13 : Template Driven Forms

Template Driven Forms

Create the project

Create the template and form

Add sub FormGroup fields

Handle Submit

Test

Two-way binding

Chapter 14 : Custom Directives

Create a custom structural directive

Implement the conditional logic

Use *myIf

Create loop directive

Create an Attribute Directive

Pass Inputs

Handle Events

Chapter 15 : Project Usecase

Introduction

Flight Reservation Usecase

Flight CheckIn Usecase

Chapter 16 : Create the Java Backend

Create the DB Schema

Install Java

Install STS

Download the executable java application

Download the completed source code

Create the project

Create the Entities

Mark them with JPA Annotations

Define relationships

Create the Repositories

findFlights API

saveReservation API

Implement saveReservation

findReservation

updateReservation

Configure the Data Source and Run

Add Flights

Filter Flights

Test Filter Flights using Postman

Test Save and Find Reservation

Test Update

Create and Test FindFlight

Add Cross Site Origin Support

Chapter 17 : Create the Flight Reservation APP

Usecase

Create the project

Create Service

Fetch single flight

Save reservation

Configure Routing

Implement Find Flights Component

Implement Binding

Handle Search

Display flight details

Bootstrap the application and run

Application in action

Add Select Button

Fetch single flight

Render Flight Details

Gather passenger details

Collect Card Details

Handle reservation save

Show the confirmation screen

Test End to End

Chapter 18 : Develop Flight CheckIn App

Create the project

Create the Service

Implement the saveReservation method

Implement Routing

Code the root component

Create Start Checkin HTML

Handle OnClick

Add Forms Module and assign reservation data

Render Flight and passenger details

Add noOfBags and confirm button

Complete Checkin