Spring Boot Full Stack with Angular | Full Course [2021] [NEW]
Ғылым және технология
In this Spring Boot tutorial you will learn Spring Boot full stack with Angular. Angular is a great framework to build front end app. For this Spring Boot tutorial, you will learn how to build your very own API, along with an Angular application that will use and consume this API.
If you want to be a spring boot full stack developer then you must learn the spring boot framework.
This Spring Boot tutorial covers Spring Boot and MySQL using Spring Data JPA. This course also dives into defining and creating a spring boot API, exposing API Endpoints Over HTTP, and handling HTTP Requests through API Endpoints. It covers testing API Endpoints (using an HTTP client and the browser DevTools).
This course also dives into Angular components, Angular Forms, Angular Routing, and Angular Services. It goes into Angular HTTP Communication.
► Project Source Code:
- Back-end: github.com/getarrays/employee...
- Front-end: github.com/getarrays/employee...
⭐ Follow GetArrays ⭐
► Website: www.getarrays.io/
► Facebook: / get-arrays-37441001333...
► Twitter: / get_arrays
► Instagram: / getarrays
► Github: github.com/getarrays
🙊 Subscribe to Amigoscode - bit.ly/2HpF5V8
► Courses Available for free here - amigoscode.com/courses
► Join Private Facebook Group - / 456035171490753
► Join Discord - bit.ly/2wL029v
⭐ Table Of Contents ⭐
Soon
🙊 Here are the goods for all my videos video:
► Recommended Books
Clean Code
- amzn.to/2UGDPlX
HTTP: The Definitive Guide
- amzn.to/2JDVi8s
Clean Architecture
- amzn.to/2xOBNXW
► Computer and Monitor
New Apple MacBook Pro
- amzn.to/3464Mmn
Dell 27 INCH Ultrasharp U2719D Monitor
- amzn.to/2xM3nW1
Double Arm Stand Desk Mount
- amzn.to/3aYKKfs
USB C Hub Multiport Adapter
- amzn.to/2Jz7NlL
► Camera Gear
Sony ILCE7M3B Full Frame Mirrorless Camera
- amzn.to/346QIJn
Sigma 16 mm F1.4 DC DN
- amzn.to/2wbic3Q
Sigma 33B965 30 mm F1.4 DC DC
- amzn.to/39G37Fd
Awesome Screen Saver
- github.com/JohnCoates/Aerial
IDE I use for coding
- Iterm
- VsCode
- GoLand
- IntelliJ
- Sublime
💯 You can also follow me here:
► Don't forget to subscribe | bit.ly/2HpF5V8
► Join Closed Facebook Group for discussion and early access videos and courses | bit.ly/2FbuIkx
► Follow me on Instagram | bit.ly/2TSkA9w
► Join Discord - bit.ly/2wL029v
❤️ Thanks for watching
Пікірлер: 879
31:46 Service Class 36:49 Exception Handling 38:53 Exposing the API (Rest Controller) 50:02 Testing with Postman 57:27 Testing with HTTPIE 1:03:33 CREATING Angular APP 1:09:22 Angular Service 1:14:02 Angular Service PT2 1:19:37 Angular Component 1:27:51 CORS Configuration 1:32:49 UI Intro 1:40:26 UI Modal Logic 1:54:53 Testing Modal Logic 1:59:04 Angular Form 2:08:03 Update Functionality 2:21:37 Delete Functionality 2:28:44 Search Functionality It's been 3 years since I didn't work it's really helpful. Thank you.
@dhavalnickshrimankar7055
3 жыл бұрын
1:09:22 Angular Service 1:14:02 Angular Service PT2 Setting up the Service starts at 1:14:02 (Go through this first) and Building the Service starts at 1:09:22 (And then follow through this section)
@shakib_04
3 жыл бұрын
you should be pinned
@Leonardo-uh3vs
2 жыл бұрын
@@dhavalnickshrimankar7055 Yes, also noted that. PT2 is actually PT1 and PT1 is actually PT2. So, should see in inverse order.
@stnhld2841
2 жыл бұрын
Thank you!
@arnaudbernaille1579
2 жыл бұрын
thank you !
[little revision] 1:09:29 is the part 2 1:14:04 is the part 1 (which should come earlier)
@prashantmeena6137
3 жыл бұрын
Correct
@vikashkumaryadav1685
3 жыл бұрын
Thanks for the info.
@saxena3718
3 жыл бұрын
this comment should get pinned. i was soo confused
@dukesen98
3 жыл бұрын
Requesting, that this comment gets pinned to the top. Otherwise its really confusing to figure out what is going on.
@mindblow7617
3 жыл бұрын
I apreciate the video, but it has many flaws, not just what this comment points out, which is not a huge issue, but there are many things skipped through the video, like the cross origin part (important!), the HTML on bootdey IS NOT THE SAME code used in the IDE (nav bar and tools, modals, all magically appeared with no explanation, we know how to make a modal, but it would be nice to follow the right way to do it), and many small things that summing up becomes a huge pain, still, I've been learning a lot, so I don't wanna be ungrateful, this is useful indeed but far from polished.
Your tutorial material is at par if not better than those paid learning platforms. What you're producing here is wonderful for the community of developers and learning developers. Keep it up!
Anybody being confused at 1:09:31 . Don't worry, its just a bit of a mixup with clips. This service creation part can be seen at 1:14:02 . These are just a bit mixed up.
@HandledToaster2
3 жыл бұрын
Thank you I haven't started the video yet but thank you for letting me know
@califilipino
Жыл бұрын
THANK YOU
@krissymorgan6602
Жыл бұрын
Thank you for that I thought I missed something
@PepeMariatchi
Жыл бұрын
thank you
@diogo4800
11 ай бұрын
thanks bro!
This is the type of content I was looking for! (surprisingly it is hard to find the combo Angular + JAVA spring boot) so thank you for bringing it. Great work and I hope to watch more of this in the future :D
Thank you so much man! been waiting for this, really excited for this great course! Much love and support!
That's what i've been searching for so long! So exited to get into it. Thank You so much! :)
This course was an absolute lifesaver. Built everything the same way for my little library application and it works flawlessly. Thank you so much!
You two are heroes we don't deserve! Thank you for the insight and tutorial.
I just found this tutorial and I am glad I did. You have done a terrific job in throughout the entire course. I have learned so much more than I did after I attended a Java Bootcamp a few years ago in which I left feeling very confused. But after watching and following your tutorial step by step it is so much clearer to me. I know there is plenty to learn, but this has given me the foundation. Thank You!!!
This is what I was waiting for , I learn Java with Spring ,Hibernate with MySQL, and on front end Angular and using Postman . Thanks !
Thank you so much for this! Just completed the full project on 11-15-2022 and wanted to share 2 errors I came across and solved: 1. Had an error where I couldn’t compile the front end due to sending null in this function call: (click)="onOpenModal(null, 'add')" SOLUTION-> make sure your tsconfig.json has "strict": false 2. Was getting an error in the back end when trying to Delete an employee: “javax.persistence.TransactionRequiredException: No EntityManager with actual transaction available for current thread - cannot reliably process 'remove' call” SOLUTION -> Add the @Transactional annotation to the delete function in EmployeeService right about the deleteEmployee() function Thank you again for such a fantastic instructional video!
@aymo-lh4nq
Жыл бұрын
Thanks bro
@StaticControl123
Жыл бұрын
Had the exact same errors, I really appreciate the comment, thanks man!
@srinathsilla5800
5 ай бұрын
Why did the deleteEmployee() function need @Transactional annotation though while all other functions didn't?
Another video added to the playlist. Cheers Nelson and Junior!
Angular + Spring Boot... the day in the life of a corporate software developer...
@marwanla1870
3 жыл бұрын
Why do u say that?
@GradeFX
3 жыл бұрын
@@marwanla1870 because it's true lmao
@marwanla1870
3 жыл бұрын
@@GradeFX what is true lol ?
@guythomas9977
3 жыл бұрын
@@AbhishekKumar-vl3cb Big corp is going to be a Java/Spring shop typically... and angular for at least internal applications
@teratoma.
3 жыл бұрын
is this a negative implication or? I'm literally starting to work for a big corp that uses angular + spring boot in a week 😂
DUDE! This is so timely! Thank you :)
For anyone that's interested to quicken the getters setters and constructors, in IntelIJ if you press Ctrl + Insert it brings a menu that can autogenerate getters, setters, counstructors and the like. Beautiful tutorial btw
Such a helpful, well thought-out, and detailed tutorial!! Thank you so much!
This was an excellent demo connecting the service layer all the way up to Angular. Thank you Junior and Amigoscode! You both are so very helpful and generous sharing your knowledge here.
Very good tutorial, one of the best. I only have one recommendation, instead of depending on specific implementations it would be best to depend on the interface. This helps to separate the layers of my application.
The correct order: 1:03:33 CREATING Angular APP 1:14:02 Angular Service PT2 (actually, this is first) 1:09:22 Angular Service (actually, this is second)
I will love this tutorial. Will probably watch it to learn more on this combination. Thank you Amigoscode!
I highly recommand this tutorial to every beginner starting with angular and looking for something instructive step by step. You're amazing dude, keep uploading videos I'm subscribing right now!
I must say that this is the cleanest way of coding springboot plus angular. I have seen many other videos but this one is by far the best . Subscribed to Get Arrays
thank you so much , i was confused by all of these concepts , and now , after watching this video , and practicing , i understand everything related to the backend i am grateful to you
Love your teaching style - thanks so much!
Dude I Love you , I love your work just amazing tuttoriel, i admired the backend part, 1 hour watching was more than enough to become a springboot developer your just amazing
I really want to understand spring boot back-end! thank you and we are waiting
@ayoubbairoud741
3 жыл бұрын
kzread.info/dash/bejne/mpmmwZmpkZPcoso.html
Thank you brother, you are amazing. Hope your Ramadan is going well, Alhamdulillah.
ماشاءالله I spent weeks and weeks reading books and tutorials, i had never foud answers to my questions. In Your tutorials i found exactelly wshat i was seeking for. Thanks brother. Zakari from Germany
Amigos your are the best I like the combination between the spring boot and angular , also I liked the way you teach things very detailed plus very fast , thank you looking forward for such a work
Cuanto tiempo espere este tutorial ... Al fin Gracias en serio
Awesome tutorial, nice explanation, and very helpful tutorial. Thank you very much for all the efforts you have put into this.
This tutorial was way much better. I followed it to the last minute and I feel it covered 90% of the things I wanted to know as a beginner
i love your tutorials so much, thanks for taking the time! maybe a golang backend, vue frontend project?
Nice, simple, and concise tutorial. Love it. Thanks gents
Marvelous course! Thank you so much!
Keep going Man 💪🏼
20:02 - Database Configuration 25:59 - Employee Repository 31:41 - Service Class 36:50 - Exception Handling 38:49 - Exposing The API (Controller) 50:05 - Testing
Some good stuff bro! Much Love :)
Thanks GOD, you really were made for this!!! I counldn't even think how to get started and i could make a single angular component/form run. Love u!!!
Great Job , i finshed this tuto for one week- end (14 hours )both frent-end and back-end thank Junior for your efforts
@arezoumasollyngobou6097
Жыл бұрын
Hey, can you help me with app.component.html?
Thank you so much guys! You have all my respect! :)
20:02 - Database Configuration 25:59 - Employee Repository 31:46 Service Class 36:49 Exception Handling 38:53 Exposing the API (Rest Controller) 50:02 Testing with Postman 57:27 Testing with HTTPIE 1:03:33 CREATING Angular APP 1:14:02 Angular Service PT2 (first) 1:09:22 Angular Service (second) 1:19:37 Angular Component 1:27:51 CORS Configuration 1:32:49 UI Intro 1:40:26 UI Modal Logic 1:54:53 Testing Modal Logic 1:59:04 Angular Form 2:08:03 Update Functionality 2:21:37 Delete Functionality 2:28:44 Search Functionality Thanks to @Jonghyun Park, @Dhaval Nick Shrimankar, @Leo D. Penrose for the preparation this list.
Very nice video man, I was looking for this kind of tutorial
I took the full stack route with react, but if i want to go with angular i will come to this video!
Thanx for this tutorial, it was great how Junior explain everything that simple and quick. I just need to add that i developed this using Angular 13 and SpringBoot 2.6.1 and there is some considerations, like: 1.- on the onOpenModal method you need to specify that the employee parameter is optional and that means that you have to put it as the second parameter with the ? in the name of the parameter. 2.- the subscribe method now needs to specify "next" and "error" objects (just add {} inside the parameters of the subscribe method and replace "(response: " for "next: (response:", the same with the error handling, replace "(error: " with "error: (error: ". 3.- The attributes in the components needs initialization, so employees needs to be initialized with "[ ]", editEmployee and deleteEmployee with " Employee | undefined". 4.- I needed to specify that the id of the employee to delete can't be null, so i replaced "deleteEmployee?.id" with "deleteEmployee!.id". 5.- This is because i found it more perfomant, to evaluate the "mode" on onOpenModal method, i did it with "else if" instead of only "if" (there's only one action to execute with the "mode" sent). Hope this will be helpful to somebody!
@devis_0110
2 жыл бұрын
You saved me a lot of problem solving
@SBKaneriya
2 жыл бұрын
@Mauricio Mendoza can you please show how did you put the parameter for onOpenModal. it's not working for me
@Brazilsolja9
2 жыл бұрын
@@SBKaneriya in your component declare openModal with these parameters: mode: string, employee?: Employee A required parameter cannot follow an optional parameter so you'll have to switch the order as shown above
@aces8481
2 жыл бұрын
honestly I just turned off strict null checks lmao does this bear any significant consequences can anyone elaborate
@dibfibo
2 жыл бұрын
Hi Mauricio, i use same version of Angular and Spring Boot. Can you explain better your code for subscribe method?
This is awesome content. Thank you both so much!
Great course, learned a lot !!
Thank you for sharing your knowledge! God bless always!
Great course! Congratulations!
1:47:49 you can set the modal data-target at the mode and then just rename the modal forms accordingly. This saves you the unnecessary if statements.
Man! That's amazing! Thank you so much
Jazak Allah Khayran, brother! Your tutorial has been incredibly insightful and comprehensive, serving as an excellent starting point. It covered everything we need to kickstart our journey. Thank you for your efforts and valuable guidance. May Allah reward you abundantly
built this as a sample beginners project. Thank you
Amazing Content... Simple Language... Highly Recommended... Thank You for making this free..
Waited for this.
Anxiously waiting
Amazing video man! You kinda rushed the HTML / snippet part but it's ok, your explanations are great and I hope to see more of your tutorials soon, my best regards!
for app.component html i watched entire part frame by frame here is the result : Employee Manager Add Employee (current) Phone : Add Employee × Name Email Address Job title Phone Image URL Close Save changes Edit Employee × Name Email Address Job title Phone Image URL Close Save changes Delete Employee × Are you sure you want to delete employee No Yes NO EMPLOYEES! No Employees were found.
@martinbraga6655
Жыл бұрын
you are a life saver
@fretfret
Жыл бұрын
Thank you
@tursoxandthehat
5 ай бұрын
The Goat himself
@Daniallotfi
Ай бұрын
Thank YOU!!! Very nice of you!
Hi Nelson you satisfied my requirement which was spring boot fullstack with angular I thank you a lot!
I was searching full stack web development with java from over 5 months and here I got it!. Thanks Nelson
@sarthakarora6496
2 ай бұрын
You completed this project? Were there any errors or change in syntax in newer versions
Very pedagogique , very cool, very impressive course and explanation Thank you
Thank you so much AmigosCode. I was able to understand and develop an application from the Frontend to Oracle Database
Although old 2021 video but completed watching this video today and from my perspective it was good to start with creating Spring Boot project as back end first and then creating Angular application as front end as the angular code used for easy to understand. Although simple application but clear to understand how to create Spring Boot & Angular Application as there was precise and concise explanation by Junior. This can help me in doing some hands on. Thanks!
Great tutorial! Good job brothers
You are the best one Brother thank you for your great Videos. Baraka Allah fik
wow is amazing introduction...i'll be here learning more. Thanks for share your knowledge!
thanks, I followed all the video and everything works ok.
You are great.. very important, helpful video.. lots of respect for you 🙏🙏.. expect many these types of helpful videos from you 🙏🙏
بارك الله فيكم, مجهود رائع, في ميزان حسناتكم
Thank you , really appreciated
Thank you, a good tutorial with explanations. helped me a lot.
Good Job Bro, Nice tutorial on full stack
This is great tutorial, Thank you very much! :)
Great course! totally recommended :)
Great work and good explanation...keep it up amigos.....
Thank you for the very good and dedicated lesson, 💮 I will try to practice more.
Can you maybe add that text file with all the employees to git... That will really save some time if you still have it! Awesome video btw!!!
Great tutorial - very entertaining and very detailed. Thank you a lot
very clear tutorial, simple to implement step by step. thankyou bro. hopefully i cant watch more tutorial like this
Okay! I’ll make sure to watch this after I learn spring boot:)
This content is just amazing. I have no words for how much this will save me in my job and in my future. Thank you so much.
love this tutorial a lot!
This is an amazing tutorial !! It is very helpful to mee.Thank you
awesome full stack tutorial!
Quite clearly explained Thank you
Hey can we get a complete videos on microservice in spring boot along with deployment process. It would be really appreciated. Thanks man for the work you do.
@__nitinkumar__
2 жыл бұрын
+1
@girijeshgautam635
2 жыл бұрын
+1
Jazak Allah Khei brother , that's gonne be a sadaqa jaria
Thanks a lot for this course. P.S. There is a mistake in video, 1st and 2nd parts of Angular Service are vice verse.
Best of the best ! So awesome !
Awesome tutorial! Thank you very much!!!
Much needed premier Thanks @Amigoscode
Thank you! Really valuable!
Great tutorial, thank you!
Thanks junior for this tuto, in the video , to generate service must be before adding methode ton service I think when you build the video :)
Hi, Thanks for the tutorial! :) Will you use model/dto in the project? with or without Lombok? will you connect to mysql?
Great Tutorial for a basic TODO Full stack. Looking for a full course
Chapter order is wrong between 01:09:24 and 1:19:38 in case anyone was wondering.
@dinaakberdi1962
3 жыл бұрын
Do you know solution? please help me
Great job keep it 💪
The best of the best ! God bless you !