Build Mobile Web Applications With Flutter

Paths

Build Mobile Web Applications With Flutter

Authors: Simone Alessandria, Douglas Starnes, Mike Van Sickle, Afzaal Ahmad Zeeshan, Christian Wenz, Miguel Beltran

Flutter is an application framework used for building beautiful, natively compiled apps for mobile, web, and desktop from a single codebase. Develop fast with fully-customizable... Read more

  • Creating layouts, animations, and forms
  • Managing state
  • Persisting data locally
  • Debugging & Testing
  • Developing packages

Pre-requisites

If you have a general familiarity with programming concepts then you should be fine jumping into Flutter. Those already into native development should pick up Flutter with ease and discover the fun of the development process.

Build Mobile Web Applications With Flutter

Flutter is an application framework used for building beautiful, natively compiled apps for mobile, web, and desktop from a single codebase. Develop fast with fully-customizable widgets and Stateful Hot Reload, ship features quickly with an expressive and flexible UI, and get full native performance with widgets that incorporate all critical platform differences. In this skill path you will learn the foundational knowledge needed to get started with Flutter and how to expand upon those features as you progress through the courses.

Flutter: The Big Picture

by Simone Alessandria

Mar 6, 2019 / 1h 13m

1h 13m

Start Course
Description

Maybe you’ve heard that Flutter is a great tool to create apps fast, or maybe you’ve seen some beautiful designs made with Flutter. In this course, Flutter: The Big Picture, you’ll gain foundational knowledge of what Flutter is. First, you’ll learn how Flutter can help you create apps for iOS and Android. Next, you’ll discover how to start learning Flutter, depending on your background. Finally, you’ll explore a few of the tools that Flutter makes available to developers and designers. When you’re finished with this course, you’ll have the knowledge to decide whether Flutter is the right tool for you, and to keep learning how to develop apps with Flutter.

Table of contents
  1. Course Overview
  2. What Is Flutter?
  3. Flutter Architecture
  4. Flutter Tools
  5. Flutter for Your Business

Flutter: Getting Started

by Simone Alessandria

Aug 22, 2018 / 2h 46m

2h 46m

Start Course
Description

Have you ever tried to create an app for IOS and Android, and looked for a fast, reliable, and single-code-base platform? If so, this course, Flutter: Getting Started, is the perfect course for you. In this course you’ll learn how to build apps with Flutter, the new mobile platform backed by Google. First, you’ll explore how to build a Hello World app with Flutter. Next, you’ll build a user interface and add interactivity. Finally, you’ll discover how to create a complete database app. When you’re finished with this course, you’ll have a foundational knowledge of Flutter that will help you as you move forward to build great and successful mobile apps for Android and IOS with Flutter.

Table of contents
  1. Course Overview
  2. Hello Flutter
  3. Designing the UI with Widgets
  4. Adding Interactivity
  5. Navigating an App and Dealing with Data
  6. Introducing Gestures and Animations

Creating Layouts with Flutter

by Simone Alessandria

Jul 30, 2019 / 3h 16s

3h 16s

Start Course
Description

In order to succeed, mobile products have to look good. In this course, Creating Layouts with Flutter, you'll gain the ability to leverage Flutter widgets in order to build professional layouts. First, you’ll learn how to use Containers, Rows, and Columns. Next, you’ll discover how to extend the space on your screen with ListView and GridView. Finally, you’ll explore how to use the Cupertino Library to target iOS devices and use hero animations in your apps. When you’re finished with this course, you’ll have the skills and knowledge of Flutter needed to create engaging user interfaces. Software required: The Flutter SDK, Visual Studio Code or Android Studio/IntelliJ Idea.

Table of contents
  1. Course Overview
  2. Building a Basic Layout
  3. Using Containers
  4. Using Rows and Columns
  5. Managing and Extending the Space on the Screen
  6. Creating Layouts for Navigation
  7. Using Cupertino Widgets
  8. Using Animations in Your Layouts

Creating a Connected App with Flutter

by Douglas Starnes

Oct 21, 2020 / 1h 53m

1h 53m

Start Course
Description

The packages available in the Dart language can be used to connect Flutter apps to web services. In this course, Creating a Connected App with Flutter, you’ll learn to write a Flutter application to communicate with a web service. First you’ll explore how to fetch data over HTTP. Next, you’ll discover the various ways Flutter and Dart make it easy and safe to work with JSON data. Finally, you’ll learn how to communicate with a web service sending and receiving JSON data and basic authentication. When you’re finished with this course, you’ll have the skills and knowledge of connected Flutter apps needed to write a Flutter application that can connect to a web service.

Table of contents
  1. Course Overview
  2. Asynchronous Programming with Dart
  3. Fetching Data from the Web
  4. Serializing JSON Data
  5. Using JSON with Web Services
  6. Deserializing JSON Data
  7. Implementing Basic Authentication

Managing State in Flutter

by Mike Van Sickle

Nov 9, 2020 / 2h 14m

2h 14m

Start Course
Description

Flutter is arguably one of the best options for creating truly cross-platform mobile applications. One of the challenges that many developers face when learning Flutter, however, is how to successfully apply its reactive data model to real applications. In this course, Managing State in Flutter, you’ll learn about the most commonly used state management options that Flutter offers and when to apply each one. First, you’ll explore how to manage data within a single component using Stateful widgets. Next, you’ll discover your options for sharing state among a collection of widgets using Providers. Finally, you’ll learn how to using the BLoC pattern to separate your application’s business logic from its visual elements. When you’re finished with this course, you’ll have the skills and knowledge of what your state management options are and when to apply them in your own Flutter applications.

Table of contents
  1. Course Overview
  2. Using Stateful and Stateless Widgets
  3. Sharing State with ScopedModels and Providers
  4. Encapsulating State with the BLoC Pattern

Persisting Data Locally with Flutter

by Simone Alessandria

Nov 24, 2020 / 2h 33m

2h 33m

Start Course
Description

There are several options to store data with Flutter and choosing the best tool may look overwhelming. In this course, Persisting Data Locally with Flutter, you’ll learn how to choose and use the right tool to store data locally in your Flutter apps. First, you’ll explore the different tools that are available. Next, you’ll discover how to store data within SQL and NOSQL databases, using SharedPreferences, Sembast, SQLite, and Moor. Finally, you’ll learn how to read and write data to files. When you’re finished with this course, you’ll have the skills and knowledge of Flutter needed to store data locally in your apps.

Table of contents
  1. Course Overview
  2. Choosing Your Storage Solution
  3. Using SharedPreferences
  4. Using Sembast
  5. Using SQLite
  6. Using Moor
  7. Writing to Files

Coming Soon

Creating a Full Stack App with Flutter and Firebase

Coming Soon

by Edison Sinani

Coming Soon

Creating Animations with Flutter

Coming Soon

by Douglas Starnes

Creating Forms with Flutter

by Afzaal Ahmad Zeeshan

Dec 3, 2020 / 1h 17m

1h 17m

Start Course
Description

Using built-in widgets from Flutter's SDK is a great resource when creating mobile-first interfaces. In this course, Creating Forms with Flutter, you'll learn how to develop mobile-first interfaces to take input from users with Flutter SDK. First, you’ll explore different input types and your users will engage with the mobile application to provide the input. Next, you’ll learn what built-in widgets are available in Flutter SDK to accept input from users. Then, you'll dive into Form creation, which allows you to group multiple widgets together as a single unit of input. Finally, you'll discover how to create custom form fields based on your business needs and user experience requirements. When you are finished with this course, you’ll have the skills and knowledge needed to create beautiful forms in Flutter to accept user inputs in a mobile-first and user-friendly manner.

Table of contents
  1. Course Overview
  2. Flutter: Input Types
  3. Using Flutter Widgets for Input
  4. Building a Form with Flutter
  5. Validating Form Fields
  6. Creating Custom Fields

Creating Localized Apps with Flutter

by Christian Wenz

Sep 29, 2020 / 1h 14m

1h 14m

Start Course
Description

Successful apps must support several languages to reach a global audience. In this course, Creating Localized Apps with Flutter, you’ll learn to localize Flutter apps. First, you’ll explore the different localization concepts of Flutter. Next, you’ll discover the flutter_localizations and intl packages and how to use them. Finally, you’ll learn how to design an app to make it international from the beginning. When you’re finished with this course, you’ll have the skills and knowledge of Flutter’s localization feature needed to create internationalized apps.

Table of contents
  1. Course Overview
  2. Flutter Localization Basics
  3. Making Flutter Apps International
  4. Localization with the Intl Package

Coming Soon

Developing Mobile-specific Features with Flutter

Coming Soon

by Federico Mestrone

Coming Soon

Debugging, Testing, and Publishing a Flutter App

Coming Soon

by Majid Hajian

Developing Packages in Flutter

by Miguel Beltran

Dec 3, 2020 / 1h 25m

1h 25m

Start Course
Description

Flutter packages are an essential part of the ecosystem. They provide functionality that the framework lacks and allow developers to share their solutions, however, this task can seem overwhelming for new Flutter developers. In this course, Developing Packages in Flutter, you’ll learn to use, create, and publish packages and plugins for Flutter. First, you’ll explore how to use existing packages on pub.dev. Next, you’ll discover how to create packages from scratch, including plugin packages with native platform functionality. Finally, you’ll learn how to publish new packages to pub.dev to be used by other developers. When you’re finished with this course, you’ll have the skills and knowledge of package development in Flutter needed to use, create, and publish Flutter packages.

Table of contents
  1. Course Overview
  2. Using Existing Flutter Packages
  3. Creating New Flutter Packages
  4. Creating New Flutter Plugin Packages
  5. Publishing Flutter Packages
Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By providing my phone number to Pluralsight and toggling this feature on, I agree and acknowledge that Pluralsight may use that number to contact me for marketing purposes, including using autodialed or pre-recorded calls and text messages. I understand that consent is not required as a condition of purchase from Pluralsight.

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit