Become Fullstack Developer with NextJS SpringBoot Tailwind

Course Curriculum

Chapter 1: Introduction, Installation and Setup

Lecture 1: Course Introduction

Lecture 2: About your Instructor

Lecture 3: Overview Of Tailwind CSS and How it Differs from Bootstrap

Lecture 4: Installing and Setup for Development Environment

Chapter 2: Master Tailwind CSS with Practical Handson Examples

Lecture 1: Overview Of Tailwind CSS and How it Differs from Bootstrap

Lecture 2: Setting Up Tailwind CSS the Right Way

Lecture 3: How to explore the documentation

Lecture 4: Project-1 Align Element at center of the page

Lecture 5: Project-2 Utility First by Creating a Card Component

Lecture 6: Project-3 Hover Focus And Other states by creating a custom Button

Lecture 7: Concept of Responsive Design in Tailwind

Lecture 8: Practicals to understand Responsive Design concept for different devices

Lecture 9: Project-4 Designing Responsive Card – Part-1

Lecture 10: Project-4 Designing Responsive Card – Part-2

Lecture 11: Project-4 Designing Responsive Card – Part-3

Lecture 12: Variable Styling in Tailwind

Lecture 13: Animations Transitions and Translate in Tailwind

Lecture 14: Responsive Row Column Layout – Part-1

Lecture 15: Responsive Row Column Layout – Part-2

Lecture 16: Responsive Navbar – Part-1

Lecture 17: Responsive Navbar – Part-2

Lecture 18: Responsive Navbar – Part-3

Lecture 19: Free Tailwind UI Components

Chapter 3: Fullstack Development with NextJS14 Tailwind CSS and MongoDB with Mongoose

Lecture 1: Creating new next app

Lecture 2: Folder structure and working of Next app

Lecture 3: Installing MongoDB database and creating database

Lecture 4: Installing npm dependencies

Lecture 5: Creating NavBar component

Lecture 6: Styling the navigation bar with tailwind css

Lecture 7: Create the Item List component

Lecture 8: Styling the ItemList component – Part-1

Lecture 9: Styling the Delete Item button

Lecture 10: Styling the ItemList component – Part-2

Lecture 11: Create Add New Item Page

Lecture 12: Styling the Add Item page

Lecture 13: Creating Edit Item dynamic page

Lecture 14: Creating and Styling the Edit Item component

Lecture 15: Establishing connection with mongodb

Lecture 16: Create new mongoose schema for Item model

Lecture 17: POST API to create new item and save it into database

Lecture 18: GET API to fetch all items created so far

Lecture 19: DELETE an item with provided id as url search param

Lecture 20: PUT update an item with dynamic id passed in url path

Lecture 21: GET details of one item with matching id

Lecture 22: Call getAll Items API from Frontend

Lecture 23: Displaying the data from API on UI

Lecture 24: Testing the Item List functionality and Verifying Server Side Rendering for SEO

Lecture 25: Adding state variables and submit handler to Add Item component

Lecture 26: Integrating Create Item API with frontend, routing to home on success and test

Lecture 27: Integrating Delete item with backend and testing the functionality

Lecture 28: Getting the Item ID inside the Edit Page via the dynamic route params

Lecture 29: Getting Item Detail from API and passing it to Edit Item Component

Lecture 30: Binding the state variables to the form

Lecture 31: Calling Update Item API and test the functionality

Chapter 4: Developing SpringBoot 3, Java 17, MySQL based REST API's

Lecture 1: Installing Java and IDE

Lecture 2: Installing Postman Tool

Lecture 3: Installing MySQL Database Server

Lecture 4: Creating SpringBoot project with required dependencies

Lecture 5: Importing Project to IDE and Setting JDK

Lecture 6: Adding H2 Database Spring Data JPA configuration

Lecture 7: Creating the JPA Entity class with different fields

Lecture 8: Creating the DTO class for presentation layer

Lecture 9: Layered architecture and various packages

Lecture 10: Creating the Repository Interface

Lecture 11: Creating Controller class

Lecture 12: Developing POST API Endpoint

Lecture 13: Developing the GET All API endpoint

Lecture 14: Developing GET Detail API Endpoint

Lecture 15: Developing UPDATE API Endpoint

Lecture 16: Developing DELETE API and PathVariable VS RequestParam

Lecture 17: Return 204 as status code after deletion

Lecture 18: Developing PATCH API Endpoint

Lecture 19: Declaring the Service Layer Abstract Methods

Lecture 20: Adding Service Impl methods and Integration with Controller

Lecture 21: Saving the Data into the Database using Repository

Lecture 22: Getting All Data From the Database using Repository

Lecture 23: Get Detail from Database using Repository

Lecture 24: Full Update in Database using Repository

Lecture 25: Partial Update in Database using Repository

Lecture 26: Delete data from Database using Repository

Lecture 27: Implement Search functionality End to End

Lecture 28: Test CREATE and GET ALL API with POSTMAN Tool

Lecture 29: Setting Postman Variable and Testing GET Detail API

Lecture 30: Testing Search API

Lecture 31: Testing Full Update, Partial Update and Delete API

Lecture 32: Code Improvement to avoid returning null response

Lecture 33: Creating Converter to make code reusable

Lecture 34: Testing the complete functionality

Lecture 35: Create Database on MySQL DB Server

Lecture 36: Profiles in Springboot, Setup MySQL DB Profile

Lecture 37: Concept of Spring Profile

Lecture 38: Testing All APIs with MySQL Database

Lecture 39: Enabling CORS

Chapter 5: Fullstack Development with NextJS14 Tailwind CSS and Springboot3 with MySQL DB

Lecture 1: Recap of NextJS Crud and futher Developing Springboot API

Lecture 2: Recap of what has been developed so far