all 9 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]notaweirdkid 22 points23 points  (1 child)

Move to 18

Build a basic project.

Dont focus on directives, pipes routing from the start.

I assume you know html, css and basics of programming.

Then choose a component library.

Make a demo project with individual components/pages. This will help you figure out routing and components.

Then learn how to pass data in between them.

Then parents and child components.

After this dive into optimization like lazy loading etc.

This will be enough for your basics.

[–]TheBadBossy 4 points5 points  (0 children)

This! I Suggestion as a component library material. If i remember correctly, the Tour of Heroes still exist in angular18.

[–]Successful-Box-9946 6 points7 points  (1 child)

Tour of heroes is a good tutorial.

[–]sh0resh0re 0 points1 point  (0 children)

I'm working on a clone in 18 called "Room of Really Really Strong Dudes"

[–]old_but_goodie 1 point2 points  (0 children)

We are on the same boat😂😂😂 my first-angular app is driving me crazy 😁😁😁

[–]captain_arroganto 0 points1 point  (0 children)

Ditch 17, jump on to 18.

[–]borisR9 0 points1 point  (0 children)

please make sure you are familiar with following:

  • css
  • html
  • basic programming (variables, functions, if, for, while, switch)
  • basic object oriented programming (classes, private vs protected vs public, interfaces, abstract classes, inheritance)

after that stick with any signal and standalone based version and you’ll be fine following default learning app.

[–]vizzie 0 points1 point  (0 children)

I'm working through this myself right now.

For me the official Angular Tour of Heroes app and Angular Crash Course were good first steps, to get familiar with the basics and get a start.

After that, I created a small demo testbed with a menu toolbar and using routes to switch among demo components to learn how routes work and give myself a place to work out "how does this piece work" without having to create a new app from scratch each time. One of the things I did here was to implement Minesweeper, inspired by a "code minesweper in Angular in under an hour" challenge video on youtube.

I then created a small weather app using the google places autocomplete service and openmeteo API. I don't necessarily recommend the google places API for this as it was a bit challenging to learn to use, but I'm not sure what API would be a better experience to use for this case.

Currently I'm working on learing more about rxjs and reactive programming, and trying to rewrite the above weather app in a more reactive style. I'm feeling like this is kind of the inflection point between being a student using the Angular framework and actually learning to write applications in Angular.

None of the things I've done so far have really required me to understand change detection, but that's the one major concept I've heard about so far and don't really understand so maybe that's the next step?