In this course you will learn to develop fullstack applications using VueJS-3, Springboot-3, Bootstrap-5 and MySQL.
You will learn to troubleshoot and debug end to end and fix issue.
You will also get the complete source code.
Full-stack development with Vue.js and Spring Boot combines the robust backend capabilities of Spring Boot with the dynamic frontend features of Vue.js, offering a comprehensive solution for building modern, scalable web applications. Vue.js, a progressive JavaScript framework, simplifies the development of interactive user interfaces by enabling developers to create reusable components and efficiently manage state.
On the server side, Spring Boot provides a powerful and flexible Java-based framework for building RESTful APIs and handling backend logic. Its convention-over-configuration approach and seamless integration with various data sources make it an ideal choice for building scalable and maintainable server-side applications.
The integration of Vue.js and Spring Boot fosters a seamless flow of data between the frontend and backend, ensuring a responsive and efficient user experience. Vue.js allows developers to create dynamic views, while Spring Boot handles the server-side processing, resulting in a well-organized and modular codebase.
Moreover, the combination of these technologies facilitates rapid development and deployment cycles, making it easier for teams to iterate on features and respond to changing requirements. With Vue.js and Spring Boot, developers can leverage the strengths of both frameworks to create robust, scalable, and feature-rich web applications that meet the demands of modern software development.
Developing Springboot 3 based REST API
-
1Course Introduction
-
2Installing Nodejs and VS Code Editor
-
3Installing Vue CLI
-
4Creating new VueJS-3 app
-
5Run and access the app via browser
-
6Installing the npm dependencies
-
7Installing Java and IDE
-
8Installing Postman Tool
-
9Installing MySQL Database Server
-
10Creating SpringBoot project with required dependencies
Developing the VueJS-3 based Frontend & Integrating with Springboot REST API
-
11Importing Project to IDE and Setting JDK
-
12Adding H2 Database Spring Data JPA configuration
-
13Creating the JPA Entity class with different fields
-
14Creating the DTO class for presentation layer
-
157.0-Layered architecture and various packages
-
16Creating the Repository Interface
-
17Creating Controller class
-
18Developing POST API Endpoint
-
19Developing the GET All API endpoint
-
20Developing GET Detail API Endpoint
-
21Developing UPDATE API Endpoint
-
22Developing DELETE API and PathVariable VS RequestParam
-
23Return 204 as status code after deletion
-
24Developing PATCH API Endpoint
-
25Declaring the Service Layer Abstract Methods
-
26Adding Service Impl methods and Integration with Controller
-
27Saving the Data into the Database using Repository
-
28Getting All Data From the Database using Repository
-
29Get Detail from Database using Repository
-
30Full Update in Database using Repository
-
31Partial Update in Database using Repository
-
32Delete data from Database using Repository
-
33Implement Search functionality End to End
-
34Test CREATE and GET ALL API with POSTMAN Tool
-
35Setting Postman Variable and Testing GET Detail API
-
36Testing Search API
-
37Testing Full Update, Partial Update and Delete API
-
38Code Improvement to avoid returning null response
-
39Creating Converter to make code reusable
-
40Testing the complete functionality
-
41Create Database on MySQL DB Server
-
42Profiles in Springboot, Setup MySQL DB Profile
-
43Concept of Spring Profile
-
44Testing All APIs with MySQL Database
-
45Enabling CORS