Full StackIntermediate

Java Full Stack

React · Spring Boot 3 · PostgreSQL

Master enterprise Java development — React frontends on Tailwind, Spring Boot 3 REST APIs, PostgreSQL with JPA, Spring Security with JWT, and full project deployment.

20 modules90-hr track80% hands-on2 projects
Curriculum

20 modules, 90 hrs of hands-on learning

Every module pairs a focused topic with a guided practical exercise — learn it, build it, then practice it on the Atom Code portal in the same session.

Module 01 · 3.5 hrs

Start here

Introduction & Setup

Overview of full stack development. Setup Node.js, NPM and Git.

Module 02 · 5 hrs

Hands-on session

HTML & CSS Basics

Refresher on HTML5, CSS3 and responsive design.

Module 03 · 4.5 hrs

Hands-on session

JavaScript (ES6+) Fundamentals

Advanced JavaScript concepts like arrow functions, promises, spread operators, async/await.

Module 04 · 2.5 hrs

Hands-on session

React.js Setup

Introduction to React. Setting up a React project using Vite.

Module 05 · 5.5 hrs

Hands-on session

React Components & State Management

Understanding component architecture, props, state and events in React.

Module 06 · 3.5 hrs

Hands-on session

React Hooks

Understanding and implementing important React hooks like useState, useEffect, useRef, useContext.

Module 07 · 3.5 hrs

Hands-on session

Tailwind CSS

Implementing beautiful React components with Tailwind CSS.

Module 08 · 3.5 hrs

Hands-on session

React Routing

Implementing routing in React using React Router.

Module 09 · 2.5 hrs

Hands-on session

Spring Boot Setup

Overview of Spring Framework. Setting up Spring Boot 3 with Maven.

Module 10 · 5 hrs

Hands-on session

MVC & Annotations

Introduction to Model, Controller, Repository and annotations.

Module 11 · 5 hrs

Hands-on session

Building a RESTful API

Creating RESTful APIs using Spring Boot 3.

Module 12 · 5.5 hrs

Hands-on session

Database Integration with Spring Boot

Introduction to relational databases. Setting up and connecting PostgreSQL with Spring Boot using JPA.

Module 13 · 4.5 hrs

Hands-on session

Spring Boot Security

Implementing security with Spring Security and JWT for authentication.

Module 14 · 6.5 hrs

Hands-on session

React & API Integration

Fetching data from Spring Boot APIs using Axios/Fetch API in React.

Module 15 · 5.5 hrs

Hands-on session

React Forms & State Handling

Creating and handling forms in React.

Module 16 · 4 hrs

Hands-on session

Frontend Global State Management

Introduction to Redux Toolkit, Context API and its integration with React.

Module 17 · 3.5 hrs

Hands-on session

Testing REST APIs

Introduction to API testing using Postman / Insomnia / Thunder Client.

Module 18 · 7 hrs

Hands-on session

Project Integration & Final Testing

Final integration of frontend and backend, and testing all functionalities.

Module 19 · 4.5 hrs

Hands-on session

Project Deployment

Frontend deployment with Vercel / Netlify, backend deployment with Render Cloud, DB with NEON.

Module 20 · 5 hrs

Hands-on session

Project Presentation & Wrap-up

Review of key concepts. Participants present their projects.

More in Full Stack

View all