Mobile Development with Flutter and Dart, Part 12 of 16: Weather Forecast Application
Interactive

Mobile Development with Flutter and Dart, Part 12 of 16: Weather Forecast Application

LearnNow Online
Updated Sep 04, 2020

Course description

Make Apps that run on both IOS and Android with Flutter using Dart! This covers: starting the creating of a weather forecast app, setuping network class and adding city and country names.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.


Prerequisites

The first parts of the course make the user familiar with Dart, these can be skipped if sufficiently knowledgeable.


Meet the expert

Paulo Dichone

Paulo Dichone graduated from Whitworth University with a B.S in Computer Science in 2009 and has worked building Android and iOS mobiles apps as well as web applications. Since 2014 he's been an online instructor teaching over 40,000 students from 170 countries in how to program Java and build Android Applications.

Video Runtime

74 Minutes

Time to complete

131 Minutes

Course Outline

Weather Forecast App

Weather Forcast App (26:14)

  • Introduction (00:13)
  • What You'll Build: WeatherForcast App Demo (02:15)
  • OpenWeather APPID setup (03:39)
  • Setup Our Weather Forecast Project (06:14)
  • Creating our Forecast Model Class (11:39)
  • Fixing Forecast Model Class (02:05)
  • Summary (00:08)

Setup Network Class (24:08)

  • Introduction (00:08)
  • Setup Network Class (08:16)
  • Pulling JSON Data from API and Showing it (07:43)
  • Using FeatureBuilder to Show Data (07:51)
  • Summary (00:08)

Adding City and Country Names (24:04)

  • Introduction (00:08)
  • Adding City and Country Names (06:24)
  • Getting City Name Dynamically From TextField (03:00)
  • Formatting and Showing Date (09:20)
  • Showing Current Temp (05:03)
  • Summary (00:08)
;