Overview

Learn to develop a complete shopping website using Java, Spring Boot, Angular Standalone Components, Bootstrap, Stripe API, Keycloak Authorization Server, Redis and MySQL database Backend Spring Boot Resource Server Development Learn how to setup your development environment to be able to develop Spring Boot applications (Installing Spring Tool Suite, Maven, Lombok, Docker Desktop, DBeaver) Learn how to create a Spring Boot 3.1.5 Resource Server Learn how to create a MySQL docker container to store products, categories and brands using Spring Data JPA with Hibernate Learn how to create Resource Server web end-points that will return products list according to a a set of criteria Learn how to code Specification pattern that makes use of the Criteria and Query objects from Jakarta that will in turn make the querying and filtering products from the database in an Object Oriented manner Testing of Rest Controller end-points using PostmanAngular Frontend Development Learn how to setup your development environment to be able to create Angular Single Page Applications using Angular 16( Install Visual Studio Code IDE, node, npm and angular cli packages ) Learn the difference between Modular Angular App and Angular Standalone components App Development Learn how to create Angular SPA with Standalone Components Learn to how to create a Standalone Shop Component in the Angular App that will let customers browse through the online shop fetching products from the Resource server given a criteria set Learn how to create a ShopService class in the angular frontend that makes http calls (using HttpClient object) to the backend server to fetch the required products, categories and brands from there Learn how to integrate your front-end application with Bootstrap 5 , ngx-bootstrap and font-awesome libraries Learn how to use HttpParams object from Angular to collect product, brand, category, page and sorting parameters and send to the backend server with the http call in one packet Learn how to add a pagination component to your app from ngx-bootstrap Learn how to add select boxes for filtering based on brand and category criteria and develop their code behind. Learn how to add a sorting type selection box and create the code behind it Backend BasketApi Part of The Resource Server Development Learn how to install the redis server maven dependencies into the resource server Learn how to configure redis server to be used as a basket cache store Learn how to create Model classes suitable for redis storage Learn how to create a CrudRepository for redis storage of Basket data Learn how to create a BasketController for createBasket/getBasket/deleteBasket end-points Learn how to disable the csrf for create and delete methods. Testing of the BasketController methods by postman Testing of the Redis server by redis-cli shellFrontEnd Cart Module Development Creating cart module model classes Creating CartService class Tutorial on BehaviorSubjects Developing Cart and cartDetails Components Linking Cart and CartDetails components via @Output decorators Lazy loading of Shopping Cart Component Securing of the ApplicationOAuth2 & OpenID Connect PrinciplesThe need for an independent Authorization ServerGrant Flows in the OAuth2 ParadigmClient Types and How to Select a Grant Flow depending on the Client TypeOAuth2 Major ActorsOAuth2 Authorization Code Grant Flow ExplainedOAuth2 Authorization Code Flow With PKCE ExplainedKeycloak Server installationCreating Realms, Clients and Users in Keycloak ServerInterfacing Resource Server with Keycloak ServerTesting Keycloak Server-Resource Server-Client-User marriage using Authorization Code Flow Grant TypeTesting Keycloak-Resource Server-Client-User based on roles of the userTesting Keycloak-Resource Server-Client-User combination using Authorization Code With PKCE Grant FlowAdding an angular client in the Keycloak ServerKeycloak Server-Angular App Connection SetupBuilding an AuthGuard object in Angular Application to protect an Angular routerLink-Forcing users to login for protected urls. NavBar Login/Logout/Welcome User implementationsAngular Checkout Page DevelopmentOrdering SectionFull Stripe Integration With Stripe WebhooksOrder Success, Order List and Order Details Components

Skills

Reviews