Spring Boot And Angular Material Full Stack Development

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: SpringBoot Layer Architecture

Lecture 3: Create Spring Project

Lecture 4: Open the SpringBoot Project

Lecture 5: Spring Boot Folder and Files

Lecture 6: Add New Dependencies

Lecture 7: Spring Database Configuration

Lecture 8: Run the Spring Boot App

Lecture 9: Create Controller

Lecture 10: Create Method

Lecture 11: Test API via Postman

Lecture 12: Create Different Method

Lecture 13: Function Return

Chapter 2: Spring Crud Application Step by Step

Lecture 1: Create Spring Crud Project

Lecture 2: Open the Project on IntelliJ IDEA

Lecture 3: Package Creation

Lecture 4: Database Creation

Lecture 5: Run the Project

Lecture 6: DTO Creation

Lecture 7: Classes and Interface Creation

Lecture 8: Add Records Part 1

Lecture 9: Add Record Part 2

Lecture 10: View Records

Lecture 11: Update Records

Lecture 12: Delete Records

Lecture 13: Find the Record by Student ID

Lecture 14: Modelmapper

Lecture 15: Find Records by ID using ModelMapper

Lecture 16: View Records using ModelMapper

Lecture 17: Find Records by Name using ModelMapper

Chapter 3: Angular

Lecture 1: Install Node JS

Lecture 2: Install Angular

Lecture 3: Open the Poject into VSCode Editor

Lecture 4: Run Angular

Lecture 5: Basic Html Css using Angular

Lecture 6: Html Css using Angular Part 2

Lecture 7: Install Angular Material

Lecture 8: Angular Material Button

Lecture 9: Angular Card part 1

Lecture 10: Angular Card part 2

Chapter 4: Angular Material Design Projects

Lecture 1: Create New Project

Lecture 2: Install Angular Material UI

Lecture 3: Create a New Component

Lecture 4: Add Modules

Lecture 5: Design the Form Material Design

Lecture 6: ADD CSS Styles

Lecture 7: Implement the Logic Add Two Numbers

Lecture 8: Student Grade Calculation

Chapter 5: Student Application Project Connect Spring Boot with Angular Material UI

Lecture 1: Create the New Components

Lecture 2: Nav Bar

Lecture 3: Apply Css Styles

Lecture 4: Form Design Part 1

Lecture 5: Form Design Part 2

Lecture 6: Table Design Part 1

Lecture 7: Table Design Part 2

Lecture 8: View the Data to the Table

Lecture 9: Save Data using API

Lecture 10: Update Data Part 1

Lecture 11: Update Data Part 2

Lecture 12: Update Data Part 3

Lecture 13: Delete Data

Lecture 14: Change the Colorful Alert Boxes

Lecture 15: Clear Form

Chapter 6: Todo App

Lecture 1: TodoApp Introduction

Lecture 2: Create New Todo App

Lecture 3: TodoApp Open IntelliJ IDEA

Lecture 4: Run Todo App

Lecture 5: Todo App Create Packages

Lecture 6: Create Employee Class Entity

Lecture 7: Create DTO Employee

Lecture 8: Create Classes and Interface

Lecture 9: Configure the Database Connection

Lecture 10: Employee Save Data Part 1

Lecture 11: Employee Save Data Part 2

Lecture 12: Employee Save Data Part 3

Lecture 13: Employee View Data

Lecture 14: Employee Update Data

Lecture 15: Delete Employee

Lecture 16: Task Entity

Lecture 17: Employee and Task Make a Relationship

Lecture 18: Create Classes and Interfaces of Task

Lecture 19: Task Add Data Part 1

Lecture 20: Task Add Data Part 2

Lecture 21: Task Add Data Part 3

Lecture 22: View Task Data

Lecture 23: Update Task Data

Lecture 24: Delete Task

Chapter 7: Angular FrontEnd Todo

Lecture 1: Install Angullar 17

Lecture 2: Todo Run Angullar App

Lecture 3: Todo App Create Components

Lecture 4: Install Angular Material

Lecture 5: Nav Bar Section Part 1

Lecture 6: Nav Bar Section Part 2