UDEMY
UDEMY Logo

Go Java Full Stack with Spring Boot and Angular 

  • Offered byUDEMY

Go Java Full Stack with Spring Boot and Angular
 at 
UDEMY 
Overview

Build Your First Java Full Stack Application with Angular and Spring Boot

Duration

14 hours

Total fee

2,299

Mode of learning

Online

Credential

Certificate

Go Java Full Stack with Spring Boot and Angular
Table of content
Accordion Icon V3

Go Java Full Stack with Spring Boot and Angular
 at 
UDEMY 
Highlights

  • Earn a certificate upon completion
  • 30-Day Money-Back Guarantee
  • Get Full lifetime access
Details Icon

Go Java Full Stack with Spring Boot and Angular
 at 
UDEMY 
Course details

What are the course deliverables?
  • You will Develop Your First FULL STACK Application with Angular and Spring Boot
  • You will learn the Basics of Building AWESOME Frontend Applications with Angular
  • You will be introduced to Building Great RESTful APIs with Spring Boot
  • You will Learn to use Spring Security to configure Basic Authentication and JWT
  • You will learn to Solve the Challenges of Connecting an Angular Frontend to a RESTful API
  • You will learn the basics of Angular - Angular Modules, Components, Data Binding and Routing
More about this course
  • This course is designed to be a Perfect First Step as an Introduction to Angular and Full Stack Development for Java & Spring Developers
  • In this course, you will learn the basics of full stack web development developing a Basic Todo Management Application using Angular, Spring Boot, and Spring Security Frameworks
  • 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

Go Java Full Stack with Spring Boot and Angular
 at 
UDEMY 
Curriculum

Overview

Step01 - Understanding Full Stack Application Architecture

Step02 - Quick Overview of Modern JavaScript and TypeScript

Step03 - Installing Angular CLI - Awesome Tool to create Angular Projects

Step04 - Creating and Launching Angular Application with Angular CLI

Step05 - Importing Angular App into Visual Studio Code

Step06 - Exploring Angular CLI Commands - test, lint, e2e, serve, build

Step07 - Exploring Angular CLI Project Structure

Getting Hands on With Angular

Step08 - Introduction to Angular Components - Basics

Step09 - Introduction to Angular Components - Playing with AppComponent

Step10 - Generating Welcome Component with ng generate

Step11 - Language Variations With an Example - Java, JavaScript and TypeScript

Step12 - Generating and Setting up Login Component

Step13 - Understanding Event Binding - Adding click event on Login Page

Step14 - Using ngModel with 2 Way Data Binding in Login Page

Step15 - Quick Review of Data Binding Approaches

Step16 - Adding Hardcoded Authentication to Logic Component - ngIf directive

Step17 - Implementing Routes for Login, Welcome and Error Components

Step18 - Implementing Routing from Login to Welcome Component

Step19 - Adding Route Parameter for Welcome Component

Step20 - Create List Todos Component with ng generateStep21 - Create a Link to Todos in Welcome Component

Step22 - Best Practice - Create a Todo Class

Step23 - Quick Introduction to Angular Modules

Step24 - Understanding Bootstrapping of Angular App with Root Module and Component

Step25 - Quick Review - Angular Modules and Components

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

Step27 - Adding Bootstrap Framework and Creating Components for Menu and Footer

Step28 - Using Bootstrap to Create a Menu with Navigation Links

Step29 - Styling Footer and Other Components with CSS and Bootstrap

Step30 - Good Practice - Use RouterLink instead of href for Routes

Step31 - Creating an Independent Authentication Service Component

Step32 - Using Session Storage to Store User Authentication Token

Step33 - Enabling Menu Links Based on User Authentication Token

Step34 - Implementing Logout to remove User Authentication Token

Step35 - Securing Components using Route Guards - Part 1

Step36 - Securing Components using Route Guards - Part 2

Step37 - Quick Review - Authentication Service, Dependency Injection and Route Guards

Introduction to Web Services and REST

Step41 - What is a Web Service?

Step42 - Important How Questions related to Web Services

Step43 - Web Services - Key Terminology

Step44 - Introduction to RESTful Web Services

Getting Up and Running with REST and Spring Boot

Step45 - Initializing a RESTful Services Project with Spring Boot

Step46 - Creating a Hello World Service

Step47 - Enhancing the Hello World Service to return a Bean

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

Step49 - Enhancing the Hello World Service with a Path Variable

Connecting Angular Frontend to Spring Boot Restful Services

Step50 - Connecting Angular Frontend with Restful API - 1 - Creating Data Service

Step51 - Connecting Angular Frontend with Restful API - 2 - HttpClientModule and HttpClient

Step52 - Connecting Angular Frontend with Restful API - 3 - Understanding Observable

Step53 - Connecting Angular Frontend with Restful API - 4 - Understanding Subscribe

Step54 - Connecting Angular Frontend with Restful API - 5 - Handling Error Responses

Step55 - Calling Welcome HTTP Service with Path Variables

Step56 - Designing RESTful Services for Todo Resource

Step57 - Creating REST API for retrieving Todo List

Step58 - Connecting Angular Frontend with Todo List RESTful Service

Step59 - Creating REST API to delete a Todo - DELETE Request Method

Step60 - Adding Delete Todo Feature to Angular Frontend

Step61 - Creating Todo Component and Handle Routing

Step62 - Designing Todo Page with Bootstrap Framework

Step63 - Creating Retrieve Tod0 Service and Connect Angular Frontend

Step64 - Improve Todo Page Appearance

Step65 - Creating REST API for Updating Todo - PUT Request Method

Step66 - Creating REST API for Creating a Todo - POST Request Method

Step67 - Implementing Update Todo Feature in Angular Frontend

Step68 - Implementing New Todo Feature in Angular Frontend

Step69 - Improving Todo Form - Validation and Form Submit on Enter - ngSubmit

Step70 - Enhancing Validation Messages on Todo Page

Other courses offered by UDEMY

549
50 hours
– / –
3 K
10 hours
– / –
399
19 hours
– / –
549
4 hours
– / –
View Other 2375 CoursesRight Arrow Icon
qna

Go Java Full Stack with Spring Boot and Angular
 at 
UDEMY 

Student Forum

chatAnything you would want to ask experts?
Write here...

Go Java Full Stack with Spring Boot and Angular
 at 
UDEMY 
 
News & Updates

Popular
Nupur Jain · Nov 6, 2025
2.6K views · 1 comment
Article