https://i126.fastpic.org/big/2025/1013/96/645691b88d3be1103d1b8a83af264296.jpg
Go Java Full Stack With Spring Boot And Angular
Last updated 12/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 6.81 GB | Duration: 11h 21m
Become a Full Stack Java Developer. Build Your First Java Full Stack Application with Angular and Spring Boot.
What you'll learn
You will Develop Your First FULL STACK Application with Angular and Spring Boot
You will learn the Basics of Building AWESOME Frontend Applications with Angular
You will be introduced to Building Great RESTful APIs with Spring Boot
You will Learn to use Spring Security to configure Basic Authentication and JWT
You will learn to Solve the Challenges of Connecting an Angular Frontend to a RESTful API
You will learn the basics of Angular - Angular Modules, Components, Data Binding and Routing
You will learn to connect REST API to JPA/Hibernate with Spring Boot
You will understand the best practices in designing RESTful web services
You will learn to use a wide variety of Spring Boot Starter Projects - Spring Boot Web, and Spring Boot Data JPA
You will learn the magic of Spring Boot - Auto Configuration, Spring Initializr and Starter Projects
You will develop a Todo Management Full Stack Application step by step with login and logout functionalities
You will understand how to make best use of Spring Boot Actuator and Spring Boot Developer Tools
You will learn to secure RESTful API with Spring Boot and Spring Security
Requirements
You have an attitude to learn while having fun :)
You have some programming experience with JavaScript, Java and Spring.
We will help you learn the basics of Modern JavaScript, TypeScript, Spring Boot and JPA
We will help you install Chrome, Eclipse, Visual Studio Code and Node JS (for npm)
Description
Welcome to this Amazing Course on Full Stack Web Development with Angular and Spring Boot. This course is designed to be a Perfect First Step as an Introduction to Angular and Full Stack Development for Java & Spring Developers.Zero Experience with Angular, TypeScript (AND/OR) Modern JavaScript? No Problem. Start Learning Now!WHAT OUR LEARNERS ARE SAYING:5 STARS - This is the perfect course for Java developers to use to get familiar with Angular and do it beyond just an elementary kind of familiarity. Very good job, instructor. Thank you!5 STARS - Yes the Journey was Amazing, the Tutor is Awesome. Not a single doubt & error i faced while following Step-by-Step videos. I would suggest this course to all those who really want to Learn Spring Boot + Angular. The Explanation was clear and systematic. I would like to thank Mr. Rangakaran as he is the best Tutor. :)5 STARS - Wonderful course with practical content taught in a very intuitive way; building from lesson to lesson. As a web application developer with some experience in both Spring Boot and Angular, this course was perfect when providing a clear way use both technologies together. I really appreciate this instructor, and look forward to more courses.5 STARS - Video explanations clear and easy to follow. Recommended!5 STARS - Very good course. The instructor is very knowledgeable about the material and walks you through it in a clear way. Good start to learning about Full Stack development.5 STARS - Awesome explanation, great course specially for Java developer who wants to groom herself/himself to full stack java development using Spring boot and Angular.COURSE OVERVIEWDeveloping your first full stack web application with Angular 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 Angular, 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 Angular (Frontend Framework), TypeScript Basics, Angular CLI(To create Angular projects), 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 (TypeScript IDE), Eclipse (Java IDE) and Tomcat Embedded Web Server. We will help you set up each one of these.Angular is a complete front end framework with a wide range of features. Spring Boot is an awesome framework to build RESTful API and Microservices. Let's combine these frameworks and create an awesome full stack web application.COURSE HIGHLIGHTSOverviewStep01 - Understanding Full Stack Application ArchitectureStep02 - Quick Overview of Modern JavaScript and TypeScriptStep03 - Installing Angular CLI - Awesome Tool to create Angular ProjectsStep04 - Creating and Launching Angular Application with Angular CLIStep05 - Importing Angular App into Visual Studio CodeStep06 - Exploring Angular CLI Commands - test, lint, e2e, serve, buildStep07 - Exploring Angular CLI Project StructureGetting Hands on With AngularStep08 - Introduction to Angular Components - BasicsStep09 - Introduction to Angular Components - Playing with AppComponentStep10 - Generating Welcome Component with ng generateStep11 - Language Variations With an Example - Java, JavaScript and TypeScriptStep12 - Generating and Setting up Login ComponentStep13 - Understanding Event Binding - Adding click event on Login PageStep14 - Using ngModel with 2 Way Data Binding in Login PageStep15 - Quick Review of Data Binding ApproachesStep16 - Adding Hardcoded Authentication to Logic Component - ngIf directiveStep17 - Implementing Routes for Login, Welcome and Error ComponentsStep18 - Implementing Routing from Login to Welcome ComponentStep19 - Adding Route Parameter for Welcome ComponentStep20 - Create List Todos Component with ng generateStep21 - Create a Link to Todos in Welcome ComponentStep22 - Best Practice - Create a Todo ClassStep23 - Quick Introduction to Angular ModulesStep24 - Understanding Bootstrapping of Angular App with Root Module and ComponentStep25 - Quick Review - Angular Modules and ComponentsStep26 - Overview of Next Few Steps - Bootstrap, Menu, Footer and RefactoringStep27 - Adding Bootstrap Framework and Creating Components for Menu and FooterStep28 - Using Bootstrap to Create a Menu with Navigation LinksStep29 - Styling Footer and Other Components with CSS and BootstrapStep30 - Good Practice - Use RouterLink instead of href for RoutesStep31 - Creating an Independent Authentication Service ComponentStep32 - Using Session Storage to Store User Authentication TokenStep33 - Enabling Menu Links Based on User Authentication TokenStep34 - Implementing Logout to remove User Authentication TokenStep35 - Securing Components using Route Guards - Part 1Step36 - Securing Components using Route Guards - Part 2Step37 - Quick Review - Authentication Service, Dependency Injection and Route GuardsIntroduction to Web Services and RESTStep41 - What is a Web Service?Step42 - Important How Questions related to Web ServicesStep43 - Web Services - Key TerminologyStep44 - Introduction to RESTful Web ServicesGetting Up and Running with REST and Spring BootStep45 - Initializing a RESTful Services Project with Spring BootStep46 - Creating a Hello World ServiceStep47 - Enhancing the Hello World Service to return a BeanStep48 - Quick Review of Spring Boot Auto Configuration and Dispatcher Servlet - What's happening in the background?Step49 - Enhancing the Hello World Service with a Path VariableConnecting Angular Frontend to Spring Boot Restful ServicesStep50 - Connecting Angular Frontend with Restful API - 1 - Creating Data ServiceStep51 - Connecting Angular Frontend with Restful API - 2 - HttpClientModule and HttpClientStep52 - Connecting Angular Frontend with Restful API - 3 - Understanding ObservableStep53 - Connecting Angular Frontend with Restful API - 4 - Understanding SubscribeStep54 - Connecting Angular Frontend with Restful API - 5 - Handling Error ResponsesStep55 - Calling Welcome HTTP Service with Path VariablesStep56 - Designing RESTful Services for Todo ResourceStep57 - Creating REST API for retrieving Todo ListStep58 - Connecting Angular Frontend with Todo List RESTful ServiceStep59 - Creating REST API to delete a Todo - DELETE Request MethodStep60 - Adding Delete Todo Feature to Angular FrontendStep61 - Creating Todo Component and Handle RoutingStep62 - Designing Todo Page with Bootstrap FrameworkStep63 - Creating Retrieve Tod0 Service and Connect Angular FrontendStep64 - Improve Todo Page AppearanceStep65 - Creating REST API for Updating Todo - PUT Request MethodStep66 - Creating REST API for Creating a Todo - POST Request MethodStep67 - Implementing Update Todo Feature in Angular FrontendStep68 - Implementing New Todo Feature in Angular FrontendStep69 - Improving Todo Form - Validation and Form Submit on Enter - ngSubmitStep70 - Enhancing Validation Messages on Todo PageImplementing Spring Security with Basic AuthenticationStep71 - Overview of Security with Basic Auth and JWTStep72 - Setting up Spring SecurityStep73 - Configure standard userid and passwordStep74 - Enhancing Angular Welcome Data Service to use Basic AuthStep75 - Configure Spring Security to disable CSRF and enable OPTION RequestsStep76 - Creating Angular HttpInterceptor to add Basic Auth HeaderStep77 - Configure HttpInterceptor as Provider in App ModuleStep78 - Create Basic Authentication RESTful Service in Spring BootStep79 - Create Angular Basic Authentication ServiceStep80 - Connect Login Page to Basic Authentication Service - Part 1Step81 - Connect Login Page to Basic Authentication Service - Part 2Step82 - Refactoring Angular Basic Authentication ServiceStep83 - Refactoring HttpInterceptor to use Basic Authentication TokenStep84 - Best Practice - Use Constants for URLs and TokensConnecting Spring Security with JWTStep85 - Introduction to JWTStep86 - Importing JWT Framework into EclipseStep87 - Quick Tip - Resolving JWT Compilation ErrorsStep88 - Executing JWT Resources - Get Token and Refresh TokenStep89 - Understanding JWT Spring Security Framework SetupStep90 - Creating a New User with Encoded PasswordStep91 - Using JWT Token in Angular FrontendConnecting REST API With JPA and HibernateStep92 - Setting up Todo Entity and Populating DataStep93 - Connecting GET REST APIs to JPA RepositoryStep94 - Connecting POST, PUT and DELETE REST APIs to JPA RepositoryStart Learning Now. Hit the Enroll Button!
Overview
Section 1: Introduction
Lecture 1 Introduction
Section 2: Quick Overview of Modern JavaScript, TypeScript and Angular
Lecture 2 Step 000 - Getting Started with the Course
Lecture 3 Step 01 - Understanding Full Stack Application Architecture
Lecture 4 Step 02 - Quick Overview of Modern JavaScript and TypeScript
Lecture 5 Step 03 - Installing Angular CLI - Awesome Tool to create Angular Projects
Lecture 6 Step 04 - Creating and Launching Angular Application with Angular CLI
Section 3: Getting Hands on With Angular
Lecture 7 Step 05 - Importing Angular App into Visual Studio Code
Lecture 8 ng lint is deprecated
Lecture 9 Step 06 - Exploring Angular CLI Commands - test, lint, e2e, serve, build
Lecture 10 Step 07 - Exploring Angular CLI Project Structure
Lecture 11 Step 08 - Introduction to Angular Components - Basics
Lecture 12 Step 09 - Introduction to Angular Components - Playing with AppComponent
Lecture 13 Step 10 - Generating Welcome Component with ng generate
Lecture 14 Step 11 - Language Variations With an Example - Java, JavaScript and TypeScript
Lecture 15 Step 12 - Generating and Setting up Login Component
Lecture 16 Step 13 - Understanding Event Binding - Adding click event on Login Page
Lecture 17 Step 14 - Using ngModel with 2 Way Data Binding in Login Page
Lecture 18 Step 15 - Quick Review of Data Binding Approaches
Lecture 19 Step 16 - Adding Hardcoded Authentication to Logic Component - ngIf directive
Lecture 20 Step 17 - Implementing Routes for Login, Welcome and Error Components
Lecture 21 Step 18 - Implementing Routing from Login to Welcome Component
Lecture 22 Step 19 - Adding Route Parameter for Welcome Component
Lecture 23 Step 20 - Create List Todos Component with ng generate
Lecture 24 Step 21 - Create a Link to Todos in Welcome Component
Lecture 25 Step 22 - Best Practice - Create a Todo Class
Lecture 26 Step 23 - Quick Introduction to Angular Modules
Lecture 27 Step 24 - Understanding Bootstrapping of Angular App with Root Module and Compon
Lecture 28 Step 25 - Quick Review - Angular Modules and Components
Lecture 29 Step 26 - Overview of Next Few Steps - Bootstrap, Menu, Footer and Refactoring
Lecture 30 Step 27 - Adding Bootstrap Framework and Creating Components for Menu and Footer
Lecture 31 Step 28 - Using Bootstrap to Create a Menu with Navigation Links
Lecture 32 Step 29 - Styling Footer and Other Components with CSS and Bootstrap
Lecture 33 Step 30 - Good Practice - Use RouterLink instead of href for Routes
Lecture 34 Step 31 - Creating an Independent Authentication Service Component
Lecture 35 Step 32 - Using Session Storage to Store User Authentication Token
Lecture 36 Course Update: hardcodedAuthenticationService
Lecture 37 Step 33 - Enabling Menu Links Based on User Authentication Token
Lecture 38 Step 34 - Implementing Logout to remove User Authentication Token
Lecture 39 Step 35 - Securing Components using Route Guards - Part 1
Lecture 40 Step 36 - Securing Components using Route Guards - Part 2
Lecture 41 Step 37 - Quick Review - Authentication Service, Dependency Injection and Route
Section 4: Introduction to Web Services and REST
Lecture 42 Step 41 - What is a Web Service?
Lecture 43 Step 42 - Important How Questions related to Web Services
Lecture 44 Step 43 - Web Services - Key Terminology
Lecture 45 Step 44 - Introduction to RESTful Web Services
Section 5: Getting Up and Running with REST and Spring Boot
Lecture 46 Fastest Approach to Solve Your Exceptions
Lecture 47 DO NOT SKIP: New to Spring Boot?
Lecture 48 Step 45 - Initializing a RESTful Services Project with Spring Boot
Lecture 49 Step 46 - Creating a Hello World Service
Lecture 50 Step 47 - Enhancing the Hello World Service to return a Bean
Lecture 51 Step 48 - Quick Review of Spring Boot Auto Configuration and Dispatcher Servlet
Lecture 52 Step 49 - Enhancing the Hello World Service with a Path Variable
Section 6: Connecting Angular Frontend to Spring Boot Restful Services
Lecture 53 Step 50 - Connecting Angular Frontend with Restful API - 1 - Creating Data Servi
Lecture 54 Step 51 - Connecting Angular Frontend with Restful API - 2 - HttpClientModule an
Lecture 55 Step 52 - Connecting Angular Frontend with Restful API - 3 - Understanding Obser
Lecture 56 Step 53 - Connecting Angular Frontend with Restful API - 4 - Understanding Subsc
Lecture 57 Step 54 - Connecting Angular Frontend with Restful API - 5 - Handling Error Resp
Lecture 58 Step 55 - Calling Welcome HTTP Service with Path Variables
Lecture 59 Step 56 - Designing RESTful Services for Todo Resource
Lecture 60 Step 57 - Creating REST API for retrieving Todo List
Lecture 61 Step 58 - Connecting Angular Frontend with Todo List RESTful Service
Lecture 62 Step 59 - Creating REST API to delete a Todo - 1 - Create DELETE Request Method
Lecture 63 Step 59 - Creating REST API to delete a Todo - 2 - Execute DELETE Request Method
Lecture 64 Step 60 - Adding Delete Todo Feature to Angular Frontend
Lecture 65 Step 61 - Creating Todo Component and Handle Routing
Lecture 66 Step 62 - Designing Todo Page with Bootstrap Framework
Lecture 67 Step 63 - Creating Retrieve Tod0 Service and Connect Angular Frontend
Lecture 68 Step 64 - Improve Todo Page Appearance
Lecture 69 Step 65 - Creating REST API for Updating Todo - PUT Request Method
Lecture 70 Step 66 - 1 - Creating REST API for Creating a Todo - POST Request Method
Lecture 71 Step 66 - 2 - RESTful Web Services - Best Practices
Lecture 72 Step 67 - Implementing Update Todo Feature in Angular Frontend
Lecture 73 Step 68 - Implementing New Todo Feature in Angular Frontend
Lecture 74 Step 69 - Improving Todo Form - Validation and Form Submit on Enter - ngSubmit
Lecture 75 Step 70 - Enhancing Validation Messages on Todo Page
Section 7: Implemen
Видео
