
Discover the full guide to angular material with a spring boot api, covering ui components and backend integration, and learn how to stay updated on new courses.
Learn to build a full RESTful API from scratch with Spring Boot, including models, services, validators, and Swagger documentation, plus a responsive web app using Angular Material design.
Build a robust API backend with the Springwood framework, document and test it with Swagga, and accelerate frontend development using Angular Material and the Swagger code generator.
Log in and manage personal to-do lists by creating and editing categories, adding tasks, marking them as done, and favoriting items, with user profiles and sign-up flows.
Set up and run a full Angular Material app with a Spring Boot API: clone the repo, build with Maven, install npm dependencies, and start the app via two options.
Developers will learn to build a full web application and a complete restful API from scratch using the Spring framework, Swagger API documentation, and Angular Material design.
Build a Spring Boot API backend with an Angular Material frontend. Use Swagger for API documentation and testing, and auto-generate services from the documented API.
Explore a simple, extensible database model linking users, categories, and todos, with each user owning multiple categories and each todo assigned to a single category.
Map the backend architecture from client request to database persistence, detailing dispatcher servlet routing, controller and service interactions, and validation with entity mapping and error handling.
Explore the frontend architecture, including login and subscribed pages, a header with navigation, a dynamic left side menu, to-do lists and elements, and forms for tasks, categories, and profile.
Create a new Spring Boot project with Maven, choose Java version and packaging, add dependencies like Spring Web, DevTools, Lombok, and Spring Data JPA, then generate and download the project.
Configure the project by editing the application.properties to set up the database connection, port 3306, MySQL dialect, and ddl-auto update for automatic schema creation and updates.
Code a rest api with Spring Boot, covering project structure, entities, dto mapping, controllers, services, repositories, and validation with exception handling.
Configure Swagger in a Spring Boot app by creating a Swagger configuration class, enabling Swagger, and returning a Docket with API info and base package scanning for /api documentation.
Generate the api documentation for a Spring Boot api using Springfox Swagger 2 and the Swagger user interface, configuring annotations, responses, and plugin settings to output json or yaml.
Install npm, create a new Angular project with routing and a chosen style, then add Angular Material and explore the generated app structure to run and view the app locally.
Configure the project by running a command to install Angular Material, which installs dependencies; add material modules to imports to avoid null injector errors, and use chips and dialog components.
Learn to generate Angular components with the command line and integrate them into the module, building login, sign‑up, to‑do list, to‑do elements, header, menu, and user profile.
Create login and signup components with Angular Material, including a card and header. Map inputs to a user object and handle errors with alerts, then navigate to the to-do list.
Build an Angular Material todo-list component with category accordions, expansion panels, and per-category todos, including favorite and done states, route parameters, and service-based data loading.
Create the services layer to separate business logic from components by generating and using an api service, user and category services, and local storage updates for login and persistence.
Learn how to implement an Angular route guard using canActivate to protect pages, check user login via a user service, and redirect to login when unauthenticated.
Add and configure routing for the to-do app by defining routes to the to-do list component, applying a user login guard, and supporting create, update, and display with ID parameters.
Transform this application and its REST API into a microservices architecture using Springboard and Spring Cloud, moving from a moderate application to a scalable solution.
Angular is an amazing frontend JavaScript & TypeScript framework with which you can build powerful web applications.
There are a lot of courses that dive deeply into Angular but sometimes you just want to build an entire app and see how it all works in practice. And you want to use all these great third-party packages that can add a lot of awesome functionalities to your Angular app!
This course covers exactly that!
We'll build an entire, realistic app which looks absolutely beautiful, uses Google's Material Design and is extremely fast! Thanks to Spring framework, we'll add real-time database functionalities and see our updates almost before we make them!
What are you waiting for, this is what you'll get in detail:
A realistic full app that uses many Angular Material components
Examples for components like Sidenavs, Cards, Forms, ...
A real-time database connection powered by Spring boot
Generating the API documentations, so no need to write it your self on the frontend side
And so much more!
This course will allow you learn and have your first hands-on Spring boot framework and implement a full RESTFUL API
This course is for you if you want to practice Angular, want to see it in action or want to learn it with the help of a 100% practical project!