HomeCoursesThe Complete Guide to Flutter

4.6

Beginner

15h

Updated 4 months ago

The Complete Guide to Flutter

Gain insights into using Flutter and Dart to build visually stunning, high-performance Android and iOS apps. Delve into UI/UX design, networking, state management, Firebase, testing, and deployment.

Join 2.7 million developers at

Overview

Content

Reviews

Get ready to unlock the potential of Flutter and Dart as you learn to craft visually stunning and high-performance applications for both Android and iOS. This course will teach you to plan, build, and deploy interactive Flutter applications. You’ll start by developing user interfaces and handling gestures. Next, you’ll explore navigation and routing to smoothly move around your app. You’ll then dive into networking and HTTP to connect your app to the internet and implement data persistence. You’ll use Firebase services for authentication and storing data. State management comes next, helping you manage the different pieces of your app efficiently. Then, you’ll focus on testing, analytics, and crash reporting. You’ll then explore accessibility and internationalization, making your app usable by everyone and suitable for different languages. Lastly, you’ll learn app deployment. The course wraps up with a project: you will create an online furniture store, combining all the skills you’ve learned.

Get ready to unlock the potential of Flutter and Dart as you learn to craft visually stunning and high-performance applications ...Show More

WHAT YOU'LL LEARN

Hands-on experience building interactive and responsive user interfaces with Flutter and deploying Flutter applications in the app marketplaces

Working knowledge of state management in Flutter by implementing it for scalable applications

Familiarity with quality assurance strategies like testing, analytics, and monitoring

An understanding of data persistence concepts and their implementation in Flutter apps

Hands-on experience building interactive and responsive user interfaces with Flutter and deploying Flutter applications in the app marketplaces

Content

71 Lessons1 Project9 Quizzes

Introduction

1 Lessons

Step through fundamentals of creating production-ready Flutter apps, managing data, and deployment.

Getting Started

User Interface

11 Lessons

Grasp the fundamentals of building, styling, and animating interactive Flutter UIs with custom assets.

Building Layouts

Adding Interactivity

Challenge: Handling Gestures

Solution: Handling Gestures

Adding Assets and Images

Challenge: Application Fonts

Solution: Application Fonts

Animations

Challenge: Beating Heart

Solution: Beating Heart

Quiz on User Interface

Navigation and Routing

6 Lessons

Work your way through Flutter's navigation concepts, styles, and practical routing challenges.

Navigation and Its Styles

Imperative Routing: Navigator 1.0

Declarative Navigation: Navigator 2.0

Challenge: Navigation and Routing

Solution: Navigation and Routing

Quiz on Navigation and Routing

Networking and HTTP

11 Lessons

Grasp the fundamentals of networking and HTTP methods, including WebSocket and JSON serialization.

Performing CRUD Operations

Authenticating Requests

Challenge: Crypto API

Solution: Crypto API

Working with WebSocket

Challenge: Real-Time Bitcoin Transactions

Solution: Real-Time Bitcoin Transactions

JSON and Serialization

Challenge: Serializing JSON Using json_serializable

Solution: Serializing JSON Using json_serializable

Quiz on Networking and HTTP

Persisting Data

7 Lessons

Dig deeper into data persistence techniques in Flutter using shared_preferences, file storage, SQLite, and the Hive library.

Data Persistence Concepts

Key-Value Store

File Storage

Local Database

Challenge: Local Storage with the Hive Library

Solution: Local Storage with the Hive Library

Quiz on Persisting Data

State Management

11 Lessons

See how it works to manage state effectively in Flutter applications through various methods.

States of an Application

The setState() Method

State Management with InheritedWidget

The provider Package

The BLoC Library

Challenge: State Management

Solution: State Management

Dependency Injection

Challenge: Dependency Injection

Solution: Dependency Injection

Quiz on State Management in Flutter

Firebase for Flutter

6 Lessons

Master the steps to integrating Firebase with Flutter, covering setup, authentication, and Firestore operations.

Setting Up a Firebase Project

Firebase Authentication

Firebase Firestore

Challenge: Firebase Firestore

Solution: Firebase Firestore

Quiz on Firebase for Flutter

Essential Tools to Enhance Your Flutter Workflow

Project

Quality Assurance

8 Lessons

Step through QA strategies, testing, Firebase Analytics, Crashlytics, performance monitoring, and practical Flutter challenges.

Quality Assurance and Quality Control

Testing the Flutter Application

Fireabse Analytics

Crash Reporting

Monitoring the Flutter Application Performance

Challenge: Quality Assurance

Solution: Quality Assurance

Quiz on Quality Assurance in Flutter

Accessibility and Internalization

5 Lessons

Walk through accessibility and internationalization to enhance app inclusivity and localization.

Accessibility in Flutter

Internationalization in Flutter

Challenge: Internationalizing the Application

Solution: Internationalizing the Application

Quiz on Accessibility and Internationalization

10.

Deployment

4 Lessons

Go hands-on with setting up accounts, integrating CI/CD, and deploying apps via Codemagic.

Setting Up a Google Play Store Account

Continuous Integration/Continuous Deployment

Challenge: Deployment with Codemagic

Quiz on Flutter Application Deployment

Project: Build an Online Furniture Store

Project

11.

Next Steps

1 Lessons

Apply your skills to real-world projects, advanced courses, and maintaining a strong portfolio.

What’s Next?

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Ivy Walobwa

Developed by MAANG Engineers

Every Educative lesson is designed by a team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Software Developer

Carlos Matias La Borde

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath