Get 50% off during Black Friday!

Design+Code logo

Quick links

No results found

Suggested search

Flutter for Designers Part 2

20 sections - 4 hours of video

icon

Add to favorites

icon

Notify me

Continuing on from the previous Flutter for Designers course, this course has a heavier emphasis on using Firebase API's to combine Firebase and Flutter. There will be a lesser emphasis on creating front-end Flutter UI and more emphasis on how to build functional applications capable of being shipped to the App Store. A review of the previous course and the Dart programming language will be very helpful. That being said, you will also be introduced to some new Flutter widgets and packages.

Instructor avatar

Taught by Sai Kambampati

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

20 topics

All techniques are explained step-by-step, in a beginner-friendly format so that you can easily follow in a cohesive way.

1

Flutter for Designers Part 2

Explore new Flutter widgets and learn about Firebase as you continue to build a cross-platform app

5:17

2

Reviewing Widgets

Review the basics of Flutter widgets by creating the app's login screen

11:33

3

User Input

Customize textfields and container widgets to detect user input

12:22

4

Flutter Interactions

Use the GestureDetector Widget to create amazing user interactions

6:17

5

Firebase for Android

Create your first Firebase Project and download Firebase plugins for Android

10:02

6

Firebase for iOS

Configure the iOS project to use Firebase and meet the new FutureBuilder widget

10:13

7

Introduction to Firebase Authentication

Build your own authentication system using Firebase Authentication

15:19

8

Sending Emails from Firebase

Send user verification and password reset emails from Firebase

9:02

9

Dynamic Login with Firebase

Detect authenticated users to choose the correct startup screen

6:10

10

Introduction to Cloud Firestore

Learn about Firestore and the advantages of creating a database hosted on the cloud

9:29

11

Writing Data to Firestore

Learn to save data to the Cloud Firestore database using Dart

11:40

12

Reading Data from Firestore

Read data from Firestore to customize the Profile Screen

10:29

13

Updating Data in Firestore

Allow users to update their profile and synchronize the changes to Firestore

12:25

14

Cloud Firestore Security Rules

Secure your database in this thorough introduction to Cloud Firestore Security Rules

13:51

15

Populating Widgets from Firestore

Transform data from Firestore into a custom class to help populate Flutter widgets

10:21

16

Reading Data from Multiple Collections

Dynamically update your widgets' content by reading from several Firestore collections

12:31

17

Introduction to Firebase Storage

Store and download your assets from Firebase Storage to reduce your app's installation size

8:05

18

Combining Firestore and Firebase Storage

Start combining Firebase products to elevate your app's functionality

8:48

19

Accessing Files Through Flutter

Gain access to a user's photo library on both Android and iOS

12:46

20

Uploading Files to Firebase Storage

Upload files to Firebase Storage directly from the Flutter application

12:42

Learn by doing

What you'll build

Redesign your existing app or start from scratch as you follow along and learn the techniques.

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

Browse all downloads

What's included?

All courses come with downloadable files to help you design, code and follow the course offline.

300+ hours of video

300+ hours of video

Subtitles in English, Chinese

Subtitles in English, Chinese

Source files, ePub

Source files, ePub

UI, icons, illustrations

UI, icons, illustrations

Premium, support chat

Premium, support chat

Source files

Source files

Design templates and source code files are included to help you learn.

ePub files

ePub files

Read offline using Books for iOS, Mac or other apps that can read this format.

Video files

Video files

Download the videos so that you can watch later or offline using any video player.

Meet the instructor

We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.

Sai Kambampati

Student. Engineer. Designer. Not always in that order.

Student at UCSC constantly learning about new technologies, building innovative mobile apps, and designing breakthrough products.

icon

6 courses - 24 hours

course logo

Jetpack Compose for Designers

Learn the fundamentals of Jetpack Compose to build a beautiful Android application using Kotlin and Android Studio

4 hrs

course logo

UIKit for iOS 15 Part 2

Learn advanced techniques about animations, layout, localization, Firebase, Xcode Cloud, and more!

3 hrs

course logo

UIKit for iOS 15

Design and code a UIKit app for iOS 15 with storyboards, custom layouts, scroll detection, and accessibility using Xcode 13

5 hrs

course logo

Advanced Development in SwiftUI

Advance your SwiftUI skills by developing an app using Core Data, CloudKit, In App Purchases, Sign In With Apple, and Firebase Authentication

4 hrs

course logo

Flutter for Designers Part 2

Continuing on from the previous Flutter for Designers course, this course has a heavier emphasis on using Firebase API's to combine Firebase and Flutter. There will be a lesser emphasis on creating front-end Flutter UI and more emphasis on how to build functional applications capable of being shipped to the App Store. A review of the previous course and the Dart programming language will be very helpful. That being said, you will also be introduced to some new Flutter widgets and packages.

4 hrs

course logo

Flutter for Designers

Flutter is a relatively new toolkit that makes it easy to build cross-platform apps that look gorgeous and is easy to use. By utilizing a platform's native components we'll build an app that can run on both iOS and Android that will look and feel like it was developed natively. Furthermore we'll see how with one single codebase, Flutter provides us with native performance, hot reload for fast development, and access to beautiful, native components.

4 hrs

Flutter

Certificate

Figma

Certificate

SwiftUI

Certificate

UI Design

Certificate

Create a profile

Get certificates

After passing a test, we’ll award you with an online certificate. You can add them to your profile after completing the courses.

Stories

How students learned from our courses

See what people have learned and built by taking courses from Design+Code

Jiani Li

UI/UX Designer/Developer

Author avatar

Jiani Li

UI/UX Designer/Developer

Bucket is now live in @AppAirport! Thanks to @designcodeio by @MengTo, I was able to learn #SwiftUI and built the app in 2 months.

Mike Ekkel

Frontend Engineer at Bynder

Author avatar

Mike Ekkel

Frontend Engineer at Bynder

What I really like about @MengTo's SwiftUI course is how he introduces you to awesome use cases for so many of the view modifiers. While this scroll animation is straight from the course, you can imagine all the cool things you could do with it!

Mogens Egeskov

iOS Developer

Author avatar

Mogens Egeskov

iOS Developer

After months of hard work i'm excited to share my new app "Read" which helps you reach your yearly book goal by telling you how many pages or percent to read daily. You can time your read.

Haawa

iOS Developer

Author avatar

Haawa

iOS Developer

Hey MengTo, I launched my iOS/watchOS app RunnerGoal almost completely built with SwiftUI. Thank you for the design lessons and many controls and animation that I used from you SwiftUI course. Man bowing deeply.

Thomas Wang

Creator of digital products and experiences

So many great improvements and re-design. The quizzes and certificates are something that has been in the pipeline for a long time, awesome to see it in the platform for students to show their work!

Thalion

UX/UI Designer

Stunning design! Congrats on the launch 🙌 Every new version of Design+Code is a huge leap forward!

Trusted by teams

120,000 people

Many startups look for designers who code and developers who design. They use our courses to help train new hires and expand skill sets.