Become a Full Stack Java Developer. Build Your First Java Full Stack Application with Angular and Spring Boot.
What you'll learn
·
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
·
You will learn to connect REST API to JPA/Hibernate with Spring
Boot
·
You will understand the best practices in designing RESTful web
services
·
You will learn to use a wide variety of Spring Boot Starter
Projects - Spring Boot Web, and Spring Boot Data JPA
·
You will learn the magic of Spring Boot - Auto Configuration,
Spring Initializr and Starter Projects
·
You will develop a Todo Management Full Stack Application step
by step with login and logout functionalities
·
You will understand how to make best use of Spring Boot Actuator
and Spring Boot Developer Tools
·
You will learn to secure RESTful API with Spring Boot and Spring
Security
- You have an attitude to learn
while having fun :)
- You have some programming
experience with JavaScript, Java and Spring.
- We will help you learn the
basics of Modern JavaScript, TypeScript, Spring Boot and JPA
- We will help you install
Chrome, Eclipse, Visual Studio Code and Node JS (for npm)
·
Welcome to this Amazing Course on Full
Stack Web Development with Angular and Spring Boot. This course is designed
to be a Perfect First Step as an Introduction to Angular and Full Stack
Development for Java & Spring Developers.
Zero Experience with Angular, TypeScript
(AND/OR) Modern JavaScript? No
Problem. Start Learning Now!
WHAT OUR LEARNERS ARE SAYING:
5 STARS - This is the perfect course for Java
developers to use to get familiar with Angular and do
it beyond just an elementary kind of familiarity. Very good job,
instructor. Thank you!
5 STARS - Yes the Journey was Amazing, the
Tutor is Awesome. Not a single doubt & error i faced while following
Step-by-Step videos. I would suggest this course to all those who really want
to Learn Spring Boot + Angular. The Explanation was clear and systematic. I
would like to thank Mr. Rangakaran as he is the best Tutor... :)
5 STARS - Wonderful course with
practical content taught in a very
intuitive way; building from lesson to lesson. As a web application developer
with some experience in both Spring Boot and Angular, this course was perfect
when providing a clear way use both technologies together. I really appreciate
this instructor, and look forward to more courses.
5 STARS - Video explanations clear and easy to
follow. Recommended!
5 STARS - Very good course. The instructor is
very knowledgeable about the material and walks you through it in a
clear way. Good start to learning about Full Stack development.
5 STARS - Awesome explanation, great course specially for Java developer
who wants to groom herself/himself to full stack java development using Spring
boot and Angular.
COURSE OVERVIEW
Developing your first full stack web
application with Angular and Spring Boot is fun.
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 build the
Todo Management Application step by step - in more than 100
steps.
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.
Angular is a complete front end
framework with a wide range of features. Spring Boot is an awesome
framework to build RESTful API and Microservices. Let's
combine these frameworks and create an awesome full stack web
application.
COURSE HIGHLIGHTS
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
generate
Step21 - 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
Implementing Spring Security with Basic
Authentication
Step71 - Overview of Security with Basic Auth
and JWT
Step72 - Setting up Spring Security
Step73 - Configure standard userid and
password
Step74 - Enhancing Angular Welcome Data
Service to use Basic Auth
Step75 - Configure Spring Security to disable
CSRF and enable OPTION Requests
Step76 - Creating Angular HttpInterceptor to
add Basic Auth Header
Step77 - Configure HttpInterceptor as Provider
in App Module
Step78 - Create Basic Authentication RESTful
Service in Spring Boot
Step79 - Create Angular Basic Authentication
Service
Step80 - Connect Login Page to Basic
Authentication Service - Part 1
Step81 - Connect Login Page to Basic
Authentication Service - Part 2
Step82 - Refactoring Angular Basic
Authentication Service
Step83 - Refactoring HttpInterceptor to use
Basic Authentication Token
Step84 - Best Practice - Use Constants for
URLs and Tokens
Connecting Spring Security with JWT
Step85 - Introduction to JWT
Step86 - Importing JWT Framework into Eclipse
Step87 - Quick Tip - Resolving JWT Compilation
Errors
Step88 - Executing JWT Resources - Get Token
and Refresh Token
Step89 - Understanding JWT Spring Security
Framework Setup
Step90 - Creating a New User with Encoded
Password
Step91 - Using JWT Token in Angular Frontend
Connecting REST API With JPA and Hibernate
Step92 - Setting up Todo Entity and Populating
Data
Step93 - Connecting GET REST APIs to JPA
Repository
Step94 - Connecting POST, PUT and DELETE REST APIs to JPA Repository
Start Learning Now. Hit the Enroll
Button!
Who this course is
for:
·
You want to develop your first full stack application with
Angular and Spring Boot
·
You are a Java Developer aiming to get started with Full Stack
Development with Angular and Spring Boot
·
You are a Spring Boot Developer looking to Build a Full Stack
Application with Angular
·
You want to learn the fundamental building blocks of Angular
Frontend Framework
·
You want to learn to build basic RESTful API and Services with
Spring Boot Framework
·
You want to learn how to Secure REST API with Spring Boot and
Spring Security with Basic Authentication and JWT
0 Comments