Spring Boot and Angular are two of the most popular frameworks for building full stack applications. Spring Boot is a Java-based framework that simplifies the development of Java applications by providing a set of preconfigured modules and configurations that enable rapid application development. Angular, on the other hand, is a TypeScript-based framework developed by Google for building dynamic web applications.
In this 4-hour course, you will learn how to leverage the power of Spring Boot and Angular to build a full stack application from scratch. The course assumes basic knowledge of Java and JavaScript, but no prior experience with Spring Boot or Angular is required.
The course begins with an introduction to Spring Boot, where you will learn how to set up a Spring Boot project and configure it to work with the Java Development Kit (JDK). You will then learn how to create a RESTful API using Spring Boot, including how to handle HTTP requests and responses, as well as how to store and retrieve data from a database using the Java Persistence API (JPA).
Next, the course dives into Angular, starting with an overview of the framework and its key features. You will learn how to set up an Angular project and create a basic user interface using HTML and CSS. The course then covers the Angular component and module system, showing you how to create reusable components and organize them into modules.
Throughout the course, you will learn about key topics such as dependency injection, routing, and form handling in Angular. You will also learn how to communicate with the back-end API using Angular’s HttpClient module, allowing you to retrieve and display data from the server.
The course concludes by guiding you through the process of integrating the front-end Angular application with the back-end Spring Boot application. You will learn how to deploy the full stack application to a cloud hosting provider, enabling you to share your application with others.
By the end of this course, you will have a solid understanding of how to build full stack applications using Spring Boot and Angular. You will be able to create RESTful APIs, design interactive user interfaces, and connect the front-end and back-end of your application.
Whether you are a Java developer looking to add Angular skills to your repertoire, or a front-end developer looking to learn how to build back-end APIs, this 4-hour course is a valuable resource. With step-by-step instructions and hands-on exercises, you will gain the skills and confidence to build your own full stack applications. Start your journey into Spring Boot and Angular full stack development today!
Spring Boot and Angular Full Stack Project brought to you by Junior from getArrays – https://www.youtube.com/channel/UC3qeVkfxM7xeFt_AtZwmYhw
Don't Forget to
===========================================
💯 Subscribe to Amigoscode – http://bit.ly/2HpF5V8
💯 Courses Available for free here – https://amigoscode.com/courses
💯 Join Private Facebook Group and Discord – https://amigoscode.com/p/join-community
For someone who want to copy:
import org.springframework.web.filter.CorsFilter;
@Bean
public CorsFilter corsFilter() {
UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
CorsConfiguration corsConfiguration = new CorsConfiguration();
corsConfiguration.setAllowCredentials(true);
corsConfiguration.setAllowedOrigins(Arrays.asList("http://localhost:3000", "http://localhost:4200"));
corsConfiguration.setAllowedHeaders(Arrays.asList("Origin", "Access-Control-Allow-Origin", "Content-Type",
"Accept", "Jwt-Token", "Authorization", "Origin, Accept", "X-Requested-With",
"Access-Control-Request-Method", "Access-Control-Request-Headers"));
corsConfiguration.setExposedHeaders(Arrays.asList("Origin", "Content-Type", "Accept", "Jwt-Token", "Authorization",
"Access-Control-Allow-Origin", "Access-Control-Allow-Origin", "Access-Control-Allow-Credentials", "Filename"));
corsConfiguration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "PATCH", "DELETE", "OPTIONS"));
urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration);
return new CorsFilter(urlBasedCorsConfigurationSource);
}
Liking the course verry mutch so far, really like your style and the way you explain everything, vut I'm only half an hour in and I already have some questions, I was planning to write them down and ask them all at once, but it might become to extensive, so these are the questions I have so far, all regarding the first half hour of the video:
Spring discourages using a long as id and why don't you use lombok to generate your setter (10min in)?
Shouldn't the service be a service and transactional, not the implementation?
Doesn't find byIpAddress return an optional? Shouldn't you check if it really exists? Same for getServerById
Personally I would define the get method of the service as:
return serverRepo.findById(id).orElse(null);
43min in: I'm coming back to my earlier question you annotated the impl as an service and now you inject it in to the controler, doesn't that defeat the purpose of programming against an interface? Since the's only one implementations, doesn't it make more sence to inject the interface as an service?
About 50min in: you ping the server, then check if the status is up. Shouldn't you first retrieve the server by ip ( a method that isn't defined yet in our service, only in our repo). Then check the status and ping?
I don't know where anymore cause I swithed platforms to follow the course but already in the angular app: throwError is deprecated, you shouldn't return anything, just throw the error:
this.http.get<CustomResponse>(`${this.apiUri}/servers/list`)
.pipe(
tap(console.log),
catchError(err => {
throw new Error("Method not implemented")
}));
hi. would it be different if i had oracle database or can i follow this video too?
amazing!
Not sharing the code for this tutorial makes it impossible to replicate. What's the point of completing this tutorial if I don't have any reference to check? I know nobody will read this. I know you don't care. I've wasted hours on this, and now I have to look for something else.
Really nice to see a programming tutorial which doesn't have an Indian guy explaining stuff. Nothing racist, but I just can't understand those folks.
Great content; thanks for your effort. I personally don't like your API structure and your Response class design. Usually, HTTP method names are not included in the API path. In the Response class, we have duplicated data like statusCode and status, which we can extract from the response headers at the client side. Another developer might forget to change the status code in both places.
Many Thanks, but it's complicated for guys for beginners like me.
🙏🏽🙏🏽
hi amigo from long time i have been watching your courses i want to build online learning platform like site Udemy using Spring boot and angular OR fully pledge Ecommerce site these courses are not available on udemy i would be very much happy if you make courses on these topics
why do not share the code? ot at least the html
you're the best man
thanks for the great tutorial!
Is it possible you could give us the Frontend code?
Hi, is it possible to have the code of this project ? (repo) Thanks for the course.
Alex
1 second ago
Hi, do you know where I can get the source code for the html part or the entire course I can't seem to find it any where?
hello, thanks a lot for the content. I am having an error when I add corsfilter class. It isnt allowing me to return the urlbasedcorsconfiguration. error message: "C:UsersAmira.BoudraiDownloadsserverlistsrcmainjavatestapplicationserverlistServerListApplication.java:48:16
java: constructor CorsFilter in class org.apache.catalina.filters.CorsFilter cannot be applied to given types;
required: no arguments
found: org.springframework.web.cors.UrlBasedCorsConfigurationSource
reason: actual and formal argument lists differ in length "
thanx
Whats the point of going through everything without telling us how to config the database….
Sharing the github repo would really come in handy in future episodes. Thanks