Flutter Web - Build a Diary Web App with Flutter and Cloud Firestore [Video]
Video
Video
$134.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
What do you get with video?
What do you get with video?
What do you get with Audiobook?
What do you get with Exam Trainer?
Video
$134.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Access this title in our online reader
Online reader with customised display settings for better reading experience
What do you get with video?
Download this video in MP4 format
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with video?
Stream this video
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with Audiobook?
Download a zip folder consisting of audio files (in MP3 Format) along with supplementary PDF
What do you get with Exam Trainer?
Flashcards, Mock exams, Exam Tips, Practice Questions
Access these resources with our interactive certification platform
Mobile compatible-Practice whenever, wherever, however you want
-
Free ChapterIntroduction
-
Machine Setup - Windows Users Only
-
Machine Setup - Mac Users Only
-
Build a DiaryBook Flutter Web App
-
DiaryBook Web App - The Main Body
-
DiaryBook Web App - FirebaseAuth and Cloud Firebase Firestore
- Setting Up Firebase and Firestore Project
- Reading Items from Firestore
- Setting Up the Getting Started Page
- Navigating to Login Page
- Setting Up the Login Form
- Login Form - Creating the BuildInput Decoration
- Adding the Password Field and Refactoring the Form
- Login Form - Adding Validation
- Login a User - FirebaseAuth
- Toggling Create Account Form and Login Form
- Login User and Taking them to the Main Page
-
DiaryBook Web App - The User Profile
- User Creation Structure
- Crating a User and Adding to Firestore Users Collection
- Creating a User Data Class
- Creating a Service Class and Code Refactoring - Login Created for Users and Showing Them
- Filtering Users and Showing Names on AppBar
- Showing User Avatar and Changing the Flutter Web Renderer
- Creating the CreateUserProfile Class
- Constructing the CreateUserProfile Class - Dialogs and Fields
- Updating a User Profile
- Code Refactor - Update User Profile Dialog Class
- Signing User Out
-
DiaryBook Web App - Creating, Updating, Deleting, and Showing Diary Entries
- Introduction - Creating Diary Entries
- Diary Entry Alert Dialog - Adding Two Buttons
- Diary Entry Alert Dialog - Adding the Image Container
- Diary Entry Alert Dialog - Adding TextFields
- Diary Entry Alert Dialog - Refactor Code
- Diary Entry Alert Dialog - Saving a Dummy Entry and Adding Saving Animation
- Creating the Diary Model Class and Saving the Diaries with All Fields
- Adding and Showing Filtered Diaries by UserId
- Passing the Date to the Dialog
- Showing and Saving the Date along with the Diary Entry
- Refactoring our DiaryListView Code
-
DiaryBook Web App - Diary Listview and Saving Images to Firebase Storage
- Refactoring and Setting Up the Diary Listview Card
- Fixing the Expanding Issues and Adding Description and Dummy Image to Listview Card
- Date Format - Show Full Date and Time
- Adding an ImagePicker and Showing the Picked Image
- Setting Up Firebase Storage and the Infrastructure to Save Images to Storage
- Saving and Showing Images from Cloud Storage
- Deleting an Entry
- Refactor Our Delete Entry Dialog
- Creating the Edit-Update Dialog: Delete Functionality Setup
- Setting Up the Update-Details Dialog
- FIX: Overflow Issues and Adding FutureDelay when Saving Images - Potential Bug Fix
- Refactoring the List Card
-
DiaryBook Web App - Set Up the Update Dialog
- Setting Up the Update Entry Dialog
- Update Dialog - Adding Icons and Image
- Update Dialog - Creating Fields and Pulling in the Diary Data
- Update Dialog - Refactoring Code
- Update Dialog - Setting Up the Image Picker and Delete Buttons
- Update Dialog - Setting Up the Update Code
- Fixing Some Null Issues
- Passing a Widget as Parameter
-
DiaryBook Web App - Filtering Entries by Date and Updating the ListView
- Filtering Entries by Date
- Setting Up the GetSameDayDiaries Method
- Indexing Firestore Database and Checking that We are Filtering Entries
- Setting Up a List of Diaries
- Showing Filtered Diaries by Date Picked
- Restructuring the Filtered Diaries to be Shown and Showing the Empty Diary Card
- Adding All Entries to a Provider Object
- Filtering DiaryList by Current User and Adding a User Provider
-
DiaryBook Web App - Filtering Diary Entries Further - Earliest and Latest
-
DiaryBook Web App - Advanced Routing
-
Deploying the Web App to Firebase Hosting
About this
video
If you have wondered how to leverage your pre-existing Flutter/Dart development skills, then you will be happy to know you can now build dynamic, scalable, and adaptive web apps with Flutter!
Flutter 2.0 is a big release - you can use Flutter and Dart to build adaptive web and desktop apps - all with a single codebase.
In this course, you will learn how to leverage Flutter (Web) 2.0 and Dart and build a capstone app called DiaryBook.
In this course, you will build a full-fledged, more complex, Flutter web app with Firestore; FirebaseAuth as the backend; create, authenticate, and log in users using Google Cloud FirebaseAuth; create, edit, delete, update diary entries with Cloud Firestore backend; use providers, StreamBuilders in Flutter web; learn how to implement basic and advanced routing in Flutter 2.0 web; finally, deploy Flutter web app to firebase hosting.
By the end of this course, you will have all the tools and knowledge you will need to build adaptive Flutter web apps competently and easily port the same app into desktop apps on your own!
All the code files and resources for this course are available at https://github.com/PacktPublishing/Flutter-Web---Build-a-Diary-Web-App-with-Flutter-and-Cloud-Firestore
- Publication date:
- August 2021
- Publisher
- Packt
- Duration
- 9 hours 31 minutes
- ISBN
- 9781803232478