Spring Boot Full Stack with Angular | Full Course [2021] [NEW]

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ต.ค. 2024
  • 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/get...
    Front-end: github.com/get...
    ⭐ Follow GetArrays ⭐
    ► Website: www.getarrays.io/
    ► Facebook: / get-arrays-37441001333...
    ► Twitter: / get_arrays
    ► Instagram: / getarrays
    ► Github: github.com/get...
    🙊 Subscribe to Amigoscode - bit.ly/2HpF5V8
    ► Courses Available for free here - amigoscode.com...
    ► 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/Joh...
    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

ความคิดเห็น • 890

  • @jpark743
    @jpark743 3 ปีที่แล้ว +459

    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
      @dhavalnickshrimankar7055 3 ปีที่แล้ว +33

      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
      @shakib_04 3 ปีที่แล้ว +4

      you should be pinned

    • @Leonardo-uh3vs
      @Leonardo-uh3vs 3 ปีที่แล้ว +5

      @@dhavalnickshrimankar7055 Yes, also noted that. PT2 is actually PT1 and PT1 is actually PT2. So, should see in inverse order.

    • @stnhld2841
      @stnhld2841 3 ปีที่แล้ว

      Thank you!

    • @arnaudbernaille1579
      @arnaudbernaille1579 2 ปีที่แล้ว

      thank you !

  • @nagasesanagasesa7026
    @nagasesanagasesa7026 3 ปีที่แล้ว +453

    [little revision]
    1:09:29 is the part 2
    1:14:04 is the part 1 (which should come earlier)

    • @prashantmeena6137
      @prashantmeena6137 3 ปีที่แล้ว +3

      Correct

    • @vikashkumaryadav1685
      @vikashkumaryadav1685 3 ปีที่แล้ว +1

      Thanks for the info.

    • @saxena3718
      @saxena3718 3 ปีที่แล้ว +31

      this comment should get pinned. i was soo confused

    • @dukesen98
      @dukesen98 3 ปีที่แล้ว +6

      Requesting, that this comment gets pinned to the top. Otherwise its really confusing to figure out what is going on.

    • @mindblow7617
      @mindblow7617 3 ปีที่แล้ว +40

      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.

  • @MarkusPold
    @MarkusPold 3 ปีที่แล้ว +44

    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
      @HandledToaster2 3 ปีที่แล้ว +4

      Thank you
      I haven't started the video yet but thank you for letting me know

    • @califilipino
      @califilipino 2 ปีที่แล้ว +1

      THANK YOU

    • @krissymorgan6602
      @krissymorgan6602 2 ปีที่แล้ว +2

      Thank you for that I thought I missed something

    • @PepeMariatchi
      @PepeMariatchi ปีที่แล้ว +1

      thank you

    • @diogo4800
      @diogo4800 ปีที่แล้ว

      thanks bro!

  • @noshibear8408
    @noshibear8408 2 ปีที่แล้ว +34

    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!

  • @shaigrustamov5115
    @shaigrustamov5115 ปีที่แล้ว +13

    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.

  • @mauriciomendoza2320
    @mauriciomendoza2320 2 ปีที่แล้ว +96

    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-HD
      @DeVis-HD 2 ปีที่แล้ว +5

      You saved me a lot of problem solving

    • @SBKaneriya
      @SBKaneriya 2 ปีที่แล้ว +3

      @Mauricio Mendoza can you please show how did you put the parameter for onOpenModal. it's not working for me

    • @Brazilsolja9
      @Brazilsolja9 2 ปีที่แล้ว +4

      @@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
      @aces8481 2 ปีที่แล้ว +1

      honestly I just turned off strict null checks lmao does this bear any significant consequences can anyone elaborate

    • @dibfibo
      @dibfibo 2 ปีที่แล้ว

      Hi Mauricio, i use same version of Angular and Spring Boot. Can you explain better your code for subscribe method?

  • @dawidzhu
    @dawidzhu ปีที่แล้ว +9

    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)

  • @tylerv1361
    @tylerv1361 ปีที่แล้ว +10

    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
      @aymo-lh4nq ปีที่แล้ว +1

      Thanks bro

    • @StaticControl123
      @StaticControl123 ปีที่แล้ว +1

      Had the exact same errors, I really appreciate the comment, thanks man!

    • @srinathsilla5800
      @srinathsilla5800 11 หลายเดือนก่อน

      Why did the deleteEmployee() function need @Transactional annotation though while all other functions didn't?

  • @Artificial_Intelligence_AI
    @Artificial_Intelligence_AI 3 ปีที่แล้ว +53

    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

  • @guythomas9977
    @guythomas9977 3 ปีที่แล้ว +364

    Angular + Spring Boot... the day in the life of a corporate software developer...

    • @marwanla1870
      @marwanla1870 3 ปีที่แล้ว +2

      Why do u say that?

    • @GradeFX
      @GradeFX 3 ปีที่แล้ว +17

      @@marwanla1870 because it's true lmao

    • @marwanla1870
      @marwanla1870 3 ปีที่แล้ว +1

      @@GradeFX what is true lol ?

    • @guythomas9977
      @guythomas9977 3 ปีที่แล้ว +14

      @@AbhishekKumar-vl3cb Big corp is going to be a Java/Spring shop typically... and angular for at least internal applications

    • @teratoma.
      @teratoma. 3 ปีที่แล้ว +9

      is this a negative implication or?
      I'm literally starting to work for a big corp that uses angular + spring boot in a week 😂

  • @DB4709
    @DB4709 3 ปีที่แล้ว +17

    Thank you for a great video! This is exactly what I needed for a personal project.
    It looks like there was significant modification of the html from bootdey to add the nav bar, buttons, etc. This made it impossible to follow along and make all the changes in the video. I had to just copy and paste the html and then just watch the video without making the changes myself. It would help immensely if the modified app.component.html were included so that we can follow along and make the changes in the video.

  • @_ravi_kumar_gupta
    @_ravi_kumar_gupta 3 ปีที่แล้ว +42

    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.

  • @Tagadarealty
    @Tagadarealty 3 ปีที่แล้ว +12

    33:00
    The method deleteById(Long id) exist by default from the JpaRepository
    49:00
    To really make a REST api, why did you change the route for all method ?
    The basic of a REST api is to have the same route for the resources and change only the method of request.
    The employee is your resource, the method of the request is what you do with her.
    /employee
    GET all
    POST
    PUT
    /employee/id
    GET one
    DELETE
    Of course you can add specific route for your controller, that's not a problem.

  • @TheCuriousLifeOfCode
    @TheCuriousLifeOfCode 2 ปีที่แล้ว +6

    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

  • @SavannahVibe
    @SavannahVibe 6 หลายเดือนก่อน

    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

  • @cigarettesafter9435
    @cigarettesafter9435 2 ปีที่แล้ว +7

    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!

  • @Isma7123
    @Isma7123 ปีที่แล้ว +1

    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

    • @KozakaGamer
      @KozakaGamer 4 หลายเดือนก่อน

      Use Lombok instead...no need to generate anything :)

  • @SarpSpeaksSometimes
    @SarpSpeaksSometimes 2 ปีที่แล้ว +1

    This course was an absolute lifesaver. Built everything the same way for my little library application and it works flawlessly. Thank you so much!

  • @avrildouglas2163
    @avrildouglas2163 2 ปีที่แล้ว +1

    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!!!

  • @salvatorebarretta1410
    @salvatorebarretta1410 2 ปีที่แล้ว

    16:30 why implements serializable
    35:10 optional and exception handling
    41:50 generics ResponseEntity
    1:03:39 creating angular app

  • @davidgoncalves2879
    @davidgoncalves2879 3 ปีที่แล้ว +6

    For those who can't open modal(s): with the newest version of bootstrap the data-* attributes are data-bs-*. So you need to change this on the onOpenModal method.

    • @peytonhobson1906
      @peytonhobson1906 2 ปีที่แล้ว

      Would you be able to explain this a little further? I'm not quite understanding what you're saying.

    • @davidgoncalves2879
      @davidgoncalves2879 2 ปีที่แล้ว +2

      @@peytonhobson1906 the attributes data-toggle, data-target, etc... are now data-bs-toggle, data-bs-target, etc...

    • @peytonhobson1906
      @peytonhobson1906 2 ปีที่แล้ว

      @@davidgoncalves2879 Thank you for the response. Still can't seem to get them to work, but good to know nonetheless!

    • @akashinigami9284
      @akashinigami9284 ปีที่แล้ว

      @@peytonhobson1906 late reply, but did you fix the issue?

    • @KozakaGamer
      @KozakaGamer 4 หลายเดือนก่อน

      @@davidgoncalves2879 OMG...I changed data-target to data-bs-target, but forget to change the data-toggle to data-bs-toggle as you wrote. Now I changed both and the Modal popup just works. Thank you!

  • @zakarij.9259
    @zakarij.9259 2 ปีที่แล้ว

    ماشاءالله
    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

  • @carlosfranciscobenegasbini78
    @carlosfranciscobenegasbini78 3 ปีที่แล้ว +40

    TypeScript 4.1.5 -
    Property 'employees' has no initializer and is not definitely assigned in the constructor.
    in app.component.js you need to initialize employees like:
    constructor(private employeeService: EmployeeService) {
    this.employees = [];
    }

    • @kevinkipkemei6757
      @kevinkipkemei6757 3 ปีที่แล้ว

      thanks for this

    • @philippmayer320
      @philippmayer320 3 ปีที่แล้ว

      "The "employees" property has no initializer and is not permanently assigned in the constructor." can you help me? 1:23:14 in this line: public employees: Employee[];

    • @MrJobember
      @MrJobember 3 ปีที่แล้ว +5

      or you can initialize right there: public employees:Employee[] =[];

    • @philippmayer320
      @philippmayer320 3 ปีที่แล้ว

      @@MrJobember thanks worked

    • @philippmayer320
      @philippmayer320 3 ปีที่แล้ว

      @@MrJobember zone.js:2863 GET localhost:4200/$%7Bthis.apiServerUrl%7D/employee/all 404 (Not Found) next problem, can you help?

  • @Adam-gp3ij
    @Adam-gp3ij 3 ปีที่แล้ว +16

    I really want to understand spring boot back-end! thank you and we are waiting

    • @ayoubbairoud741
      @ayoubbairoud741 3 ปีที่แล้ว

      th-cam.com/video/her_7pa0vrg/w-d-xo.html

  • @atakandurkal2400
    @atakandurkal2400 2 ปีที่แล้ว +15

    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
      @martinbraga6655 2 ปีที่แล้ว +1

      you are a life saver

    • @fretfret
      @fretfret ปีที่แล้ว

      Thank you

    • @tursoxandthehat
      @tursoxandthehat 10 หลายเดือนก่อน

      The Goat himself

    • @Daniallotfi
      @Daniallotfi 7 หลายเดือนก่อน

      Thank YOU!!! Very nice of you!

  • @sam.ammatouri
    @sam.ammatouri 3 ปีที่แล้ว +9

    Thanks for the tutorial, it is useful indeed. Though I would say that Junior is sometimes not explaining important points, and just keep typing and going. For example, in the backend in the EmployeeService class, an annotation of @Transactional appeared, and no details about it. Similarly, in Angular part, I was expecting that Junior would give some details about how he have created the service, but instead it was already there! It would be great to give few moments to explain the "why" in addition to the "how".

  • @79EasyE
    @79EasyE 3 ปีที่แล้ว +6

    Where do you get the template for the app from? I can only find the one that is setup with static data. Also where did the code for the modals, & the navbar come from? Seem you often jump the shark in this tutorial it's pretty confusing.

  • @piotragier9676
    @piotragier9676 3 ปีที่แล้ว +10

    Chapter order is wrong between 01:09:24 and 1:19:38 in case anyone was wondering.

    • @dinaakberdi1962
      @dinaakberdi1962 3 ปีที่แล้ว

      Do you know solution? please help me

  • @STEFAN9484
    @STEFAN9484 3 ปีที่แล้ว +1

    This is what I was waiting for , I learn Java with Spring ,Hibernate with MySQL, and on front end Angular and using Postman . Thanks !

  • @humeidjocordasse4605
    @humeidjocordasse4605 3 ปีที่แล้ว +5

    Walaikumsalam warahmatullahi wabarakatuh.
    Watching From Mozambique, i'm not a native english speaker but, your tutorials i understand natively.
    Thank you for all, and may Allah reward you in the best way

  • @augustovyhmeister4360
    @augustovyhmeister4360 17 วันที่ผ่านมา

    Hello, yesterday I downloaded the BackEnd part and with some adaptations to America/Santiago and a column name it functions correctly, Now I am going to the Front End part ... see you soon ... thanks

  • @jonascbamt
    @jonascbamt 3 ปีที่แล้ว +14

    Muito bom, parabéns pelo conteúdo!
    Desenvolvi o app conforme motrado no vídeo, tudo funcionou perfeitamente.
    Gostei da simplicidade nas explicações e o fato de ir direto ao ponto, sem rodeios.
    Thank you so much man.
    Big hug from Brazil!

    • @carlosync
      @carlosync 3 ปีที่แล้ว +1

      Vou implementar também rsrs

    • @agnus_vins
      @agnus_vins 2 ปีที่แล้ว

      Você teve algum problema com o erro do TypeScript 'Object is possibly null' ?

    • @jonascbamt
      @jonascbamt 2 ปีที่แล้ว

      @@agnus_vins não, mas algumas coisas do backend eu tive que ver no repositório, pois o q estava no vídeo não executou com sucesso, mas no frontend não tive problema

    • @agnus_vins
      @agnus_vins 2 ปีที่แล้ว +2

      @@jonascbamt kkkkkk no meu caso foi ao contrário, o Back-End foi de boas, mas no Front deu problema e pior que eu já tinha desenvolvido uma aplicação semelhante. Enfim, vlw amigo e boa sorte nos estudos!

    • @jonascbamt
      @jonascbamt 2 ปีที่แล้ว +2

      @@agnus_vins opaaaa pra vc também, sucesso!

  • @Mohamed-qt1st
    @Mohamed-qt1st 10 หลายเดือนก่อน

    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

  • @LeafyConversations
    @LeafyConversations 3 ปีที่แล้ว +4

    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.

  • @tomeuestrany8553
    @tomeuestrany8553 2 ปีที่แล้ว +1

    Very nice video, learned a lot and hope I would find it earlier. I think there's tiny functional error at the very end. Inside the front appcomponent searchEmployees function The condition "if (!key || results.length === 0)" is making that when you put non sense input all employees appear and would be more suitable the have the "no employees found" message. To fix that it's as simple as removing the " || results.length === 0" condition. Thanks for the video!

  • @MohammedSufiyan-p7n
    @MohammedSufiyan-p7n ปีที่แล้ว

    I was searching full stack web development with java from over 5 months and here I got it!. Thanks Nelson

    • @sarthakarora6496
      @sarthakarora6496 7 หลายเดือนก่อน

      You completed this project? Were there any errors or change in syntax in newer versions

  • @ZaneSchoonraad
    @ZaneSchoonraad 3 ปีที่แล้ว +5

    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!!!

  • @earthcitizen7156
    @earthcitizen7156 3 ปีที่แล้ว +9

    Hi Amigos, Demo is simply awesome & superb.
    can u plz extend ur project with the below most wanted functionalities. It would be great.
    1. pagination
    2. login using jwt + spring boot
    Eagerly Awaiting for ur Response.

  • @kevibec
    @kevibec 3 ปีที่แล้ว +3

    That's what i've been searching for so long! So exited to get into it. Thank You so much! :)

  • @thatonehoots
    @thatonehoots 3 ปีที่แล้ว +1

    You two are heroes we don't deserve! Thank you for the insight and tutorial.

  • @programalol
    @programalol 3 ปีที่แล้ว +5

    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.

  • @prabeshbajracharya99
    @prabeshbajracharya99 3 ปีที่แล้ว

    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

  • @safwenbenabdessalem4519
    @safwenbenabdessalem4519 3 ปีที่แล้ว +1

    Thank you so much man! been waiting for this, really excited for this great course! Much love and support!

  • @mcduzy10
    @mcduzy10 3 ปีที่แล้ว +9

    Great video and thank you. I have an issue where I'm using typescript 4.1.2, which gives me an error when calling onOpenModal(employee: Employee, mode: string): void{...} on my template and passing null as the 1st parameter for adding a new user. I get the following error: error TS2345: Argument of type 'null' is not assignable to parameter of type 'Employee'.

    • @mcduzy10
      @mcduzy10 3 ปีที่แล้ว +4

      just solved the issue by adding this line in my tsconfig "strictNullChecks": false

    • @vikashkumaryadav1685
      @vikashkumaryadav1685 3 ปีที่แล้ว +20

      onOpenModal(employee: Employee|null, mode: string)
      this modification will fix the issue

    • @mcduzy10
      @mcduzy10 3 ปีที่แล้ว

      @@vikashkumaryadav1685 thanks mate! It worked!

    • @fsandovc
      @fsandovc 3 ปีที่แล้ว +1

      @@vikashkumaryadav1685 Thanks was looking for this solution!

    • @RodizioDePizzas
      @RodizioDePizzas 3 ปีที่แล้ว +1

      @@vikashkumaryadav1685 thanks

  • @flamingbulleyesgaming4412
    @flamingbulleyesgaming4412 หลายเดือนก่อน

    Salam, I just finished this video. I learned a lot over the 2 hours. Thank you for this video. I do recommend this video but it is a tiny bit outdated with typescript. But that is only minor changes. Other than that, this was an amazing course intro for Springboot and angular.!!!

  • @myatnoesmusic
    @myatnoesmusic 3 ปีที่แล้ว +6

    I created Add Category (current), at html page, it shows "null is not assignable to parameter of type employee". Please Let me know, Mr.

    • @DDGAMEX
      @DDGAMEX 3 ปีที่แล้ว +1

      me too, did you fix it?

    • @lucastvms
      @lucastvms 3 ปีที่แล้ว +6

      @@DDGAMEX put ! after null, it worked for me: (click)="onOpenModal(null, 'add')" ==> (click)="onOpenModal(null!, 'add')"

    • @wchallenge7482
      @wchallenge7482 3 ปีที่แล้ว +2

      @@lucastvms thanks a lot man !!

    • @Nico-zr9qy
      @Nico-zr9qy 2 ปีที่แล้ว +1

      @@lucastvms thanks buddy, this gave me a headache the whole night

    • @WillieGaldamez
      @WillieGaldamez 2 ปีที่แล้ว +1

      @@lucastvms can someone explain why this works?

  • @arturgostiuc7846
    @arturgostiuc7846 3 ปีที่แล้ว +4

    Thanks a lot for this course.
    P.S. There is a mistake in video, 1st and 2nd parts of Angular Service are vice verse.

  • @ewomensierraleonesl
    @ewomensierraleonesl 8 หลายเดือนก่อน

    First of all let me say thank you very much Junior and Co. I followed the tutorial and even implemented this project. Everything is actually working fine except that the angular side is not saving the imageUrl to the server. If I use Postman to send a post request, all fields including the ImageUrl are saved perfectly. But if my angular frontend is used, all other fields are saved except the imageUrl. Hence, the images are also not displayed on the frontend even if the imageUrl is inserted using Postman. Any tip on this? I have googled wildly trying many things but still no luck. Thanks in advance!

  • @carol00210
    @carol00210 ปีที่แล้ว

    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.

  • @1Chitus
    @1Chitus ปีที่แล้ว +2

    Such a helpful, well thought-out, and detailed tutorial!! Thank you so much!

  • @MrIron-fx5zg
    @MrIron-fx5zg 3 ปีที่แล้ว +1

    Thank you brother, you are amazing. Hope your Ramadan is going well, Alhamdulillah.

  • @adityaangga5301
    @adityaangga5301 10 หลายเดือนก่อน +1

    very clear tutorial, simple to implement step by step. thankyou bro. hopefully i cant watch more tutorial like this

  • @LieberLois
    @LieberLois 3 ปีที่แล้ว +26

    Incredibly hard to follow the Angular part. After importing Bootstrap you suddenly have the whole app sketched up?

    • @HandledToaster2
      @HandledToaster2 3 ปีที่แล้ว +3

      IMPOSSIBLE to follow is what you mean.

    • @fakherhabib7952
      @fakherhabib7952 3 ปีที่แล้ว

      you can look at the source code of the template in the front-end github repository

    • @robertomartinez907
      @robertomartinez907 3 ปีที่แล้ว +1

      @@fakherhabib7952 i did that just getting a bunch of errors in the html and i literally copied his code

  • @user-Chinchu_Ori
    @user-Chinchu_Ori 2 ปีที่แล้ว

    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!!!

  • @ayoubelhioui2205
    @ayoubelhioui2205 ปีที่แล้ว

    i really appreciate your efforts, thank you so much, just one question, in the Employee controller,why you didn't check(catch the exception) if the employee is not exist, cause you already throw an exception in the service, thank you so much.

  •  3 ปีที่แล้ว

    Hi, Thanks for the tutorial! :) Will you use model/dto in the project? with or without Lombok? will you connect to mysql?

  • @ayoubbairoud741
    @ayoubbairoud741 3 ปีที่แล้ว

    Mashallah ,you did a wonderful job, ,i'v learned many things , hope God blesses you and he makes it in the balance of your good deeds.
    i jst have 2 qstions:
    1-F-E : why don't you use the CLI to install bootstrap ,and which one is the better way?
    2-B-E : why do you use [ResponseEntity] instead of [produces/consumes = MediaType.APPLICATION_JSON_VALUE ],and what is the best practice??

  • @doniabensedrine343
    @doniabensedrine343 2 ปีที่แล้ว

    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

  • @samibenchaalia3443
    @samibenchaalia3443 3 ปีที่แล้ว +1

    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

  • @darkpassenger9155
    @darkpassenger9155 3 ปีที่แล้ว +5

    0:00 - 3:37 - introduction
    3:37 - 4:39 - Quick Word (practice as much as possible)
    4:39 -10:10 - Prerequisites

  • @joekhoueiry2447
    @joekhoueiry2447 3 ปีที่แล้ว

    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

  • @shaamcom83
    @shaamcom83 2 ปีที่แล้ว +1

    Thanks for the video Junior. I think it would have been easier if you had just toggled the modal using the data-toggle and data-target instead of manipulating the DOM as it is a costliest operation.
    For instance, this would have solved the problem:

    • @raquelsesa
      @raquelsesa ปีที่แล้ว

      It's true this would be nicer but I don't see how do you pass the updateEmployee and deleteEmployee

  • @jarekczaplicki4437
    @jarekczaplicki4437 3 ปีที่แล้ว +2

    Great course, but I have a question why in my IntelliJ the application. properties file has a standard icon, not a green leaf like in your case ?
    Additionally, I have no syntax hints inside this file
    Greetings from Poland

    • @emirmesic4254
      @emirmesic4254 3 ปีที่แล้ว +1

      Same here, my guess is that's the difference between the community and the ultimate version of IntelliJ.

  • @Winterlittle
    @Winterlittle 3 ปีที่แล้ว +1

    i love your tutorials so much, thanks for taking the time! maybe a golang backend, vue frontend project?

  • @paulosullivan4057
    @paulosullivan4057 3 ปีที่แล้ว +4

    Hey dude, you need to tell people when you add on your own HTML. "You're just gonna paste the code of the snippet that I just showed you". You made it seem like you simply copy pasted from the BootDey HTML but you added your own extra HTML on to it. You're telling people to copy that code which has no Nav Bar, yet the code you copy in the video has a Nav Bar. Did you make your own changes? This will throw a lot of people off. Great tutorial regardless. Cheers :)

    • @HandledToaster2
      @HandledToaster2 3 ปีที่แล้ว +3

      My god he is so hard to follow. Tutorial is 2 hours and 40 minutes but it's taking me the entire day.

    • @paulosullivan4057
      @paulosullivan4057 3 ปีที่แล้ว

      @@HandledToaster2 I ended up paying 15$ for getArrays springboot angular JWT course. It's pretty good. highly recommend it

  • @adriano147
    @adriano147 3 ปีที่แล้ว +6

    I had to make some changes to the bootstrap due to a new version, without problems. But there is an error in the onOpenModal method when the null parameter is passed, in the navigation bar, to add a new user. How can I solve this? The error is: "The argument of type 'null' cannot be assigned to the parameter of type 'Employee'."

    • @marcelomiller8593
      @marcelomiller8593 3 ปีที่แล้ว +1

      did you find a solution? same error here

    • @StoneIsra
      @StoneIsra 3 ปีที่แล้ว

      @@marcelomiller8593 the same here

    • @aminebenslimane1543
      @aminebenslimane1543 3 ปีที่แล้ว +3

      just add this to your tsconfig file :
      "strictNullChecks": false

    • @dimitrisfou6908
      @dimitrisfou6908 3 ปีที่แล้ว +1

      @@aminebenslimane1543 you are the best

  • @Mohamed-uf5jh
    @Mohamed-uf5jh 3 ปีที่แล้ว

    Great Job , i finshed this tuto for one week- end (14 hours )both frent-end and back-end thank Junior for your efforts

  • @abdulraqeebm.3305
    @abdulraqeebm.3305 3 ปีที่แล้ว +8

    I think there is a missing part, which is the design of the modal (employee name field, email ...etc)

    • @ernestovalle6460
      @ernestovalle6460 3 ปีที่แล้ว

      It is inverted, the next part explains how to do that, just it was bad ordered

    • @abdulraqeebm.3305
      @abdulraqeebm.3305 3 ปีที่แล้ว

      @@ernestovalle6460 please provide the timestamp for that

    • @ernestovalle6460
      @ernestovalle6460 3 ปีที่แล้ว +1

      @@abdulraqeebm.3305 Check the answer of Nagasesa Nagasesa one Month ago, it explains the same:
      1:09:30 "Angular Service" (explains Creation of Employee interface and add methods to service)
      1:14.01 "Angular Service PT2" ( Explains creation of employee.service.ts using CLI)

    • @abdulraqeebm.3305
      @abdulraqeebm.3305 3 ปีที่แล้ว

      @@ernestovalle6460 but I am talking about something else, not the service part.
      I know that the service part is inverted, but there is another missing part, the part where he design the modal (add modal, edit modal, delete modal)

    • @ernestovalle6460
      @ernestovalle6460 3 ปีที่แล้ว

      @@abdulraqeebm.3305 the last versión of the code in the page that he mentions doesn't contain the same code, just a demo with users, what i did wqs to "reverse" his html code to remove all the angular, there are the modals he is talking about

  • @lucasvieira7202
    @lucasvieira7202 3 ปีที่แล้ว +2

    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!

  • @bazar9000
    @bazar9000 3 ปีที่แล้ว +3

    If you want to take it to the next level try to
    split the backend into microservices

  • @xeanluxcrille6847
    @xeanluxcrille6847 ปีที่แล้ว +1

    28:15 you know, some years back, I created the same interface for a project.... I did it so that the other developers will only have to worry about creating the models and custom SQL statements. Now I'm realizing I literally created my own version of the JPARepository. Huh. Feels weird.

  • @bardhprenkaj7999
    @bardhprenkaj7999 3 ปีที่แล้ว +1

    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.

  • @ryanceasarborromeo1989
    @ryanceasarborromeo1989 3 ปีที่แล้ว +2

    On 33:44, why you want to create another method? JPA has deleteById am I right?

  • @mattplog1725
    @mattplog1725 3 ปีที่แล้ว +3

    So many bugs I don't know where to start... I'm very confused by the fact that you have functioning code in the video but the source code is so messed up. Multiple things simply don't work. What happened?

  • @fretfret
    @fretfret ปีที่แล้ว

    This was a great series and I managed to get everything working but I am confused about this. . .
    How do you give a project like this to someone externally - not on our localhost (for a client - end user etc.,)?
    How do we package it?
    Will they need MySQL installed on their machine? If so then does the application package contain installers for MySQL or something?
    Sorry for newbie questions but I don't understand how we provide this service to someone?

  • @charlienewman2705
    @charlienewman2705 2 ปีที่แล้ว +1

    Am I the only one confused at 1:09:30? continue to visual studio without beginning? how we ended up there?
    edit: btw tutorials are so good, thanks amigos :)

  • @TheCookieMuncher96
    @TheCookieMuncher96 3 ปีที่แล้ว +5

    when testing the delete endpoint on postman i was getting a 500 error. I fixed this by putting the @Transactional annotation above the deleteEmployee method within EmployeeResource

    • @dannyj7262
      @dannyj7262 3 ปีที่แล้ว +1

      I had to do the same

    • @AnnieBox
      @AnnieBox 3 ปีที่แล้ว +1

      Thank you for saving me!!!

    • @jaybon2076
      @jaybon2076 2 ปีที่แล้ว +1

      thank you!

    • @josephthecreator
      @josephthecreator 2 ปีที่แล้ว +1

      Not sure when you'll read this response....but THANK YOU! Thank you sir.

    • @onsaouyan4024
      @onsaouyan4024 ปีที่แล้ว +1

      THANK YOUUUUU

  • @martinbraga6655
    @martinbraga6655 2 ปีที่แล้ว +3

    1:35:00 where is the html code coming from? the referenced snippet has a different html, even the html that appears in the video is not the same as the one he pastes, and obviously you can´t use the one in the source code because it´s already worked on and defeats the purpose of the tutorial copying and pasting it.

  • @mardoxx8043
    @mardoxx8043 2 ปีที่แล้ว

    what is the windows terminal theme you are using?looks amazing

  • @ezu5131
    @ezu5131 2 ปีที่แล้ว

    Nice, simple, and concise tutorial. Love it. Thanks gents

  • @andrewsemakin5397
    @andrewsemakin5397 10 หลายเดือนก่อน

    Hi 👋 guys!) You are awesome 😎 Super powerful tutorial 🔥. What a theme is used in IDEA? Thanks all for answering me!) Wish you good luck 👍 With love from Ukraine 🇺🇦

  • @aniketpatel3994
    @aniketpatel3994 3 ปีที่แล้ว +1

    Amazing Content... Simple Language... Highly Recommended...
    Thank You for making this free..

  • @malle1544
    @malle1544 3 ปีที่แล้ว

    Thank you for the video, it did help a lot. But how do I actually do if I wanted to use an image directly from my computer ?

  • @guitarman813
    @guitarman813 3 ปีที่แล้ว

    Another video added to the playlist. Cheers Nelson and Junior!

  • @joelmilan7835
    @joelmilan7835 ปีที่แล้ว +1

    Good day. Please did you post the actual template you used in your html anywhere?

  • @nelsonrodriguez5921
    @nelsonrodriguez5921 2 ปีที่แล้ว

    Hi. This is a great course. But, I have a question... What happen if the spring boot version used in this course not exists? Will it work?

  • @ilenia8083
    @ilenia8083 ปีที่แล้ว

    Hello! Thank you for this awesome tutorial! If i want to pass more json element all together in the same json file to the function "addUser" how should i do? I need (@RequestBody List/Map ) as parameter or what? Thank you!

  • @blueicetiger3987
    @blueicetiger3987 3 ปีที่แล้ว

    I will love this tutorial. Will probably watch it to learn more on this combination. Thank you Amigoscode!

  • @bandlavenkatahemanth302
    @bandlavenkatahemanth302 3 ปีที่แล้ว +1

    It's really helpful, Thank you. Can you please help us with how to host this?

  • @AstonJay
    @AstonJay ปีที่แล้ว +2

    Is it just me or is the "Angular Service" Part 1 & Part 2 switched around? Part 2 needs to be first, THEN the part 1 should be watched. (1:14:02 first then 1:09:22)

  • @Hivstein
    @Hivstein 2 ปีที่แล้ว +1

    بارك الله فيكم, مجهود رائع, في ميزان حسناتكم

  • @TuanAnh-lk1jw
    @TuanAnh-lk1jw 2 ปีที่แล้ว

    I think it may has some bugs, if you have 2 employee such as David and Daniel, when you type 'Dan' (key = 'Dan') it only shows Daniel, but when you delete the 'n' letter (key = 'Da'), it won't show David since the this.employees array only has Daniel left

  • @stefanmanev2061
    @stefanmanev2061 3 ปีที่แล้ว +2

    DUDE! This is so timely! Thank you :)

  • @vandanaingole8318
    @vandanaingole8318 2 ปีที่แล้ว

    your are really awasome.the way explain very clear and good. every one understood .sir please make mini project on full stack so that fresher can understood flow of application. thank u for u help. greate video . god bless u

  • @gregs94
    @gregs94 3 ปีที่แล้ว +3

    I have a problem with (click)="onOpenModal, when I try to click the "Add Employee" the inscription is not recognized as a click. When I inspect in chrome this button I've message"Cannot read property 'appendChild' of null" Can you help?

    • @RodizioDePizzas
      @RodizioDePizzas 3 ปีที่แล้ว

      did you solve?

    • @eduardoreis2495
      @eduardoreis2495 3 ปีที่แล้ว

      Hey, to solve this you must add a "!" after the null parameter. (click)="onOpenModal(null!, 'add')"
      After this, your code will be succefully compiled!

  • @chinmaydas4053
    @chinmaydas4053 3 ปีที่แล้ว +1

    You are great.. very important, helpful video.. lots of respect for you 🙏🙏.. expect many these types of helpful videos from you 🙏🙏

  • @alexandrunistor8535
    @alexandrunistor8535 3 ปีที่แล้ว +1

    Could you post an outline of the video? :)
    It has 2 hours and something and for those who know something about Angular and Spring boot it may be of interest to skip to another topic along the timeline.

  • @maratmartirosyan478
    @maratmartirosyan478 2 ปีที่แล้ว

    The material is excelent, but too many subscribtion to the channel notifications are bothering. ((

  • @phanikumarvidiyala3427
    @phanikumarvidiyala3427 3 ปีที่แล้ว +1

    Spring boot batch schuduler using Maven, java8,spring jpa and oracle driver Is there any video for Springboot batch

  • @79EasyE
    @79EasyE 3 ปีที่แล้ว +1

    Isn't there an edit problem around 1:10-1:16? you create the employee.service.ts file after coding it it seems?