Angular 17 Course - App from Scratch: Allow search for Cities

Welcome to my Angular tutorial series! In this video, we will create an Angular Application from Scratch and in this episode we will implement the search function to allow the user to search for an location to add the weather forecast in the next part.

🎯 What's Covered:
- Use the location API to get option which get shown to select
- Using toSignal to use the valueChanges to make some debounced queries

📂 Resources:
Alternative Location API API:
https://openweathermap.org/api/geocoding-api#direct_name
API Link is: http://api.openweathermap.org/geo/1.0/direct?q=London&limit=5&appid={API key}

GitHub Repository: Find the weather app here: https://github.com/codingnick-dev/weather-app-course-angular-17-18
Follow along with the code and experiment on your own!

🚀 Take Your Angular Skills Further:
Ready to learn the latest Angular features? My comprehensive Angular 19-21 course covers everything new including Hydration, Event Replay, Resource API, Signal Forms, and more. You'll build real projects with a complete Playground App and Weather App from scratch - all source code included!

🔗 Angular 19-21 Course:
https://www.udemy.com/course/master-angular-1718/?couponCode=A57EE55A5D17722D0D78
(Available until 18.03.2026)

💡 Already mastered Angular 17 & 18? This new course picks up right where these versions left off, focusing exclusively on the cutting-edge features of Angular 19, 20, and 21.
👍 Enjoyed this video? Subscribe for more Angular tutorials!
🔔 Don't forget to like, share, and hit the notification bell to stay updated!

Видео Angular 17 Course - App from Scratch: Allow search for Cities канала Nicolas LS