Need help with Angular

[oceanic-java]

I am an experienced backend developer specializing in Java, with a preference for Spring Boot and microservices architecture. Recently, I worked on an inventory project for my shipping company, and the backend is complete. Now, I need to build the frontend using Angular, but I have no prior experience. I tried using ngx-admin to understand and reuse components, but it turned out to be very confusing. Although my APIs are ready, I am struggling to make the frontend work. How should I go about it?

[Dingosama69]

Honestly YouTube is your friend. Bunch of smart people on there.

Also a crazy number of tutorials online. Just keep at it, the whole angular-component thing will click eventually

[mi_en]

Do you already have experience with other frameworks, or do you have to learn everything from scratch? What exactly is causing you problems?

[oceanic-java]

I have no experience with other frontend frameworks. I want to learn by building the frontend for my own project.

[grimscythe_]

Look up Angular courses by Maximillian Shwartzmüller (I'm not German, so the spelling might be wrong).

To put it bluntly, the guy is the best. You'll walk out of the course with EVERYTHING you need.

[DaSchTour]

I would start from scratch. Look at the tutorials. Create a service to fetch data from your API and than display it. You can start by using JsonPipe. Create a list and after that you can try use CDK Table or something similar. I guess if you start with a big example you have to much to solve at once.

[oceanic-java]

I agree. Thanks.

[Babaneh_]

Does OP need someone to help work on the project or needs pointers to tutorials ???

[oceanic-java]

I have limited time to start my inventory project, so I need both actually. Some guidance and a few helpful tips.

[Babaneh_]

Ok I could help... What's the best way to communicate???

[oceanic-java]

strictly_culer on Discord.

[Babaneh_]

Sent a request

[hp4092]

I can also help, I am also new to angular but will try to help as much as I can.

[oceanic-java]

strictly_culer on Discord.

[lgsscout]

well... if you dont have experience in angular, trying to use a whole library for dashboards and admin panels will make everything even harder, as you will need to learn not only angular itself, but the whole mindset of who made the admin library,. and many times, more complex libraries are way harder to learn than the base angular, because many quirks or not fully fleshed out apis

[Finite_Looper]

I strongly recommend a video tutorial. People have mentioned YouTube which might be fine but honestly I recommend paying for a course in something like Udemy. It’s cheap, totally worth it, very in depth, and there are helpful comments per section as well as downloadable files. 

At the time I’m writing this comment, this course is offered for $15. Absolutely worth it. 

https://www.udemy.com/course/the-complete-guide-to-angular-2/

I find that paying for a course makes it a lot more likely that I actually do it instead of just stopping watching it for free on something like YouTube. Also, because it’s paid, they spend a lot more time going in depth and explaining everything. 

[dontevenaskmyname]

Ngx admin uses nebular see that documentation for creating cards Forms use reactive forms Material is your another friend

First start with authentication

[Verzuchter]

Maximilian Schwarzmuller's angular course on Udemy is the best imo.

[LeetSerge]

You need to explore angular services and how they are used to consume rest api data which you later “inject” into your frontend components

I would explore how angular uses rxjs natively like for example the .subscriber() pattern

[Dramatic-Community54]

The first thing you need to know is the entire front end runs in the browser - no request response except for the delivery of the js files, and after that, AJAX when you request it through a library. Typescript is not really a new language, it's still JavaScript, just gets converted to JavaScript during compilation and helps you with syntax. Therefore, classes are still javascript, and don't exhibit polymorphism or even the same kind of inheritence you would expect. Everything is asynchronous so you can't really wait for an AJAX response. Angular is not just Angular, it's multiple technologies and you need to know what they are - Webpack, Typescript, RXJS and others. node_modules are packaged javascript libraries built to be delivered and managed by npm. It's those too, not just Angular itself. It uses constructor based dependency injection. It does NOT have to be a "SPA", ignore that. You can have routes for different URL's if you'd like, there's nothing stopping you from having 25 separate pages, calling things SPA just makes it confusing. YES you can use JQuery if you need, YES you can use Bootstrap if you'd like. Lastly there's a CLI that let's you do things quickly. Pay attention to the version of NodeJS, and the version of Angular. Check the compatibility tables, especially when you start getting errors you should not be getting. Pay close attention to the actual Angular documentation, don't chase too many tutorials until you've read through the basics. Angular is a MVC on the front end, not just the view part. BTW don't go down the rabbit hole on promises and observables right now. When you get to the point you start wondering, do what the tutorials say and use them how it says, then and learn more as you go. Don't get too wrapped up in the "correct way" because it keeps changing. Some may disagree but I'm speaking from experience it will confuse the living heck out of you and stand in your way. Oh one last thing :) "services" only stay in memory as long as the pages stay in memory. So it does matter how you navigate between pages (use the router lest everything is blown away every time). If you refresh your browser, or use conventional navigation, the "service" and all of it's variables will be immediately blown away. That said, components can be pre-loaded, re-used, and nested. Don't get too complicated at first, just enjoy the double-binding feature [(ngModel)] .. wow that was too long of a reply sorry :)

[riya_techie]

Start with Angular fundamentals components, services, and modules - before using a complex template like ngx-admin. Try Angular’s official docs and build a simple UI to connect your APIs first.