Java Full Stack Improvement with Spring Boot and Angular

by    SEO   Friday, November 16th, 2018

Java Full stack application with Angular and Spring Boot. Complete Course with 100 Steps ►

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


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