Angular Crash Course with Node and Java Backend

Master Angular Fundamentals and create a project in easy steps

4.38 (512 reviews)
Udemy
platform
English
language
Other
category
3,104
students
9 hours
content
Mar 2024
last update
$79.99
regular price

What you will 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

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 Lawman

Bharath 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 Bhargava

Good 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 Kumar

Respond

---

All source code is available for download

Responsive Instructor - All questions answered within 24 hours

Professional 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 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

What are the requirements?

  AngularJS , Visual Studio Code (Installation is covered in easy setup section)

Content

Introduction

Course and Instructor Introduction
How to make the best of this course
What are Single Page Applications
What and why Angular

Software Setup

Install Angular
Install Yarn
Install Visual Studio Code
Install MySql and MySql workbench
Launch MySql Workbench
Download the completed projects

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
Components

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
Directives

Services

Dependency Injection
Usecase
Links to rest services
Create the project and service
Service code walkthrough and imports
Implement the service
Create the component
Handle Errors
Implement HTML
Update configuration
Services in action
Add styles
Services

Posting Data

Introduction
Create the project
Implement the Component
Implement the Service
Implement the HTML
Bootstrap the applicaiton
Run the application

Using Multiple Services

Introduction
Create the project
Implement the Services
Use the Services
Implement the HTML
Configure the app
Run the application
Use forkJoin

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
REST APIs using ExpressJS

Create a Angular Client Project

Create the project
Create and implement Get Products Service method
Create the component and view
Update Configuration
Test GET Products
Implement the Other Methods
Test Create
Test other methods

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
Routing

Pipes

Introduction
text pipes
date
currency
json
number
percent
slice
Using slice in for
create a promise
use async pipe
Create a Custom Pipe
Pipes

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
Reactive Forms

Template Driven Forms

Template Driven Forms
Create the project
Create the template and form
Add sub FormGroup fields
Handle Submit
Test
Two-Way Binding
Template Driven Forms

Custom Directives

Create a custom structural directive
Implement the conditional logic
Use *myIf
Create loop directive
Create a Attribute Directive
Pass Inputs
Handle Events
Custom Directives

Project Usecase

Introduction
Flight Reservation Usecase
Flight CheckIn Usecase

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

Create the Flight Reservation APP

Usecase
Create the project
Create Service
Implement Other Methods
Save reservation
Configure Routing
Implement Find Flights Component
Implement Binding
Handle Search
Display Flight Details
Bootstrap the application
Application in action
Add Select Button
Fetch single flight details
Render Flight Details
Gather passenger details
Collect Card Details
Handle reservation save
Show the confirmation screen
Test End to End

Develop Flight CheckIn App

Create the project
Create the Service
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

Wrap Up

Bonus Lecture

Screenshots

Angular Crash Course with Node and Java Backend - Screenshot_01Angular Crash Course with Node and Java Backend - Screenshot_02Angular Crash Course with Node and Java Backend - Screenshot_03Angular Crash Course with Node and Java Backend - Screenshot_04

Reviews

Tiisetso
November 1, 2023
From this few lectures I just got what single page application is and Angular framework.The lecture is able to put his content in easy way.
Rafał
May 24, 2023
Very fast and straightforward course, you learn a lot in a short amount of time. Definitely recommended for Angular beginners.
Harini
August 8, 2022
Explanation was nice, but i would expect some in detail theory explanation more when starting new concepts. Some concepts are not still updated according to the latest version. Overall it was good.
Karri
May 1, 2022
Yeah, I'm in the third or fourth video at this point everything is good and fine but I would give a full review after completing my course. Thank-you.
Manisankar
June 15, 2021
Excellent course. Videos needs to be re-recorded and re-organised. They are missing continuity and there are mismatch between codes of consecutive lectures.
Daniel
August 11, 2020
This course has improved my understanding of javascript and Angular. Certain steps are left out and make the course challenging.
Onkar
June 14, 2020
His explanation is good. I took his many course but in Angular most of the videos are not connected. What he explains is something different in next lecture.
Stefanos
June 8, 2020
A lot of times the code written in one lecture was different from the code in the next lecture and no explanation was given. Also, now a newer version of Angular is used and some of the things you write do not correspond to the new Angular. As a result we cannot have the result that we see in the lectures.
John
May 7, 2020
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.
Arun
December 9, 2018
Good 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.
Ali
November 1, 2018
One of the best programming courses I've taken on Udemy. Easily up there with the courses by Anthony Alicia.
Ruben
October 9, 2018
It may not be best practices for rest methods but it was the easiest to understand and a strong foundation thank you.
Charles
October 8, 2018
This course lecture on Services was initially confusing so I have to do 8 and 9 segments 4 times(twice) and creation the controller which should been called routes was very good. when demonstration c.r.u.d you should have explain how to use ? and and adding data to the ,[] after the sql and callback should have been. Have to deal with different quotes is annoying and error prone. while you referring when you creating a new project --routing, instead of creating the routes within app.modules.ts it's more reliable and I find that it works much better
Corne
October 6, 2018
Only 3 videos in and can already tell this is an incredibly well organised course. That main overview of directives and components has already made me understand angular code better!
Sanjiv
September 9, 2018
Bharath 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.

Coupons

DateDiscountStatus
2/4/202167% OFF
expired

Charts

Price

Angular Crash Course with Node and Java Backend - Price chart

Rating

Angular Crash Course with Node and Java Backend - Ratings chart

Enrollment distribution

Angular Crash Course with Node and Java Backend - Distribution chart

Related Topics

1711854
udemy ID
5/24/2018
course created date
11/7/2019
course indexed date
Bot
course submited by