Flutter Tutorial - Weather App | Part 2 - Fetching data from the Internet, using API call

This video is the second part of a Flutter tutorial series. In this video we will learn how to fetch data from the Internet using an API call.

By the end of this tutorial series we will build a weather app with a nice and clean designed user interface. The app will be able to communicate with a database what has a data from lots of cities around the world. This will happen via API calls. The data will appear on the screen while the background image and the weather icon will change as the weather changes in the searched city. For the usability it will show an error message in case of a wrong search. The app will also have an app icon to look more like a real application.

You will learn from this tutorial series how to:
- fetch data from the Internet, using API call,
- use an API,
- get current location with geolocation,
- manage states, use stateful class,
- build clean layout,
- work with TextField widget,
- use platform specific design,
- use asynchronous functions,
- building user-friendly app with error handling,
- use the conditional operator,
- set the app icon in both platforms,
- build a basic app with Flutter.

Links to the other parts:

#FlutterTutorial#LearnToCode#LearnCodingTogether

⏭️What To Watch Next:

REALISTIC DAY IN THE LIFE OF A SOFTWARE DEVELOPER -

[kasunmunasinghe]

really nice tutorial thank you very much 😊

[rafinazwan]

thank you very much this is very helpful

[AbhishekKumar-ggox]

Is there any better way to change background image because set state () is too costly and app can crash anytime.

If any other way is there, please share. Thank You.

[kethakianjana]

Hello.. when i do debugging this.. i got an error as
Error: XMLHttpRequest error

How to solve this

[laureljackson]

Hi, I'm using your videos to guide me in creating a weather app but I realize that the API has a limit on the countries it searches for. Can you recommend any APIs that do global searches?

[itsbond]

I raised an issue in your git repository to remove the 'debug' banner on the top right corner of the screen.
( I know it's not important)

[ttt]

How to get API hourly and code ? Plz help me

[toppoint]

This api doesn't support Arabian cities .right ?!

[souvikguria]

everything's going fine but the API is sick :(