Flutter 2.0: Build Modern Responsive Web & Mobile Apps

Focused View

Paulo Dichone | Software Engineer, AWS Cloud Practitioner & Instructor

13:48:19

9 View

1 - Introduction

1 - Introduction and Course Prerequesites.mp4

04:43

2 - What Youll be Building in this Course.mp4

07:59

3 - Quick Message.mp4

00:41

2 - Machine Setup WINDOWS Users ONLY

4 - Download Windows Installation Instructions PDF.html

4 - Windows-Flutter-Setup-Instructions.pdf

5 - Setup Your Windows Machine for Flutter Web Development.mp4

01:53

3 - Machine Setup MAC Users ONLY

6 - Download MAC Installation Instructions PDF.html

6 - macOS-Flutter-Setup-Instructions.pdf

7 - Setup Your MAC Machine for Flutter Web Development.mp4

02:24

4 - Download Course Code

8 - Download Course Source Code.html

5 - Build a Simple Flutter Web App Portfolio App

9 - Installing Important VS Code Extensions.mp4

05:54

10 - Download Project Assests.html

10 - assets.zip

10 - projects-dummy-data.zip

11 - IMPORTANT Null Safety Automatically Enabled WATCH THIS VIDEO.mp4

04:11

12 - Create a Portfolio Project.mp4

05:43

13 - AppBar Adding Image and Name.mp4

10:46

14 - Creating the ContactMe Button.mp4

10:00

15 - Finishing up the AppBar and Action Buttons.mp4

03:33

16 - Refactoring Our Code.mp4

11:24

17 - Setup the Main Body Section Add Image and Overlay Text.mp4

14:37

18 - Setup the Main Body Section Fix Overflow Issues.mp4

10:59

19 - Setup the Main Body Section Adding Button Row.mp4

11:09

20 - Setup the List of Projects.mp4

08:03

21 - Finishing up the Project List.mp4

08:38

22 - Launching Social Media Links When Icons Clicked.mp4

07:48

23 - Implementing MailTo and Final Fixes.mp4

06:13

6 - Build a Book Tracker App with Firebase Firestore with Flutter 20

24 - What Youll Build.mp4

01:18

25 - Project Setup and Creating the GetStarted Page.mp4

10:23

26 - Finishing up the GetStarted Page.mp4

05:50

27 - Setup the Login Page Part 1.mp4

09:01

28 - Toggle Create and Login Logic.mp4

05:17

29 - Setup Login Page Creating the Form.mp4

04:06

30 - Setup Login Page Finishing up the User Interface.mp4

08:06

31 - Login form Validation.mp4

02:10

32 - Create Account Form.mp4

03:59

33 - Section Summary.mp4

01:16

7 - Setting up FirebaseAuth Firestore The App Backend Infrastructure

34 - Introduction FirebaseAuth and Firestore.mp4

01:23

35 - Setting up FirebaseAuth Firestore Backend.mp4

13:24

36 - Login in an Existing User Setup Firebase Auth User.mp4

06:03

37 - Signing in and Creating a User Account from the Web App.mp4

08:13

38 - Connecting to Firestore Cloud Database and Using Flutter Streambuilder Widget.mp4

12:48

39 - Getting Snapshot of a Single Field and Showing It.mp4

01:37

40 - Redirecting Logged In Users to MainScreen Automatically.mp4

03:51

41 - Mapping Firestore Document to a Book Object.mp4

10:15

42 - Resources.html

8 - The User Profile Setting Up the User Profile

43 - User Creation Structure.mp4

07:48

44 - Creating Users Collection in Cloud Firestore.mp4

13:13

45 - Adding Action Buttons in the AppBar.mp4

07:58

46 - Filtering Users and Showing Username in the AppBar.mp4

16:16

47 - Showing User Avatar Pic.mp4

05:56

48 - Create the User Account Dialog Showing the Avatar and Name.mp4

10:44

49 - User Profile Adding Name and Profession.mp4

11:21

50 - Finishing Up Adding User Quotes.mp4

02:51

51 - Edit Profile Setting up the Form Dialog.mp4

08:04

52 - Populating TextFields and Code Refactor.mp4

12:37

53 - Refactoring the UpdateUser Widget.mp4

03:13

54 - Updating the User.mp4

09:35

55 - Updating the User Only Updating the Necessary Fields Final Section Remarks.mp4

07:51

9 - Book Search Adding Books to Cloud Firestore

56 - Section Introduction.mp4

01:55

57 - Creating the Search Book Page Adding a TextField.mp4

10:19

58 - Google Book API An Overview.mp4

06:18

59 - Parsing the Book API JSON.mp4

13:18

60 - Setting up the Book Class FetchBooks Function.mp4

14:49

61 - Refactoring FetchBooks Function.mp4

08:05

62 - Showing Fetched Books in a ListView.mp4

16:00

63 - Creating the BookCard Widget.mp4

13:11

64 - Creating the BookDetails Alert Dialog.mp4

09:48

65 - Book Detail Dialog Save and Cancel Buttons Minor Cosmetics Fixes.mp4

08:51

66 - Saving Books to Cloud Firestore Database Code Refactory.mp4

12:55

67 - Resources.html

67 - google-books-api.zip

10 - Book Tracker Main Page Reading and Read Lists

68 - Introduction The Main Page Structure.mp4

01:32

69 - Assets.html

69 - color-constants.zip

70 - Adding the Label Text.mp4

08:07

71 - Setting up Reading Now List Dummy Cards.mp4

07:57

72 - Setting up the Reading Card List Widget.mp4

13:07

73 - Adding Items to the Reading Card List Widget Image and Title.mp4

11:43

74 - Adding Button to the Reading Card List and More Cosmetic Fixes.mp4

11:10

75 - Setting Up the BookRating Widget.mp4

09:10

76 - Pulling in All the Books and Showing in the Card.mp4

14:02

77 - Setup reading List Cards.mp4

12:14

78 - Filtering Books by User Id.mp4

04:55

79 - Adding a Click Event to the Book Card Show Details Alert.mp4

14:03

80 - Setting up the Form on the Details Alert Dialog.mp4

07:47

81 - Pulling the Book Data and Showing in the Book Details Dialog.mp4

10:48

82 - Setting up the Started Reading Button.mp4

07:20

83 - Updating Book with a Timestamp.mp4

09:58

84 - Showing the Started Reading Date.mp4

08:43

85 - Setting up the FinishedReading Date.mp4

09:09

86 - Adding a RatingBar.mp4

10:28

87 - Finishing Setting up the Rating Bar.mp4

04:54

88 - Deleting a Book.mp4

05:08

89 - Section Summary.mp4

01:59

11 - Main Page Cloud Firestore List Filtering

90 - Filtering Further the Reading List.mp4

07:54

91 - Fixing the Rating Bar Update Issues.mp4

02:55

92 - Showing a List of all Read Books.mp4

10:40

93 - Fixing the Notes TextField State Issue.mp4

05:10

94 - Theming the Buttons.mp4

03:37

12 - Flutter Providers Advanced Routing

95 - Providers Quick Introduction.mp4

03:42

96 - Creating and Using a Provider User Provider.mp4

11:51

97 - Adding Routing to the App.mp4

05:33

98 - Routing in Flutter Basic Routing and Advanced Routing.mp4

12:00

99 - Creating the Page Not Found Route.mp4

06:17

100 - FIX Firestore Version Issues.mp4

08:56

101 - Adding onUnknownRoute Function.mp4

01:04

102 - Adding a CatchError in the Create Account Form.mp4

03:00

103 - Resources.html

13 - Adding Favicon and App Icon to the Flutter Web Project Book Tracker

104 - Setup CLI Instructions.html

104 - setup-cli-link.zip

105 - Archive.zip

105 - Assets.html

106 - Add Icon Image in App Bar.mp4

07:14

107 - Adding Favicon to the Project.mp4

06:20

14 - App Deployment to Firebase Hosting

108 - Deploying the Web App to Firebase Hosting.mp4

15:33

15 - Running Web App on Android iOS Devices

109 - Introduction Building for Android and iOS.mp4

03:05

110 - Android build Setup Adding Google Services Manifest Gradle.mp4

08:16

111 - Generating Icons for Android and iOS.mp4

04:35

112 - Running App on an Android Emulator With Some Issues.mp4

07:15

113 - Fixing the ParseDouble Issue Running the App on Android Emulator.mp4

11:23

114 - Resources.html

114 - flutter-android-release-run-on-emulator.zip

16 - MAC USERS ONLY Build and Release iOS App

115 - Introduction Build and Release iOS App.mp4

01:49

116 - Resources.html

116 - plist-code-needed.zip

117 - Run the App on iOS Simulator.mp4

14:31

17 - Wrapup

118 - Whats Next.mp4

02:51

18 - Bonus

119 - Bonus.html

Description

Build Adaptive Apps - Web Apps, iOS, Android & Desktop Apps with a Single Codebase using Flutter 2.0 & Firestore

What You'll Learn?

Build Web Apps with Flutter 2.0 & Cloud Firestore
Build Adaptive, Dynamic Web Apps with Flutter 2.0
Master Advanced Flutter API's like Providers & Routing
Compile and Build iOS and Android App Using the same Flutter Web App Codebase
Learn How to Use FirebaseAuth to Authenticate Web App Users
Cutting Edge Flutter 2.0 Web App, iOS, Android and Desktop App Development Tools

Who is this for?

Beginner to Intermediate Flutter Developers

Web Developers who Want to Learn to Build Flutter Web Apps

Curious Students who Want to Build Their Own Flutter Web Apps, iOS, Android and Desktop Apps with Flutter 2.0

Project Managers who Want to Learn How Flutter 2.0 Web App Development Works

Anyone who wants to Learn Flutter Web App Development

What You Need to Know?

Basic programming experience in general is helpful. As long as you have basic OOP Concepts, you should be just fine

Be Willing to Work and Learn

Pre-existing, Flutter, Dart Programming Experience is helpful; Or Web Development Basics

More details

Description
Flutter Web is here!
If you've wondered how to leverage your pre-existing Flutter/Dart development skills, then you'll be happy to know you now can build dynamic, scalable, and adaptive web apps (iOS, Android, and Desktop) 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'll learn how to leverage Flutter 2.0 and Dart and build a capstone app called Book Tracker.Â
You'll be:
(First) How to build a simple Flutter Web App - Portfolio App - to get started
Build a full-fledged, more complex, Flutter Web App with Firestore, FirebaseAuth as the backend
Create, Authenticate, and login users using Google Cloud FirebaseAuth
Create, Edit, Delete, Update Books with Cloud Firestore backend
Use Providers, StreamBuilders in Flutter 2.0
Learn how to implement basic and Advanced Routing in Flutter 2.0 Web
Deploy Flutter Web App to Firebase Hosting
Build and release iOS and Android Mobile Apps from the same Web app codebase!
By the end of this course, you'll have all the tools and knowledge you'll need to build adaptive Flutter web apps, iOS, Android competently and easily port the same app into Desktop Apps!

Join and give yourself the right tools to become a Flutter cross-platform Software Developer!
Why Should You Take This Course (one more reason)?

I'm Paulo Dichone, creator of the most best-selling online programming courses (with over 100,000 happy and satisfied students). This time, I have designed this Android Masterclass course - especially for YOU.
I know how hard it can be to learn Flutter development in general - there's a lot of information out there, but the problem is that none is complete, nor is it updated.Â I understand how frustrating it's to try to learn something on your own and spend months without seeing progress!Â
That's why I do what I do - teach.Â
My sole goal is to show you that you can get started right away with Flutter Web Development and start building your web app ideas!Â

Sign up today, and look forward to:
Over 13 hours of HD 1080p video content
Build two Flutter Web Apps
Challenges and Solutions
Fast and helpful support if you need anything or have questions
My great sense of humor :)

Enroll today and start learning.
See you inside.

Paulo
Who this course is for:
Beginner to Intermediate Flutter Developers
Web Developers who Want to Learn to Build Flutter Web Apps
Curious Students who Want to Build Their Own Flutter Web Apps, iOS, Android and Desktop Apps with Flutter 2.0
Project Managers who Want to Learn How Flutter 2.0 Web App Development Works
Anyone who wants to Learn Flutter Web App Development

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I'm Paulo. I am passionate about teaching people Android, Java, and Flutter development. I have taught over 200,000 students in 175 countries worldwide. I have extensive experience in Mobile App Development (Android and iOS) Web Development, and AWS Cloud.My goal is to make you a great developer and AWS cloud Practitioner no matter your experience. In addition, I enjoy spending time with my growing family, playing the guitar mandolin, and traveling in my spare time. I look forward to helping you become the best developer & AWS Cloud Practitioner you can be. If you are new to Android development and my courses, I suggest you start with my most comprehensive Android course: 1. The Comprehensive 2020 Android Development Masterclass - You'll learn everything you need to know to get started with Android Development - no experience required!Next: 2. The Complete Intermediate Android Masterclass - You'll learn intermediate Android topics such as Work manager API, ROOM Database, and working in the background in Android.Cross-platform Development courses & Web-related (Build iOS and Android Mobile Apps): 3. Flutter & Dart - The Complete Flutter App Development Course - Learn the Dart Programming language and build iOS and Android Apps with a single codebase. 4. AngularDart - Build Dynamic Web Apps with Angular & Dart - Unleash the power of one of the most used web development frameworks, Angular and Dart, to build dynamic web apps. 5. TornadoFX - Build JavaFX Applications With Kotlin - Leverage the modern programming language, Kotlin, and JavaFX libraries to build stunning desktop appsFor AWS Cloud Courses: 1. Amazon EC2 Master Class (with Auto Scaling & Load Balancer) 2. Amazon ECS & Fargate Masterclass 3. Amazon EKS with Kubernetes 4. AWS AppSync & Amplify 5. AWS Lambda and the Serverless FrameworkPurely Java-based courses:6. Java Masterclass - Beginner to Expert Guide - Want to learn Java from the ground up? Then this is the course you'll need.7. Java Design Patterns - The Complete Masterclass - Learn how to build reliable software using well-tested, proven Design Patterns.I look forward to seeing you in my courses.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.