Java Full Stack Development with Spring Boot and Angular

In this course, you will learn the basics of full stack development developing a Basic Todo Management Application using Angular, Spring Boot and Spring Security Frameworks.

You will build the application step by step - in more than 50 steps. This course would be a perfect first step as an introduction to Angular and Full Stack Development.

You will be using Angular (Frontend Framework), TypeScript Basics, Angular Cli(To create Angular projects), Spring Boot (REST API Framework), Spring (Dependency Management), Spring Security (Authentication and Authorization - Basic and JWT), BootStrap (Styling Pages), Maven (dependencies management), Node (npm), Visual Studio Code (TypeScript IDE), Eclipse (Java IDE) and Tomcat Embedded Web Server. We will help you set up each one of these.

Step Wise Details

Overview

Step 01 - Understanding Full Stack Application Architecture
Step 02 - Quick Overview of Modern JavaScript and TypeScript
Step 03 - Installing Angular CLI - Awesome Tool to create Angular Projects
Step 04 - Creating and Launching Angular Application with Angular CLI
Step 05 - Importing Angular App into Visual Studio Code
Step 06 - Exploring Angular CLI Commands - test, lint, e2e, serve, build
Step 07 - Exploring Angular CLI Project Structure

Getting Hands on With Angular

Step 08 - Introduction to Angular Components - Basics

Step 09 - Introduction to Angular Components - Playing with AppComponent

Step 10 - Generating Welcome Component with ng generate

Step 11 - Language Variations With an Example - Java, JavaScript and TypeScript

Step 12 - Generating and Setting up Login Component

Step 13 - Understanding Event Binding - Adding click event on Login Page

Step 14 - Using ngModel with 2 Way Data Binding in Login Page

Step 15 - Quick Review of Data Binding Approaches

Step 16 - Adding Hardcoded Authentication to Logic Component - ngIf directive

Step 17 - Implementing Routes for Login, Welcome and Error Components

Step 18 - Implementing Routing from Login to Welcome Component

Step 19 - Adding Route Parameter for Welcome Component

Step 20 - Create List Todos Component with ng generate

Step 21 - Create a Link to Todos in Welcome Component

Step 22 - Best Practice - Create a Todo Class

Step 23 - Quick Introduction to Angular Modules

Step 24 - Understanding Bootstrapping of Angular App with Root Module and Component

Step 25 - Quick Review - Angular Modules and Components

Step 26 - Overview of Next Few Steps - Bootstrap, Menu, Footer and Refactoring

Step 27 - Adding Bootstrap Framework and Creating Components for Menu and Footer

Step 28 - Using Bootstrap to Create a Menu with Navigation Links

Step 29 - Styling Footer and Other Components with CSS and Bootstrap

Step 30 - Good Practice - Use RouterLink instead of href for Routes

Step 31 - Creating an Independent Authentication Service Component

Step 32 - Using Session Storage to Store User Authentication Token

Step 33 - Enabling Menu Links Based on User Authentication Token

Step 34 - Implementing Logout to remove User Authentication Token

Step 35 - Securing Components using Route Guards - Part 1

Step 36 - Securing Components using Route Guards - Part 2

Step 37 - Quick Review - Authentication Service, Dependency Injection and Route Guards

Introduction to Web Services and REST

Step 41 - What is a Web Service?

Step 42 - Important How Questions related to Web Services

Step 43 - Web Services - Key Terminology

Step 44 - Introduction to RESTful Web Services

Getting Up and Running with REST and Spring Boot

Step 45 - Initializing a RESTful Services Project with Spring Boot

Step 46 - Creating a Hello World Service

Step 47 - Enhancing the Hello World Service to return a Bean

Step 48 - Quick Review of Spring Boot Auto Configuration and Dispatcher Servlet - What's happening in the background?

Step 49 - Enhancing the Hello World Service with a Path Variable

[kamransaeb]

I always learn everything online, and dude this one was the best of them,
A very clean and straight forward tutorial explaining all you need to know to start with spring boot and angular with JWT authentication.
By the end of the 092 you mentioned that it took you a lot of effort and man I agree, you did a great job, thank you thank you

[davidwang]

Really good presentation! Well organized, practical, straightforward, clearly and concisely expressed. Strongly recommended!

[hippiestafarii]

Hello Rangas.
I have folow the entire udemy course and let me say here that i learn a lot.
Thank you for all the information and very good way to teach and explain things :-D

[iam_hindhu]

Excellent video. Very good explanation about each topic.

[beleteg]

The tutorial is only on Angular set up and its folders. that's it. nothing on Spring boot or fullstack ..., I wish you would be honest

[smileyakhi]

I listened ur video java full stack using angular video . It was awesome but I want the video using angular, spring boot and mysql. Example. Login page

[veeko]

watched this video awaiting promised full stack development with spring boot and angualr. not the case.

[deepshikhathakur]

Hello Sir..thanks for such an Awesome Videos..

[dishagupta]

Is this video the complete couse?
Because I can't find rest of the videos

[smileyakhi]

Sir can you make the video for login page using angular, spring boot and mysql.??

[rajeshshinde]

Can angular only be used with springBoot can it be used with spring mvc?

[cobar]

What versions of Angular, TypeScript and Spring Boot are used in this course?

[jamesnjuguna]

Hi, this is an humble request for access to this(Go Java Full Stack with Spring Boot and Angular) course. I'm a Kenyan student pursuing BSc in Business Computing at Jomo Kenyatta University of Agriculture and Technology. I'm really passionate in learning Angular and Spring Boot. I have good understanding of Spring Boot but very less of front-end with Angular. My only plea is for free access to your course because I have no means to fund purchasing it. I sincerely hope you can hear my plea. Thank you very much in advance.

[ipsitapattanaik]

I have successfully run the web page till end but after a day my local host is showing error -  refused to connect. Anyone please help ?

[BalMukundSingh]

I want to run angular as independent service so that i can hit to my REST APIs which is running independently.
Till now i have learnt Angular 7 with spring boot from Udemy lectures of yours. But now i want run angular front end as independent service .Is it possible??

[marius]

Which version of Java is used in this course?

[mreetunjaykumar]

which version of angular and spring boot you are using in this tutorial ?

[saratchandra]

so what is difference btw this video and udemy course sir

[Sonny]

Just when you hear, "Not writing a single lines of code" Or you can become a programmer in 6 months through this bootcamp, the real teachers(or at least who is trying to help you) will tell you that's a big NO NO(or a fabricated lie for some commercial reason). If you want to build some industry standard/useful/reusable app, you must learn how to CODE, or get inside some autogenerated thing, and CODE! And if you don't spend 2 years practicing code, or learning it. Good luck!

[TechVistaar]

Where's the spring in this video:(