[New] Java Full Stack- React and Spring Boot 3 [Expense App]

[New] Java Full Stack: React and Spring Boot 3 [Expense App], available at $54.99, has an average rating of 5, with 298 lectures, 1 quizzes, based on 1 reviews, and has 37 subscribers.

You will learn about API Development: Learn how to create RESTful APIs using Spring Boot React Essentials: Components, Props, States, Hooks etc Securing the REST APIs with the help of Spring Security Learn how to authenticate the API request with JWT token Learn How to connect Spring Boot Application to MySQL database. Learn How to deploy Spring Boot Application to Production Server Learn How to Consume the REST APIs in React Learn How to Create Custom Hooks in React Learn How to Create Form with Formik in React Learn How to Validate the Form with Yup in React Learn How to Create React Context and Share the State globally This course is ideal for individuals who are Aspiring Developers: Those looking to start a career in web development. or Experienced Programmers: Developers seeking to enhance their full-stack development skills. or Tech Enthusiasts: Anyone interested in learning how to build real-world applications using modern technologies. It is particularly useful for Aspiring Developers: Those looking to start a career in web development. or Experienced Programmers: Developers seeking to enhance their full-stack development skills. or Tech Enthusiasts: Anyone interested in learning how to build real-world applications using modern technologies.

Enroll now: [New] Java Full Stack: React and Spring Boot 3 [Expense App]

Summary

Title: [New] Java Full Stack: React and Spring Boot 3 [Expense App]

Price: $54.99

Average Rating: 5

Number of Lectures: 298

Number of Quizzes: 1

Number of Published Lectures: 298

Number of Published Quizzes: 1

Number of Curriculum Items: 303

Number of Published Curriculum Objects: 303

Original Price: ?1,499

Quality Status: approved

Status: Live

What You Will Learn

API Development: Learn how to create RESTful APIs using Spring Boot

React Essentials: Components, Props, States, Hooks etc

Securing the REST APIs with the help of Spring Security

Learn how to authenticate the API request with JWT token

Learn How to connect Spring Boot Application to MySQL database.

Learn How to deploy Spring Boot Application to Production Server

Learn How to Consume the REST APIs in React

Learn How to Create Custom Hooks in React

Learn How to Create Form with Formik in React

Learn How to Validate the Form with Yup in React

Learn How to Create React Context and Share the State globally

Who Should Attend

Aspiring Developers: Those looking to start a career in web development.

Experienced Programmers: Developers seeking to enhance their full-stack development skills.

Tech Enthusiasts: Anyone interested in learning how to build real-world applications using modern technologies.

Target Audiences

Aspiring Developers: Those looking to start a career in web development.

Experienced Programmers: Developers seeking to enhance their full-stack development skills.

Tech Enthusiasts: Anyone interested in learning how to build real-world applications using modern technologies.

Welcome to “Java Full Stack: React and Spring Boot 3 [Expense App]”! This comprehensive course is designed to take you from a beginner to an advanced level in full-stack development using Spring Boot and React. Whether you are an aspiring developer or an experienced programmer looking to enhance your skills, this course will provide you with the knowledge and hands-on experience needed to build robust and scalable web applications.

What You Will Learn:

Spring Boot Fundamentals: Understand the core concepts of Spring Boot, including dependency injection, Spring Boot starters, and Spring Boot Actuator.

React Essentials: Master the basics of React, including components, state, props, and the component lifecycle.

API Development: Learn how to create RESTful APIs using Spring Boot and connect them to your React frontend.

Database Integration: Implement CRUD operations with a MySQL database and use JPA/Hibernate for database interactions.

Real-Time Data Handling: Integrate WebSockets to handle real-time data updates in your application.

Authentication & Security: Implement secure authentication and authorization using Spring Security and JWT.

Expense Manager Project: Apply your knowledge to build a fully functional Expense Manager application, handling real-time expense tracking and reporting.

Course Highlights:

Hands-On Learning: Engage in practical exercises and projects that reinforce theoretical concepts.

Step-by-Step Guidance: Follow along with detailed, easy-to-understand instructions and explanations.

Source Code Access: Get full access to the source code for all projects and exercises.

Industry Best Practices: Learn to apply industry best practices for coding, testing, and deployment.

Community Support: Join a community of like-minded learners to collaborate and share knowledge.

Who Should Enroll:

Aspiring Developers: Those looking to start a career in web development.

Experienced Programmers: Developers seeking to enhance their full-stack development skills.

Tech Enthusiasts: Anyone interested in learning how to build real-world applications using modern technologies.

Prerequisites:

Basic Programming Knowledge: Familiarity with JavaScript and Java is recommended.

Development Environment: Access to a computer with internet connectivity.

Join Us:

Take the next step in your development career by enrolling in “Java Full Stack: React and Spring Boot 3 [Expense App]”. Equip yourself with the skills needed to build sophisticated web applications and stand out in the competitive tech landscape. Enroll now and start your journey towards becoming a full-stack developer!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Project Walkthrough

Lecture 2: Heads up

Chapter 2: Setup the Development Environment

Lecture 1: Install Required Softwares [Part 01]

Lecture 2: Install Required Softwares [Part 02]

Lecture 3: Install Required Plugins in Visual Studio Code

Chapter 3: Typescript Fundamentals

Lecture 1: Install typescript

Lecture 2: Install nodemon and ts-node

Lecture 3: What is typescript?

Lecture 4: Variables

Lecture 5: Number and String type

Lecture 6: Boolean type

Lecture 7: Void and Any type

Lecture 8: Never and Unknown type

Lecture 9: Array type

Lecture 10: Tuple type

Lecture 11: Enum type

Lecture 12: Function overloading

Lecture 13: Classes, Objects and Constructors

Lecture 14: Inheritance

Lecture 15: Method overriding

Lecture 16: Abstract class and methods

Lecture 17: Interfaces

Lecture 18: Static methods and properties

Lecture 19: Import and Export modules

Lecture 20: Union type

Chapter 4: React Fundamentals

Lecture 1: What is React and Why React?

Lecture 2: What is JSX?

Lecture 3: Get Started with React Using CDN

Lecture 4: Render JSX elements

Lecture 5: More JSX and JSX elements

Chapter 5: Setup the Project for Frontend and Backend

Lecture 1: Create Spring Boot Project

Lecture 2: Understand the Spring Boot Project Structure

Lecture 3: Create React Starter Project

Lecture 4: Understand the React Project Structure

Lecture 5: Create Github Repository

Chapter 6: Feature 01: Create API to Fetch All Expenses (Backend)

Lecture 1: Create a New Branch in Github

Lecture 2: Development Steps Part 1

Lecture 3: Development Steps Part 2

Lecture 4: Development Steps Part 3

Lecture 5: Development Steps Part 4

Lecture 6: Create GET API endpoint

Lecture 7: Add the Lombok Dependency

Lecture 8: Create Request and Response Objects

Lecture 9: Create DTO object

Lecture 10: Add MySQL and JPA dependency

Lecture 11: Configure the Datasource

Lecture 12: Create JPA Entity

Lecture 13: Create JPA Repository

Lecture 14: Configure Model Mapper

Lecture 15: Create Service and its Implementation

Lecture 16: Update the Controller

Lecture 17: Test the API endpoint

Lecture 18: Add Javadocs

Lecture 19: Add Loggers to the API

Lecture 20: Commit and Push the Changes

Lecture 21: Fixing the Cross Origin Error

Lecture 22: Commit the Latest Changes

Chapter 7: Feature 01: Read Expenses from Database (Frontend)

Lecture 1: Create a New Branch

Lecture 2: Development Steps

Lecture 3: Create a New Dashboard Component

Lecture 4: Display the Expenses in HTML Table

Lecture 5: Create an Interface for Expense

Lecture 6: Use Expense Interface to Define the Expenses Array

Lecture 7: Create a Reusable Component ExpenseList

Lecture 8: Pass Expenses List as a Prop

Lecture 9: Configure Axios Library

Lecture 10: Call the Backend API

Lecture 11: Update React State

Lecture 12: Show Loader and Error Messages

Lecture 13: Create a Service

Lecture 14: Create a Custom Hook

Lecture 15: Commit and Push the Changes

Chapter 8: Feature 02: Integrate Bootstrap Library (Frontend)

Lecture 1: Development Steps

Lecture 2: Install Bootstrap

Lecture 3: Add the Basic Style

Lecture 4: Redesign the ExpenseList Component

Lecture 5: Display the Expenses in New Design

Lecture 6: Create a Navbar Component

Lecture 7: Apply Basic Style to Navbar Component

Lecture 8: Apply Design for Mobile View

Lecture 9: Install React Icons Library

Lecture 10: Add the Application Logo

Lecture 11: Commit and Push the Changes

Chapter 9: Feature 03: Implement Routing in React (Frontend)

Lecture 1: Create a New Branch

Lecture 2: Development Steps

Lecture 3: Install React Router Dom Library

Instructors

Bushan Sirgur
Java Developer, Blogger, Youtuber

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 0 votes

5 stars: 1 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!