Spring Boot 2 & React FullStack Development

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Bootstrap Application with Spring Initializr

Lecture 2: Project Walkthrough

Lecture 3: Starting The Server

Lecture 4: Defining The Main Model For Our Backend

Lecture 5: Creating Endpoint To Retrieve Students

Chapter 2: React Frontend

Lecture 1: Setting up React Frontend

Lecture 2: React App File Structure

Lecture 3: GET Request From Frontend to Backend

Lecture 4: Adding React State

Lecture 5: Antd (UI Framework)

Lecture 6: Antd Table Component

Lecture 7: Custom Container Component

Lecture 8: Avatar Component

Lecture 9: Loader / Spin Component

Lecture 10: Servlet Context Path

Chapter 3: Database & Docker

Lecture 1: Intro to Docker

Lecture 2: Docker and Postgres

Lecture 3: Bash into Postgres Container & PSQL

Lecture 4: Create database with PSQL

Lecture 5: Create Hikari Datasource

Lecture 6: Flyway and Migrations (CREATE TABLE …)

Lecture 7: Describing Tables with PSQL

Lecture 8: Start and Stop Docker Containers

Chapter 4: N Tier Architecture & Dependency Injection

Lecture 1: Service Layer

Lecture 2: Data Access Layer

Chapter 5: JDBC Template

Lecture 1: JDBC Template & Result Sets

Lecture 2: SELECT Statement

Lecture 3: Row Mappers

Lecture 4: Refactor Row Mappers

Lecture 5: Adding Students to Database

Chapter 6: Submitting and Handling Form Requests

Lecture 1: Adding Footer

Lecture 2: Modals

Lecture 3: Forms With Formik

Lecture 4: Adding Form Text Fields

Lecture 5: Form Validation

Lecture 6: Styling Validation Errors

Lecture 7: Handle On Submit

Lecture 8: POST Mapping (Server Side)

Lecture 9: Client Side POST

Lecture 10: Submitting Form to Backend

Lecture 11: Service for Adding New Students

Lecture 12: SQL Insert

Lecture 13: Testing For Submission End to End

Lecture 14: On Form Success & Stateless Component

Chapter 7: Error Handling

Lecture 1: Exceptions and Error Handling

Lecture 2: Handle Errors with Promise

Lecture 3: Catching Errors with Promise

Lecture 4: Notifications Errors

Lecture 5: Adding Footer When No Students

Lecture 6: Custom Exceptions and Exception Handlers

Lecture 7: Sending Empty Object to Server

Lecture 8: Java Bean Validation

Chapter 8: Exercise 1

Lecture 1: Exercise 1

Lecture 2: Exercise 1 Solution + Unit Tests

Lecture 3: Exercise 2

Lecture 4: Exercise 2 Solution

Chapter 9: Managing Databases Schemas With Flyway

Lecture 1: Flyway

Lecture 2: How Migrations Work

Lecture 3: Creating and Running Migrations

Lecture 4: Exercise – Set Not Null Constraints

Lecture 5: Exercise – Set Not Null Constraints Solution

Lecture 6: Postgres Enums

Lecture 7: Dropping Constraints (Solution)

Lecture 8: PostgreSQL Casting

Chapter 10: PostgreSQL Joins and Link Tables

Lecture 1: Joins Intro and Generate UUIDs

Lecture 2: Insert Course Record

Lecture 3: Insert Into Link Tables

Lecture 4: Join With 1 Table

Lecture 5: Join with 2 Tables

Chapter 11: Exercise 2

Lecture 1: Exercise

Lecture 2: Defining The Model

Lecture 3: Defining Rest Endpoint

Lecture 4: Solution

Chapter 12: Packaging FullStack Application For Deployment

Lecture 1: Cloning Repo and Run Application

Lecture 2: Local vs Test Build

Lecture 3: Maven Front End Plugin

Lecture 4: Maven Lifecycle

Lecture 5: Serving React Frontend as Static Content

Lecture 6: Create Builds With Maven Profiles

Lecture 7: Running the .jar File

Lecture 8: Fixing a Small Bug With Build Process

Lecture 9: Repository with automated build

Chapter 13: Deployment With AWS Elastic Beanstalk

Lecture 1: Intro to AWS Elastic Beanstalk

Lecture 2: Creating Database using AWS RDS

Lecture 3: Spring Profiles

Lecture 4: Setting RDS DB Connection In Property File

Lecture 5: Modify Build to Select Demo Profile