Your Second Flutter App

Nov 30 2021 · Dart 2.13, Flutter 2.2.3, Visual Studio Code

Part 1: Parse Network Data

01. Introduction

Episode complete

Play next episode

About this episode
Leave a rating/review
See forum comments
Cinema mode Mark complete Download course materials
Next episode: 02. Create the Project
Transcript: 01. Introduction Hey, what's up everybody. This is Brian. Welcome to the third course in our Flutter Beginner's Learning Path, where you'll learn to build your second Flutter app. Now, if you've been following along the Flutter Learning Path, you've already created one app and dived into the dart programming language. In this course, you're going to level up your Flutter knowledge by building an app that replicates some of the features of the official app. This app that you'll be building is called RW Courses. You'll use the API to show a list of video courses, filter that list of courses, navigate to a Course Detail screen, and launch a web page showing the course on Whereas your first Flutter app was a game to demonstrate app building in general, this app consists of a lot of different techniques that you may be using in your own apps. This course is broken down into five parts. In this first part, you'll get started by creating a new app project and fetching data from Here's the breakdown of what you'll be doing in this part. In the upcoming episode, we'll use Visual Studio Code to start the RW Courses app from scratch. Then you'll add to your knowledge of dart by looking at the future type, with which you run asynchronous code that returns a result in the future, after which you'll get exposure to architectural considerations that occur in mobile app development, and create a model class to hold data into a repository from which your app can fetch data. You'll next make the first network call in Flutter, calling the API to retrieve a list of video courses. Then you'll learn how to parse the data obtained from the remote API to turn it into dart objects in your code. You'll get some practice interacting with an API and parsing data returned from an API by adding more properties to the dart model class. Next you'll parse some more complicated data returned from the API. Finally, you'll get an introduction to another big picture idea that you'll run frequently into app development called dependency injection. Now this course builds on the knowledge you gained in your first Flutter app course, in the Programming and Dart Fundamentals Course. You'll need to have viewed those courses, or have equivalent knowledge, in order to follow along with this course. Now, this course is designed to be hands-on, where we build the app together step-by-step. It's very important that you don't just watch the exercises, but actually follow along. Open up Visual Studio Code, type along with me, and run the app we build in either the iOS simulator or the Android emulator. This helps you understand how the app gets built step-by-step. In addition, this course contains several hands-on challenges, where you'll get to practice what you've learned on your own. It's in your best interest to actually pause the video and try solving the challenges. You'll learn a ton by doing this. There's a big difference between knowing the path and walking the path, and the only way to walk that path is to actually do it. So let's get right into the code by creating the Flutter project for this course.