课程详情

Welcome to this Amazing Course on Full Stack Web Development with React and Spring Boot. This course is designed to be a Perfect First Step as an Introduction to React and Full Stack Development for Java & Spring Developers.Zero Experience with React and Modern JavaScript? No Problem. Start Learning Now!UPDATESJanuary 2022: Updated to latest version of ReactWHAT LEARNERS ARE SAYING:5 STARS - This course has helped me understand the end to end SPA design. Well articulated course for someone who wanted to move to fullstack role. Thanks for incorporating JWT as well.5 STARS - I am new to front end development ,but i can understand the concepts with very nice explanation of Ranga.5 STARS - This is really an amazing course to get started with react and spring boot. I really loved this course looking forward for more from Ranga:)5 STARS - Instructor is accessible for any doubts that you have during the course. Thanks a lot for your guidance Ranga.5 STARS - Great tutor, everything is very well explained and in a good pacing!5 STARS - Thanks, Ranga for your efforts to design this course with such simplicity and in-depth explanation.5 STARS - I am good at React (FrontEnd technologies) and I wanted to move to Full Stack Development using Spring Boot. I would say this course is god-sent and is helping me tremendously. Ranga is a very good teacher. Also commendable is the github resource for this course where he has given detailed code for every exercise in this course. Thanks for this wonderful course.COURSE OVERVIEWDeveloping your first full stack web application with React and Spring Boot is fun.In this course, you will learn the basics of full stack web development developing a Basic Todo Management Application using React, Spring Boot and Spring Security Frameworks. You will build the Todo Management Application step by step - in more than 100 steps. You will be using React (Frontend Framework), Modern JavaScript , Create React App(To create React projects), Java, Spring Boot (REST API Framework), Spring (Dependency Management), Spring Security (Authentication and Authorization - Basic and JWT), BootStrap (Styling Pages), Maven (dependencies management), Node (npm), Visual Studio Code (JavaScript IDE), Eclipse (Java IDE) and Tomcat Embedded Web Server. We will help you set up each one of these.React is a view framework providing a great deal of flexibility in integrating with a wide range of frameworks to provide a wide range of features. Spring Boot is an awesome Java framework to build RESTful API and Microservices. Lets combine these frameworks and create an awesome java full stack web application.COURSE HIGHLIGHTSGetting Started with React - Basics with Components01 Step 01 - Understanding Full Stack Application Architecture01 Step 02 - Using Create React App to Create and Launch a React Application01 Step 03 - Importing React App into Visual Studio Code01 Step 04 - Exploring React Project Structure01 Step 05 - Introduction to React Components01 Step 06 - Playing with React Class Components01 Step 07 - Introduction to Function Components in React01 Step 08 - Exploring JSX Further - Babel and more01 Step 09 - Refactoring components to individual modules and Quick Review of JavaScript Modules01 Step 10 - Exercise - Creating seperate modules for other componentsNext Steps with React - Building Counter Application02 Step 01 - Introduction to Section - Building Counter Application02 Step 02 - Creating Basic React Counter Component02 Step 03 - Adding a Button and a Counter to the React Counter Component02 Step 04 - Handling click event on the increment button02 Step 05 - Adding State to a React Counter Component02 Step 06 - Understanding React - Behind the scenes - Virtual Dom02 Step 07 - Understanding setState and Using Arrow Functions to avoid this binding02 Step 08 - Defining Inline Javascript CSS in JSX02 Step 09 - Defining Multiple Counter Buttons and Adding a Component Prop02 Step 10 - Understanding React Component Props - Default Value and Type Constraints02 Step 11 - Using React Developer Tools Chrome Plugin02 Step 12 - Moving State Up - Refactoring to Counter and Counter Button Components02 Step 13 - Moving State Up - Adding state to Counter Component02 Step 14 - Best Practice - Using Previous State in setState02 Step 15 - Adding Decrement Buttons and Reset Button02 Step 16 - Quick Review of the Counter ExampleCombining Spring Boot and React to Build Full Stack Todo Management Application03 Step 01 - Introduction to Todo Management App03 Step 02 - Getting Started with Login Component03 Step 03 - Understanding React Controlled Component - Adding State to Login Component03 Step 04 - Refactoring to Common Change Event for Multiple Form Elements03 Step 05 - Adding Hardcoded Authentication to Login Component03 Step 06 - Understanding Conditional Rendering with && in React JSX03 Step 07 - Implementing Routing for Login and Welcome Components with React Router03 Step 08 - Implementing Routing from Login to Welcome Component03 Step 09 - Adding an Error Component for Invalid URIs03 Step 10 - Adding Route Parameter for Welcome Component03 Step 11 - 01 - Creating a Basic React List Todo Component03 Step 11 - 02 - Adding a Link from Welcome to Todo Page and New Todo Attributes03 Step 12 - Adding Bootstrap Framework and Creating Components for Header and Footer03 Step 13 - Using Bootstrap to Create a Menu with Navigation Links03 Step 14 - Enhancing Footer and Creating Logout Component03 Step 15 - Styling Login, List Todo and Other Components with CSS and Bootstrap03 Step 16 - Using Session Storage to Store User Authentication Token03 Step 17 - Implementing Logout to remove User Authentication Token03 Step 18 - Enabling Menu Links Based on User Authentication Token03 Step 19 - Securing Components using Authenticated Route03 Step 20 - Refactoring React Components into JavaScript Modules03 Step 21 - Quick Review - Routes, Authenticated Route and ComponentsGetting Started with Spring Boot REST API Services03 Step 22 - What is a Web Service?03 Step 23 - Important How Questions related to Web Services03 Step 24 - Web Services - Key Terminology03 Step 25 - Introduction to RESTful Web Services03 Step 26 - Initializing a RESTful Services Project with Spring Boot03 Step 27 - Creating a Spring Boot Hello World Service03 Step 28 - Enhancing the Spring Boot Hello World Service to return a Bean03 Step 29 - Quick Review of Spring Boot Auto Configuration and Dispatcher Servlet - What's happening in the background?03 Step 30 - Enhancing the Hello World Service with a Path VariableConnecting Spring Boot REST API with React Frontend03 Step 31 - Connecting React with Restful API - 1 - Preparing Welcome Page03 Step 32 - Connecting React with Restful API - 2 - Understanding Axios HTTP Cleint Framework and Promises03 Step 33 - Connecting React with Restful API - 3 - Running React App on Port 420003 Step 34 - Connecting React with Restful API - 4 - Adding Axios and Creating HelloWorldService03 Step 35 - Connecting React with Restful API - 5 - Allow Cross Origin Requests From Spring Boot03 Step 36 - Connecting React with Restful API - 6 - Quick Review03 Step 37 - Calling Hello World Bean JSON API from React Frontend03 Step 38 - Calling Hello World HTTP Service with Path Variables03 Step 39 - Handling API Error Responses in React Frontend03 Step 40 - Designing RESTful Services for Todo Resource03 Step 41 - Creating Spring Boot REST API for retrieving Todo List03 Step 42 - Connecting React Frontend with Todo List RESTful Service03 Step 43 - Understanding Important React Lifecycle Methods03 Step 44 - Creating Spring Boot REST API to delete a Todo - 1 - Create DELETE Request Method03 Step 45 - Creating Spring Boot REST API to delete a Todo - Execute DELETE Request Method03 Step 46 - Adding Delete Todo Feature to React Frontend03 Step 47 - Creating Todo Component and Handle Routing03 Step 48 - Designing Todo Form with moment, Formik and Bootstrap03 Step 49 - Initializing and Handling Form Submit with Formik03 Step 50 - Implementing Form Validation with Formik03 Step 51 - Creating Retrieve Todo Spring Boot API and Connecting React03 Step 52 - Creating Spring Boot REST API for Updating Todo - PUT Request Method03 Step 53 - Creating Spring Boot REST API for Creating a Todo - POST Request Method03 Step 54 - RESTful Web Services - Best Practices03 Step 55 - Implementing Update Todo Feature in React Frontend03 Step 56 - Implementing New Todo Feature in React FrontendGetting Started with Spring Security and Basic Auth03 Step 57 - Overview of Security with Basic Auth and JWT03 Step 58 - Setting up Spring Security03 Step 59 - Configure standard userid and password03 Step 60 - Enhancing React Welcome Data Service to use Basic Auth03 Step 61 - Configure Spring Security to disable CSRF and enable OPTION Requests03 Step 62 - Creating React Axios Interceptor to add Basic Auth Header03 Step 63 - Remove Hard Coding of User Credentials03 Step 64 - Create Basic Authentication RESTful Service in Spring Boot03 Step 65 - Enhance React Frontend to use Basic Auth API to Validate Login CredentialsGetting Started with JWT03 Step 66 - Introduction to JWT03 Step 67 - Importing JWT Framework into Eclipse03 Step 68 - Quick Tip - Resolving JWT Compilation Errors03 Step 69 - Executing JWT Resources - Get Token and Refresh Token03 Step 70 - Understanding JWT Spring Security Framework Setup03 Step 71 - Creating a New User with Encoded Password03 Step 72 - Using JWT Token in React Frontend03 Step 73 - Best Practice - Use Constants for URLs and TokensIntegrating with the Backend using JPA and Hibernate03 Step 74 - Setting up Todo Entity and Populating Data03 Step 75 - Connecting React with GET REST APIs connected to JPA Repository03 Step 76 - Connecting POST, PUT and DELETE REST APIs to JPA Repository03 Step 77 - Connecting React Frontend with JPA POST, PUT and DELETE REST APIsSpring Boot in 10 StepsIntroduction to Spring Boot in 10 StepsStep 01 - Introduction to Spring Boot - Goals and Important FeaturesStep 02 - Developing Spring Applications before Spring BootStep 03 - Using Spring Initializr to create a Spring Boot ApplicationStep 04 - Creating a Simple REST ControllerStep 05 - What is Spring Boot Auto Configuration?Step 06 - Spring Boot vs Spring vs Spring MVCStep 07 - Spring Boot Starter Projects - Starter Web and Starter JPAStep 08 - Overview of different Spring Boot Starter ProjectsStep 09 - Spring Boot ActuatorStep 10 - Spring Boot Developer ToolsFirst 10 Steps in JPA with H2 in-memory databaseIntroduction to JPA in 10 StepsStep 01 - Object Relational Impedence Mismatch - Understanding the problem that JPA solvesStep 02 - World before JPA - JDBC, Spring JDBC and myBatisStep 03 - Introduction to JPAStep 04 - Creating a JPA Project using Spring InitializrStep 05 - Defining a JPA Entity - UserStep 06 - Defining a Service to manage the Entity - UserService and EntityManagerStep 07 - Using a Command Line Runner to save the User to database.Step 08 - Magic of Spring Boot and In Memory Database H2Step 09 - Introduction to Spring Data JPAStep 10 - More JPA Repository - findById and findAllStart Learning Now. Hit the Enroll Button!

课程标签

0人关注该课程

主题相关的课程