Angular Crash Course With Node And Java Backend

Master Angular Fundamentals and create a project in easy steps

What you'll learn
Learn what Single Page Applications are
Understand how Angular makes it easy to build SPAs
Create Angular Components
Use various directives angular provides
Create Services and use them to make GET and POST calls
Develop REST APIs using Node and ExpressJS
Create a Angular front end that consumes those REST APIs
Configure routing for the Single Page Application
Create and use pipes to format the data
Use Reactive Forms and Template Driven Forms
Create custom directives and use them
Create a Flight Reservation back end API using JAVA
Create a Front End by consuming the back end API
Create a Check In App that will check in a passenger
Requirements
Knowledge of JavaScript and TypeScript
Or Should have completed my TypeScript course
Knowledge for Java Spring Boot is required to work on the Java Backend
Description
The ONLY course that covers the all the features of Angular along with Java and NODE Backend Development!–-Sample of the reviews:The best material I have seen that explains Angular clearly. Well structured lessons with a brief summary after each section. There has been a lot of thought into the content and structure of the course. Highly recommended. - John LawmanBharath is a great instructor. I have enrolled in all of his courses. They are short and to the point. Act as a quick refresher. I knew AngularJs 1.x and wanted to deep dive into the latest angular offering. With this course, I am much more confident. This course covers almost whatever you will need on the front-end side. I am eagerly waiting for Security/Testing sections to be added. All the Best. - Sanjiv BhargavaGood info. though I haven't completed with the remaining course, I find the course is very engaging and covers all aspects of angular for beginners to expert level. - Arun KumarRespond–-All source code is available for downloadResponsive Instructor - All questions answered within 24 hoursProfessional video and audio recordings (check the free previews)––Do you have the knowledge of JavaScript and TypeScript and want to master AngularJS then this course is for you.If you are an experienced AngularJS developer who wants to fill in any gaps in your knowledge of creating a Single Page Applications  using AngularJS then this course is for you too.You will learn how to create Rest APIs using Express and Java Spring Boot and use them in your Angular Front End and build Full Stack Application from scratch.AngularJS is the most widely used Single Page Application Development framework in the industry today. Angular makes it super easy to create production ready Single Page applications. You will start this course by learning what Angular is ,the different features that are a part of every Angular application .You will be working hands on one feature at a time .You will then create two mini Single Page applications using all the knowledge you gain from those sections.Learn what Single Page Applications areUnderstand how Angular makes it easy to build SPAsCreate Angular ComponentsUse various directives angular providesCreate Services and use them to make GET and POST callsDevelop REST APIs using Node and ExpressJSCreate a Angular front end that consumes those REST APIsConfigure routing for the Single Page ApplicationCreate and use pipes to format the dataUse Reactive Forms and Template Driven FormsCreate custom directives and use themCreate a Flight Reservation back end API using JAVACreate a Front End by consuming the back end APICreate a Check In App that will check in a passengerWhat are the requirements?  AngularJS , Visual Studio Code (Installation is covered in easy setup section)

Overview

Section 1: Introduction

Lecture 1 Course and Instructor Introduction

Lecture 2 How to make the best of this course

Lecture 3 What are Single Page Applications

Lecture 4 What and why Angular

Section 2: Software Setup

Lecture 5 Install Angular

Lecture 6 Install Yarn

Lecture 7 Install Visual Studio Code

Lecture 8 Install MySql and MySql workbench

Lecture 9 Launch MySql Workbench

Lecture 10 Windows Only -Install Mysql

Lecture 11 Windows Only - Install Mysql Workbench

Lecture 12 Download the completed projects

Section 3: Components

Lecture 13 Components

Lecture 14 Create the project

Lecture 15 Important Project Files and Folders

Lecture 16 Create the First Component

Lecture 17 NgModules

Lecture 18 Bootstrap and run the first component

Lecture 19 Using the new component as the root component

Lecture 20 Create a Seller Component

Lecture 21 Using Arrays of data and ngFor directive

Lecture 22 Use the function

Lecture 23 Input property binding

Lecture 24 Output Event Binding

Section 4: Directives

Lecture 25 Introduction

Lecture 26 ngIf

Lecture 27 Using ngIf dynamically

Lecture 28 Using ngSwitch

Lecture 29 Using ngSwitchDefault

Lecture 30 Using ngFor

Lecture 31 Using ngFor with objects

Lecture 32 Using ngNonBindable

Lecture 33 NgStyle

Lecture 34 Dynamic Styling with ngStyle

Lecture 35 Using NgClass

Lecture 36 Dynamic NGClass

Section 5: Services

Lecture 37 Dependency Injection

Lecture 38 Usecase

Lecture 39 Links to rest services

Lecture 40 Create the project and service

Lecture 41 Service code walkthrough and imports

Lecture 42 Implement the service

Lecture 43 Create the component

Lecture 44 Handle Errors

Lecture 45 Implement HTML

Lecture 46 Update configuration

Lecture 47 Services in action

Lecture 48 Add styles

Section 6: Posting Data

Lecture 49 Introduction

Lecture 50 Create the project

Lecture 51 Implement the Service

Lecture 52 Implement the Component

Lecture 53 Implement the HTML

Lecture 54 Bootstrap the applicaiton

Lecture 55 Upgrade

Lecture 56 Run the application

Section 7: Using Multiple Services

Lecture 57 Introduction

Lecture 58 Create the project

Lecture 59 Implement the Services

Lecture 60 Use the Services

Lecture 61 Implement the HTML

Lecture 62 Configure the app

Lecture 63 Run the application

Lecture 64 Use forkJoin

Section 8: REST API Using ExpressJS

Lecture 65 Introduction

Lecture 66 Create the Product table

Lecture 67 Create the project

Lecture 68 Create the DB Connection

Lecture 69 Create a controller

Lecture 70 Implement the READ endpoint

Lecture 71 Initialize REST application

Lecture 72 Test READ

Lecture 73 Get single Product

Lecture 74 Create

Lecture 75 Upgrade - Remove body-parser

Lecture 76 Test and Troubleshoot Create

Lecture 77 Update

Lecture 78 Delete

Section 9: Angular Client and Routing

Lecture 79 Introduction

Lecture 80 Create the project

Lecture 81 Create and implement Get Products Service method

Lecture 82 Create the component and view

Lecture 83 Update Configuration

Lecture 84 Implement the Other Methods

Lecture 85 Implement Component Methods

Lecture 86 Implement HTML

Lecture 87 Update Fetch and Delete HTML

Lecture 88 Routing

Lecture 89 Usecase and Refactoring

Lecture 90 Refactor Components

Lecture 91 Refactor HTML

Lecture 92 Add FormsModule

Lecture 93 Routing Steps

Lecture 94 Create the Routing Module

Lecture 95 Add the Routes

Lecture 96 The pathmatch property

Lecture 97 Configure the routing module

Lecture 98 Use routes in HTML

Lecture 99 Angular Upgrade

Lecture 100 Configure CORS Support on the API Project

Lecture 101 Routing in Action

Section 10: Pipes

Lecture 102 Introduction

Lecture 103 text pipes

Lecture 104 date

Lecture 105 currency

Lecture 106 json

Lecture 107 number

Lecture 108 percent

Lecture 109 slice

Lecture 110 Using slice in for

Lecture 111 create a promise

Lecture 112 use async pipe

Lecture 113 Create a Custom Pipe

Section 11: Reactive Forms

Lecture 114 Forms

Lecture 115 Usecase and Project

Lecture 116 Add bootstrap css

Lecture 117 Create the model

Lecture 118 Create the form view

Lecture 119 Add a Address sub group

Lecture 120 Add submit button

Lecture 121 Handle onSubmit

Lecture 122 Test and Summary

Lecture 123 Default Values and Validations

Lecture 124 Handling Validation Errors

Lecture 125 Get countries dynamically

Section 12: Template Driven Forms

Lecture 126 Template Driven Forms

Lecture 127 Create the project

Lecture 128 Create the template and form

Lecture 129 Add sub FormGroup fields

Lecture 130 Handle Submit

Lecture 131 Test

Lecture 132 Two-Way Binding

Section 13: Custom Directives

Lecture 133 Create a custom structural directive

Lecture 134 Implement the conditional logic

Lecture 135 Use *myIf

Lecture 136 Create loop directive

Lecture 137 Create a Attribute Directive

Lecture 138 Pass Inputs

Lecture 139 Handle Events

Section 14: Project Usecase

Lecture 140 Introduction

Lecture 141 Flight Reservation Usecase

Lecture 142 Flight CheckIn Usecase

Section 15: Create the Java Backend

Lecture 143 Create the DB Schema

Lecture 144 Install Java

Lecture 145 Install STS

Lecture 146 Download the executable java application

Lecture 147 Download the completed source code

Lecture 148 Create the project

Lecture 149 Create the Entities

Lecture 150 Mark them with JPA Annotations

Lecture 151 Define relationships

Lecture 152 Create the Repositories

Lecture 153 findFlights API

Lecture 154 saveReservation API

Lecture 155 Implement saveReservation

Lecture 156 findReservation

Lecture 157 updateReservation

Lecture 158 Configure The Data Source and Run

Lecture 159 Add Flights

Lecture 160 Filter Flights

Lecture 161 Test Filter Flights using Postman

Lecture 162 Test Save and Find Reservation

Lecture 163 Test Update

Lecture 164 Create and Test FindFlight

Lecture 165 Add Cross Site Origin Support

Section 16: Create the Flight Reservation APP

Lecture 166 Usecase

Lecture 167 Create the project

Lecture 168 Download HTML and Model

Lecture 169 Reservation Service Part 1

Lecture 170 Reservation Service - part 2

Lecture 171 Configure Routing

Lecture 172 Find Flights

Lecture 173 Bootstrap the application

Lecture 174 Test findFlights

Lecture 175 Display Flights

Lecture 176 Passenger Details Part 1

Lecture 177 Update - Route Params

Lecture 178 Passenger Details Part 2

Lecture 179 Confirm and Test End To End

Section 17: Develop Flight CheckIn App

Lecture 180 Create Project

Lecture 181 Implement the Service

Lecture 182 Download HTMLs

Lecture 183 Configure Routes

Lecture 184 Implement Start CheckIn

Lecture 185 Bootstrap and Test

Lecture 186 Implement CheckIn

Section 18: Wrap Up

Lecture 187 Bonus Lecture

Anyone who want to understand and create Single Page Applications,Students who want to master Angular features in easy steps,Students who want to create end to end applications using Angular Frontend and Java Backend,Students who want to create end to end applications using Angular Frontend and Node/Express Backend