← Back to Spring Boot Tutorial

In this article, I am going to tell you the roadmap for Angular + Spring Boot Full-Stack Development.

Basically, I am going to suggest to you what are the tools and technologies that you need to learn to work on Angular Spring Boot Full-Stack web application development.

YouTube Video

I have explained Angular + Spring Boot Full-Stack Development RoadMap in detail in the below YouTube video. I highly recommend you to watch this video to understand better:

Angular + Spring Boot Full-Stack Development Roadmap Diagram

The below diagram shows the complete Angular Spring boot full-stack developer road map or learning path.

To keep it simple, I will divide this topic into three sections:

Frontend Angular App Development
Backend Spring boot App Development
Deployment

Let's first discuss tools and technologies required to work on frontend Angular web application development and then later we will move to backend Spring boot development and deployment.

1. Frontend Angular App Development

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your applications.

HTML, CSS and TypeScript

Before learning the Angular framework, you should learn web fundamentals such as HTML, CSS, and TypeScript so make sure that you should have good knowledge of these web technologies.

HTML is used to develop web pages
CSS is used to style HTML web pages
TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

You need to learn TypeScript because the Angular framework was built using TypeScript.

Learn Angular Fundamentals

Once you are familiar with web fundamentals like HTML, CSS, and TypeScript then start learning Angular fundamentals. Here are the topics you can check out:

Learn Angular Modules

Once you will learn the Angular fundamentals then check out the below-advanced topics:

State Management

NgRX store

Routing

Angular Routing module

HTTP Client

Angular has its own HTTP client to make HTTP request - Angular HTTP Client

Forms

Angular Reactive forms
Angular Template-driven forms

Animations

Angular Animations Module

UI Libraries

For styling web pages, you can use below UI popular libraries:

- Angular Material UI

- Bootstrap CSS

NodeJs and NPM

Node.js is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser.

You need NPM which is a package manager to install JavaScript packages or libraries.

IDE for Frontend App Development

For frontend application development, I highly recommend using Visual Studio Code IDE.

Visual Studio Code is one of the best and most demanding IDE in the Market. It is made by Microsoft Team which supports Windows, Linux, Mac Operating System.

Due to its awesome features like syntax highlighter, Emmet Abbreviation, useful extensions, snippets, code refactoring, and user-friendly environment, it is the most used IDE near about 14 Million people daily use VS code.

2. Spring Boot Backend Development

Core Java

Core Java is a base for all the Java EE frameworks and technologies so make sure that you have a good foundation in core java.

You can learn and master core Java at Java Tutorial | Learn Java Programming with Examples

Spring Framework Core

Spring framework makes Java EE development easier. Spring framework is a must-learn skill for Java EE developers.

Learn Spring core concepts such as ID, IOC, AOP, Spring beans, Configuration styles (annotation-based configuration and Java-based configuration).

Spring Boot

Spring Boot is basically an extension of the Spring framework which eliminated the boilerplate configurations required for setting up a Spring application.

Spring Boot is an opinionated framework that helps developers build Spring-based applications quickly and easily. The main goal of Spring Boot is to quickly create Spring-based applications without requiring developers to write the same boilerplate configuration again and again.

Spring boot is one of the essential skills for Java EE developers right now.

Learn Spring boot at https://www.javaguides.net/p/spring-boot-tutorial.html.

Hibernate Framework

As a Java EE programmer, you must learn the Hibernate framework to develop the DAO layer.

Hibernate is a java based ORM tool that provides a framework for mapping application domain objects to the relational database tables and vice versa.

Hibernate is probably the most popular JPA implementation and one of the most popular Java frameworks in general. Hibernate acts as an additional layer on top of JDBC and enables you to implement a database-independent persistence layer. It provides an object-relational mapping implementation that maps your database records to Java objects and generates the required SQL statements to replicate all operations to the database.

Learn Hibernate at https://www.javaguides.net/p/hibernate-tutorial.html.

Spring Security

Spring security is one of the popular frameworks out there for implementing Authentication and Authorization features. To secure REST APIs and web applications, I suggest you use Spring security in the Java community.

Learn Spring security at https://www.javaguides.net/p/spring-security-tutorial.html

IDE for Backend Development

Eclipse and IntelliJ IDEA are two popular IDE's for Java backend development so you can use either one to develop a backend Java application.

Build Tools for Backend Development

Apache Maven and Gradle are two popular build and dependency management tools for Java application development so you can use either one as a build tool for backend Java applications.

Knowledge of Databases

As a full-stack Java developer, you should have good knowledge of databases.

Here are the commonly used relational databases and No SQL databases:

RDBMS:

MySQL
PostgreSQL
MS-SQL server
Oracle

No SQL Databases:

MongoDB
CouchDB
Elastic Search

Git - Version Control System

Git is a very popular version control system. Git is a free and open-source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

Almost every IT organizations prefer using Git as a version control system for their projects.

3. Deployment

For deploying full-stack projects, I am going to suggest using AWS or Heroku.

I have used AWS or Heroku a lot to deploy frontend apps, backend apps, and full-stack apps so I can suggest using these popular cloud services to deploy your full-stack application.

You can also check other popular cloud services for deployment such as Azure, Google Cloud, etc.