Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Taking Flutter to the Web
  • Table Of Contents Toc
  • Feedback & Rating feedback
Taking Flutter to the Web

Taking Flutter to the Web

By : Lohani
4.1 (7)
Buy this Book
close
close
Taking Flutter to the Web

Taking Flutter to the Web

4.1 (7)
By: Lohani
Buy this Book

Overview of this book

Using a shared codebase in addition to an extensive range of tools in the Flutter ecosystem optimized for browsers, the Flutter framework has expanded to enable you to bring your mobile apps to the web. You’ll find out how web developers can leverage the Flutter framework for web apps with this hands-on guide. Taking Flutter to the Web will help you learn all about the Flutter ecosystem by covering the tools and project structure that allows you to easily integrate Flutter into your web stack. You’ll understand the concepts of cross-platform UI development and how they can be applied to web platforms. As you explore Flutter on the web, you'll become well-versed with using Flutter as an alternative UI platform for building adaptive and responsive designs for web apps. By the end of this Flutter book, you'll have built and deployed a complete Flutter app for the web and have a roadmap ready to target the web for your existing Flutter mobile apps.
Table of Contents (17 chapters)
close
close
close
Preface
Icon
Preface
Icon
Who this book is for
Icon
What this book covers
Icon
To get the most out of this book
Icon
Download the example code files
Icon
Download the color images
Icon
Conventions used
Icon
Get in touch
Icon
Share Your Thoughts
1
Part 1: Basics of Flutter Web
Icon
Part 1: Basics of Flutter Web
Lock Free Chapter
2
Chapter 1: Getting Started with Flutter on the Web
chevron up
Icon
Chapter 1: Getting Started with Flutter on the Web
Icon
Technical requirements
Icon
Introduction to Flutter and Flutter on the web
Icon
Why you should learn Flutter on the web
Icon
What you can build with Flutter on the web
Icon
Making and running a new Flutterweb project
Icon
Flutter on the web for web developers
Icon
Flutter on the web for mobile developers
Icon
Official Flutter documentation
Icon
Summary
3
Chapter 2: Creating Your First Web App
Icon
Chapter 2: Creating Your First Web App
Icon
Technical requirements
Icon
Creating a new Flutter project with Flutter web
Icon
Using basic widgets
Icon
Building layouts
Icon
Summary
4
Chapter 3: Building Responsive and Adaptive Designs
Icon
Chapter 3: Building Responsive and Adaptive Designs
Icon
Technical requirements
Icon
What is responsive and adaptive design?
Icon
Why there’s a need for responsive and adaptive design in Flutter
Icon
Responsive and adaptive design tools you may have known and used
Icon
Tools and techniques available for responsive and adaptive design
Icon
Making our app responsive and adaptive
Icon
Summary
5
Part 2: Flutter Web under the Hood
Icon
Part 2: Flutter Web under the Hood
6
Chapter 4: Flutter Web under the Hood
Icon
Chapter 4: Flutter Web under the Hood
Icon
Technical requirements
Icon
How does the Flutter Engine produce web apps?
Icon
Different types of web renderers and their advantages and disadvantages
Icon
Choosing between the HTML and CanvasKit renderers
Icon
Summary
7
Chapter 5: Understanding Routes and Navigation
Icon
Chapter 5: Understanding Routes and Navigation
Icon
Technical requirements
Icon
The basics of navigation in Flutter
Icon
An introduction to Navigator 2.0
Icon
Implementing Navigator 2.0 in our app
Icon
Summary
8
Chapter 6: Architecting and Organizing
Icon
Chapter 6: Architecting and Organizing
Icon
Technical requirements
Icon
The need for properly scalable architecture
Icon
Organizing files and folders
Icon
MVVM architecture
Icon
Implementing MVVM architecture
Icon
Summary
9
Part 3: Advanced Concepts
Icon
Part 3: Advanced Concepts
10
Chapter 7: Implementing Persistence
Icon
Chapter 7: Implementing Persistence
Icon
Technical requirements
Icon
The need to persist data
Icon
The tools and techniques available for data persistence
Icon
Persisting data with local storage using the shared_preferences plugin
Icon
Persisting data using HiveDB
Icon
Summary
11
Chapter 8: State Management in Flutter
Icon
Chapter 8: State Management in Flutter
Icon
Technical requirements
Icon
Understanding the basics of state management
Icon
The options available for state management
Icon
An introduction to Riverpod
Icon
Implementing Riverpod in our app
Icon
Summary
12
Chapter 9: Integrating Appwrite
Icon
Chapter 9: Integrating Appwrite
Icon
Technical requirements
Icon
What is Appwrite?
Icon
Installing Appwrite
Icon
Setting up an Appwrite project
Icon
Installing and configuring Appwrite’s SDK for Flutter
Icon
Authenticating with Appwrite
Icon
Using Appwrite’s database to persist data
Icon
Summary
13
Chapter 10: Firebase Integration
Icon
Chapter 10: Firebase Integration
Icon
Technical requirements
Icon
What is Firebase?
Icon
Getting started with Firebase
Icon
Installing and configuring Firebase SDKs for Flutter
Icon
Authentication with Firebase
Icon
Using Firestore Database to persist data
Icon
Summary
14
Chapter 11: Building and Deploying a Flutter Web Application
Icon
Chapter 11: Building and Deploying a Flutter Web Application
Icon
Technical requirements
Icon
Building and deploying your first web app
Icon
Configuring a PWA
Icon
Automating with GitHub Actions
Icon
Summary
15
Index
Icon
Index
Icon
Why subscribe?
16
Other Books You May Enjoy
Icon
Other Books You May Enjoy
Icon
Packt is searching for authors like you
Icon
Share Your Thoughts

Getting Started with Flutter on the Web

Flutter recently has become a very popular choice for building cross-platform applications. Flutter has gained a lot of popularity among mobile application developers and start-ups. With the introduction of stable web support and the preview of support for desktop, Flutter now supports building on six different platforms. In this chapter, we will learn how we can get started with Flutter web development.

By the end of this chapter, you will have a good understanding of the basics of Flutter on the web. You will understand what Flutter on the web is and how to get started with it. You will also understand how Flutter on the web is different from regular web and mobile development. The knowledge you gain in this chapter will also help you understand what you can build with Flutter on the web and when to use it.

In this chapter, we will cover the following main topics:

  • Introduction to Flutter and Flutter on the web
  • Why you should learn Flutter on the web
  • What you can build with Flutter on the web
  • Making and running a new Flutter web project
  • Flutter on the web for web developers
  • Flutter on the web for mobile developers
  • Official Flutter documentation
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Taking Flutter to the Web
End of Section 2
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon