HTTP in Angular - Learning Angular (Part 8)

Learn how to support HTTP requests with this tutorial. We will dive into using fetch to make an HTTP request to a live endpoint, refactor services and service calls to use the new format, add filter capabilities to our app with template variables and typescript.

Resources:

#Angular

[joaomarcos]

Finally completed, I can now start my internship task at the company. Thank you guys.

[TayambaMwanza]

I managed to finish the playlist.

Big thanks to Mark for putting this together in an easy to consume format, I think the less than 15min videos is the perfect duration for quick lessons.

I really wish I had access to this when I was first learning Angular.

I even learned about javascript features I never used but heard of, will definately use them from now on i.e. non-null assertion, nullish coelecing, optional chaining.

Last Feedback:

- It would be great to have an "advanced features" section after the "basics" tutorial in the future, it makes a nice divide between, "you are in the basics of angular for a small app" to "here are the more enterprisey features" and I think fetch api CRUD section should be in basics, 99% of apps will need to fetch data from somewhere, httpClient can be in advanced, maybe after a basics in rxjs section (Still part of advanced series)

- I noticed that in Angular 16 we use app.config.ts instead of main.ts but I guess that's for next version

Otherwise I'd say this is perfect, no major complaints, well done and looking forward to more.

[PaulGreen-lkym]

Ty from the React enjoyer. Very informative. Would be great to see a similar tutorial for Angular 17.

[kwame_g]

Loving Angular 17. Following this tutorial and using the new control flow syntax

[jhadesdev]

I'm very happy to see this in an official tutorial. I have also been using async/await a lot on my applications, and it works great, the code is much more readable than Observables. For most typical HTTP use cases, would you recommend now to use mostly fetch and async/await, and leave the Angular HTTP Client for special use cases, like building an auto-complete? Thank you for sharing.

[i-publishinghouseghana]

The completed code from this lesson is different from the video tutorial.

[itsyash]

Best angular learning resource ... kudos to Mark

[Lopeirada]

Managed to make a filter for state and cityname but cant make the enterkey to be the same has pressing the search button (keydown) doesnt work

[raihankabirfahim]

Excellent short tutorial <3 Specially loved the enthusiasm you showed in the videos.

thanks Mark! Its was gr8 learning with these tutorials

[isadoradeoliveira]

Thanks for the tutorial! It has helped a lot 🥰

[otavioneto]

How could I solve the problem of having to click the search button with the mouse for the filter to work? If we simply press the Enter key, the page reloads as if we hadn't filled out the input.

[nicobonder]

In minute 4:52, when you refactor the function and remove all the find logic, how does it know that have to go to json and just give you the location you need? It is hard for me to understand how the this.url/id will make to return the same that we had with the find method. Thanks

[porchheng]

thank you so much for your effort sir.

[levibidias]

i really enjoyed this journey, it was funny and thank you and wish you the best for the next

[anshulmishra]

hey mark, pls add the proper code in the link, the link in this video is not updated with the latest home.component.ts file changes

[chamaradissanayake]

Thank you so much! I covered all the video series and it is great. One question, why don't you use separate html component? why do it like in React? Is there an advantage?

[xaviersoh]

"Go build, geats apps!" Amen !!!!

[michelewhere]

after i did all the changes after the min 7:21 and saved everything, when i go to details page of any house, the image of the house doesnt load, and i believe its because when i tranfer it to db.json i had to switch to " instead of ' for the url of the image, is there a way to solve this??or is it something else that may cause the problem?

[harithfannad]

good job man gg wp thanks for these very nice videos and im looking forwards to more videos