The Complete Flutter and Firebase Developer Course

Build Stunning Serverless Android & iOS Apps using Google’s great new mobile UI framework.

Created byNathan Glover, Rico Beti

Last updated 1/2019

English

English [Auto],

What you'll learn

Build a Beautiful Flutter App from scratch
Dart Programming experience for other Frontend and Mobile projects
Cloud Firestore Database integration for our Flutter App
Firebase Authentication for our Flutter App
Firebase Functions to safely handle changes to Cloud Firestore

Course content

6 sections • 58 lectures • 5h 33m total length

Welcome to the Course1:00
What is Flutter & Firebase2:38
What is this Flutter and Firebase?
In this section we discuss what Flutter is, and talk about how we can use with with Firebase to make our projects serverless
Development Setup - Windows4:51
We cover off the requirements needed to develop applications on Windows for Flutter
Development Setup - MacOS4:30
We cover off the requirements needed to develop applications on MacOS for Flutter
Development Setup - Ubuntu5:29
We cover off the requirements needed to develop applications on Ubuntu/Linux for Flutter
Development Setup - Android Studio2:23
We cover off the requirement of installing Android Studio for local development using the Virtual Device
Support Material & Code - Explained1:40
Learn how to access incremental code versions on GitHub, download entire code bases by section, and compare the final cat box app while starting with a basic Flutter demo.

Flutter Basics - Introduction0:42
Starting off we'll look at some really simple examples of using Widgets in Flutter. This is an optional series for those of you who are somewhat intermediate Flutter users.
Tutorial Flutter App - Setup5:36
We're setting up the Tutorial applications basic project structure, we'll finish by making a simple Hello World App.
AppBar3:34
We cover the simple AppBar Widget and look at what kinds of things we can display using its base attributes defined in its constructor
Actions & IconButtons3:38
Using the actions field in the AppBar we'll add some simple IconButtons to the UI at the top of the screen.
Navigation Bar2:49
We add a simple bottom navigation bar that we'll use as an introduction to a footer UI element in our Flutter application.
InputField & Selectors6:02
We add in a Text Field and a number of different selectors such as a radio button, checkbox and a switch.
Buttons3:54
We add in three types of Button styles including Raised, Flat and Outlined buttons.
Image Display2:10
We're adding in a simple Cat image to the UI using the Network Image widget.

Dart Basics - Introduction1:11
Variables & Primitive Types10:23
Functions9:58
Explore defining and calling functions in Dart to sum numbers, square values, and use default values and named arguments, returning doubles for Flutter apps.
Lists (Arrays) & Maps9:50
Explore lists (arrays) and maps, including dynamic growth, zero-based indexing, and type safety; master various iteration methods and map operations, including squaring values and key-based overwriting.
Classes5:53
Error Handling / Try-Catch-Finally4:38
Async & Await12:51
Master asynchronous execution with async and await. See how futures return results and how to handle success and errors during remote requests.
Wrap Up0:49

Overview - Flutter Word Game0:42
Creating a Flutter Project - Android Studio5:12
Create a new flutter project in Android Studio by selecting Flutter application, configure details, set up an Android emulator, run the app, and use hot reload to see changes.
Creating a Flutter Project - VSCode3:50
External Packages6:42
Basic Sentence Generator3:07
Generate amusing sentences by randomly selecting a noun and an adjective to create Mad Libs-style phrases in a Flutter app, with plans to enhance visuals in future lessons.
Functions & States3:48
Widget State - Review
Scrolling List View - Infinite Scrolling6:56
Interactivity - Saving Funny Sentences4:50
Routes & Navigation - Funny Sentence ListView5:03

Overview - CatBox Adoption App0:39
Project Setup8:17
Importing External Fonts3:24
Unit Testing2:57
Fix and streamline unit tests for a Flutter app by updating references to a cat box app, removing unused tests, and validating the cat ui text, then run flutter test.
Class Models - Defining a Cat4:06
Loading From JSON9:15
Scrolling ListView & Network Images9:05
Learn to build a scrollable list of cats in Flutter using a ListView with network images, pull-to-refresh, and a responsive item widget with cards, list tiles, and hero avatars.
Class Structure3:43
Page Routes & Animations8:16
Beautify The UI - Part 110:23
Background Images9:34
learn to load a background image from assets, apply a diagonal bottom cut with a clip path, and add a color overlay to enhance the ui.
Beautify The UI - Part 211:35
Tabbed View - Showcase Cat Details10:08
Implement a tabbed view in Flutter to showcase cat pictures, details, and tributes using a tab controller, tab bar, and tab bar view with separate pages for each cat detail.
GridView - Showcase Items11:22
Build a three-panel cat showcase using grid view for pictures, a details panel, and tributes with font awesome icons. Configure cross-axis grid, padding, and prepare for firebase integration.

Overview - Firebase Integration1:35
Firebase Setup - Creating our Free Account2:42
Firebase Setup - iOS5:08
Firebase Setup - Android7:59
Firebase Authentication - App Google-Sign9:51
Implement Firebase authentication with Google Sign-In in a Flutter app, handling sign-in flow, tokens, user data (email, display name, profile image), and UI updates.
Cloud Firestore - Cats Data in the Cloud5:08
Firebase Storage - Images & Files in the Cloud5:43
Learn to upload cat images to Firebase storage, configure read-only rules, and link image URLs in the database so your Flutter app can display them from the cloud.
Cloud Firestore - Flutter Integration11:54
Cloud Functions - Setup9:30
Cloud Function - Cat Likes9:42
write and deploy a cloud function to support liking a cat in firebase. the function updates the firestore like counter via a transaction and prevents double likes and unlikes.
Realtime Likes in Flutter CatBox14:13
Bonus Lecture0:23

Requirements

No Prior Knowledge is required! - Just get Excited about learning
Access to a computer (Windows, MacOS, Linux)
A free Firebase account through Google (We'll walk you through making one!)

Description

Flutter is Google's brand NEW mobile UI framework build to make developing beautiful and functional interfaces for both iOS and Android natively. Flutter Apps are written in a language called Dart, which is a simple client/server language that you'll learn along the way!

This course is designed specifically for people just starting out with Flutter and Mobile development who want to build a fully functioning, app that serves a real purpose. You'll learn how to tie your app into Firebase services in order to make it truly Serverless.

Some of the Firebase Services you'll learn along the way:

Cloud Firestore - NoSQL Cloud Database
Firebase Storage - Raw Cloud File storage
Google Sign-in Authentication - Plus options to add sign-in for GitHub, Facebook, Email etc.
Firebase Functions - Write a number of Cloud functions that our app with use to safely handle requests

Who this course is for:

Anyone who wants to kickstart a career or hobby developing apps
Anyone who wants to build stunning cross-platform mobile apps
Anyone who has worked with other UI frameworks and are looking to up-skill
Anyone wanting to learn to code in a practical way
Anyone looking to start Building Serverless applications

The Complete Flutter and Firebase Developer Course

What you'll learn

Explore related topics

Course content

Introduction & Development Setup7 lectures • 23min

Flutter Basics : Learning about Widgets8 lectures • 28min

Dart Basics : Introduction to the Language8 lectures • 56min

Flutter Beginner : Build a Word Game9 lectures • 40min

Flutter Intermediate : Build a Cat Adoption App14 lectures • 1hr 43min

Firebase Integration : Making the Cat Adoption App Serverless12 lectures • 1hr 24min

Requirements

Description

Who this course is for: