Complete Flutter Guide 2024: Build Android, Ios And Web Apps

The Complete Flutter SDK, Flutter Framework, Dart guide to develop fast, production-grade apps for Android, iOS and Web

What you'll learn

Build fast, production grade, native quality apps for Android, IOS and Web

Start from scratch to understand all fundamental concepts of Flutter development

Back-end with Firebase and deploy web apps to Firebase hosting for free

Build beautiful, appealing and responsive flutter apps that fit every device size

Become a fully-fledged flutter developer

Build portfolio of beautiful flutter apps to impress any recruiters or clients

Firebase Firestore(No-SQL database) , Email Authentication and Google Authentication

Learn Flutter Architecture like MVVM, Bloc and MVC

Learn to use Industry standard flutter state managements' like Riverpod, Bloc, Getx

Master navigation Like pro using go router, navigator

Requirements

No programming or coding experience needed

Windows or Mac

15 GB of storage or online IDE like Flutlab

Description

Welcome to the best and most industry-oriented hands-on course on Google Flutter and Dart by Coding Liquids where you’ll start from scratch and go step by step to become an industry-standard Flutter developer. Covering all the fundamental concepts for Flutter development, this is the most comprehensive production-grade Flutter course available online. We built this course over a year, perfecting the curriculum together with the industry standards to teach you Flutter from scratch and make you into a skilled Flutter developer with a strong portfolio of beautiful Flutter apps.Here you’ll learn to use Flutter, Dart, and Firebase to build beautiful, high-performance production-grade apps for Android, iOS, and the web. By the end of this course, you will be able to master topics like Layouts, animations, responsive handling, Streams, Future, Riverpod, Firebase, design patterns, and much more to develop apps that meet industry standards and get Google Flutter developer jobs.Major companies such as BMW, Ali Baba, eBay, Tencent, Toyota, Google, and many more are using Flutter for developing their apps. The demand is high but the supply of developers is low, so this creates the perfect opportunity for you to learn about this trending topic which is Flutter!Having compiled over 2000 Flutter job descriptions, we are fully aware of the qualifications needed to become a skilled and well-paid Google Flutter developer. We created this flutter course for anyone who wants to develop and release high-performance production-grade apps for Android, iOS, and the web all at once. What distinguishes this flutter course from others is its industry standards. Your flutter app may not be collaboration-friendly or may consume excessive power with the OS shutting the app down, making the app useless. However, similar disasters can be avoided with the right industry standards. From Beginner to Flutter Developer or Flutter software engineer with Just One CourseWe know that you're here because you value your time. If you wanted to watch someone program for hours and hours without explaining what they're doing, you'd be on YouTube.By getting this course, you can rest assured that the course is carefully thought out and edited. There are beautiful animations that explain all the difficult concepts and we're always on hand to answer student questions.So by the end of the course, you'll completely understand: Fundamental Flutter concepts e.g. Stateful vs. Stateless Widgets, Widget tree, state management, animations, JSON handling, and much more for Android, IOS, and Web Fundamental Dart concepts e.g. lists, maps,  loops, futures, streams, mixins, classes, objects, and much more. Having an in-depth understanding of Flutter Animations and Flutter Layouts.A hands-on approach for going through more than 150 flutter widgets e.g MaterialButton, TextEditingController, Gesture detector, URL Launcher, Dio, Drawers, and so much more. Responsive handling to make sure your flutter app fits almost every screen Flutter Navigations Portfolio of apps to impress recruiters and clientsFlutter Streams & Flutter Future State management from basics to advanced topics like Provider & Riverpod & Hooks & Flutter multithreading Flutter Web free hosting on Firebase Domain name transfer, Flutter Firebase CLIFlutter Email authentication, FlutterGoogle authentication for web and mobileDeep dive into No-SQL database (Firestore)Software architectures like MVVM (Model View View-Model), Bloc, MVC, Clean architecture The difference between a good developer and a great developer is how you code your apps to consume less power and that is exactly where we help you to stand out. It’s a commendable skill in the Flutter community. But it’s also a highly neglected skill. Fortunately, it’s one of the major topics you’ll master here. With the amount of research we have done for a year, it ensures that you’ll not just be able to develop a Flutter app but develop it with Flutter industry standards and meet the requirements of most recruiters or clients. The apps you’ll build will meet proper standards and make your portfolio stand out. Without a shadow of a doubt, this is the best course on Google Flutter. All the Fluter projects we will create in this course are selected in a way to demonstrate how you can create different user interactions and how important it is to have nested flows in Google Flutter apps. Further, we will look at some more advanced Flutter UI widgets that can make your apps look fantastic and very interactive. We will deal with accessibility and styling all while incorporating the trial-and-run approach. This Google Flutter course has illustrative videos to ensure the best learning experience for you. Our comprehensive videos and curriculum are built keeping in mind a beginner’s as well as a professional’s perspective. We have tried to answer as many questions and doubts as you might have throughout the course.Our extensive study over the past year guarantees that you won't simply create projects, but do so in accordance with industry standards and satisfy the needs of the majority of employers or clients. The apps you'll create will be up to code standards and will distinguish your portfolio. This is without a doubt the best Google Flutter training available.We are eager to have you enroll in this course!If you're still hesitating about joining us on this fantastic Google Flutter adventure, look at these comments: The codes here are the latest. In other courses, most of the codes don't even work as they are really old but this course is updated to the latest flutter version and everything is working perfectly. - Chandrima PalI have work experience in various tech companies and I think this course is fantastic! It's very informative and useful! I like the fact that the videos are short and concise, and the instructors explain everything in a way that is easy to follow. The content is updated and gives me the confidence to use Flutter in my projects. - Karol José Gutiérrez Suárez This course is a surprisingly comprehensive course to learn Flutter from scratch without prior knowledge of Dart! The course follows the current Industry standard and intuitively uses various interesting Projects, including Ninja Challenges to build up knowledge. One noteworthy thing to mention is the instructors- Sagnik and Paulina. They perfectly explain the course in a simple, structured and easy way that builds upon a foundation to use the wealth of knowledge gained in future job prospects. Besides the course has the added advantage of building up your CV by adding the projects. I've done 16 sections till now and they were very informative, and fun to learn. Being from a non-Computer Science background it was really easy for me to pick up. I cannot wait to learn more! - Raunak BanerjeeI have been waiting for a complete upto date flutter course for a while. I'm only two hours in and loving it. I'm annoyed that I have to leave for work now because I don't want to stop. - Tom WhiteThe most important topics are covered. I’d highly recommend it and give it even more than five stars! - Pritam BanikI have learned a lot from this course and I am currently working on a flutter project, it made me understand how all the widgets are fitting together. - John Williams Thank you very much for your help. Based on your professional way of helping me and responding me within minutes every time. i will change my review from 4 stars to 5 for great customer service. once again, thank you! - Thomas S.The course is very useful for me. I get very fast responses to my questions. It is very important to me that the course is up-to-date. - Engin NEsse curso é ótimo, muito bem feito. Os instrutores conseguiram pensar em tudo, e tive um ótimo aprendizado graças a eles, realmente é algo feito por profissionais, recomendo a todos. - Maikon Douglas de Souza Pádua Mimo niedużej znajomosci języka Angielskiego spokojnie rozumiem póki co większość kursu. Po zapoznaniu się z pierwszymi lekcjami widzę że wszystko przedstawione jest bardzo przejrzyście i w łatwy i prosty sposób wytłumaczone. Polecam! - Dariusz Badziąg Cours très intéressant et instructif. La pédagogie et la clarté du contenu sont vraiment un plus. Je recommande sans hésiter ! - Rémy Hoarau Belkhiri

Overview

Section 1: Introduction

Lecture 1 What is Flutter?

Lecture 2 How easy is it to create an app with Flutter?

Lecture 3 How exactly Google Flutter works?

Lecture 4 How to stand out?

Section 2: Flutter Setup and Installation

Lecture 5 Install Java (Windows)

Lecture 6 Install Git (Windows)

Lecture 7 Install Flutter (Windows)

Lecture 8 Install Android Studio for Flutter (Windows)

Lecture 9 Emulator/Physical device setup

Lecture 10 Android licenses (Windows)

Lecture 11 Firebase installation for Flutter (Windows)

Lecture 12 Firebase installation bug

Lecture 13 Desktop app Development Setup for windows (Optional)

Lecture 14 Flutter Mac complete installation

Lecture 15 Bugs

Lecture 16 Android Studio NEW UI vs Classic UI

Lecture 17 Editing errors

Section 3: My Dashatar app - Start with the basics to create your First Flutter App

Lecture 18 Goals

Lecture 19 Creating Flutter app - 1

Lecture 20 Creating Flutter app - 2

Lecture 21 Coding My Dashatar App with Flutter part 1

Lecture 22 Summary Flutter.

Lecture 23 Adding images [Coding My Dashatar App with Flutter part 2]

Lecture 24 Change Flutter Launcher Icon New method.

Lecture 25 Changing launcher Icon [Coding My Dashatar App with Flutter part 3]

Lecture 26 Opening a new page bug fix

Lecture 27 Flutter Bugs FIx

Lecture 28 Hire me!

Section 4: Ninja Challenge 1

Lecture 29 What is the challenge?

Lecture 30 Solution to the challenge

Lecture 31 Bug Fix

Section 5: My Dashatar App - Understanding Flutter layouts in depth

Lecture 32 Introduction and emulator settings

Lecture 33 Hot reload vs Hot restart

Lecture 34 Flutter List and Column widgets

Lecture 35 Rows and Columns

Lecture 36 ListView and SingleChildScrollView

Lecture 37 Flutter Wrap and Stack widgets

Lecture 38 Bug fix

Section 6: Dart Programming

Lecture 39 Object oriented programming with Dart

Lecture 40 Classes, objects and "Hello World"

Lecture 41 Calling a variable using an object for Dart programming

Lecture 42 Return type method/function || Dart programming

Lecture 43 Constructors

Lecture 44 Invoking a function

Lecture 45 Check for even numbers

Lecture 46 Documentation for loops, lists, and decision making.

Lecture 47 Flutter Keywords: 'late' , 'const', 'final'

Lecture 48 Dart Loops and Lists

Lecture 49 Unlocking the Mysteries of Maps in Dart: A Friendly Guide

Lecture 50 Deep dive into Maps for Dart programming & Google Flutter

Lecture 51 Navigating Null Safety in Dart: A Conversational Guide

Lecture 52 Challenges set 1

Lecture 53 Challenges set 2

Section 7: State management - Basics

Lecture 54 Stateful vs Stateless widgets

Lecture 55 Flutter Widgets Summary

Lecture 56 State management in action

Lecture 57 AudioPlayers package

Lecture 58 Playing the beats

Section 8: Ninja challenge 2 - Launchpad app

Lecture 59 Flutter Bugs

Lecture 60 The problem

Lecture 61 Solution - Introduction

Lecture 62 Flutter LaunchPad decorations

Lecture 63 Adding delay and playing audio

Lecture 64 Adding sound path

Section 9: Layouts, Gesture and animations: Landing Page Web [ Portfolio ]

Lecture 65 Goal of this module

Lecture 66 Tips! Break and build

Lecture 67 Creating a new Flutter project

Lecture 68 Changing Flutter app icons

Lecture 69 Flutter App icon customization

Lecture 70 Flutter web Change icon/Favicon

Lecture 71 Coding main.dart

Lecture 72 Flutter analysis.yaml || Linters

Lecture 73 Flutter const vs final

Lecture 74 Flutter mouse region widget

Lecture 75 CircleAvatar

Lecture 76 Flutter padding widget

Lecture 77 sansBold

Lecture 78 Contact details

Lecture 79 About section

Lecture 80 Third section

Lecture 81 Decorating the card for Flutter

Lecture 82 Adding more cards

Lecture 83 Contact me

Lecture 84 Flutter TextFormFields

Lecture 85 Making a stateless widget

Lecture 86 Flutter TextFormFields

Lecture 87 Exploring new properties

Lecture 88 Flutter RegExp

Lecture 89 How to validate the text in Flutter TextFormFields

Lecture 90 Integers and double

Lecture 91 Flutter Animations

Lecture 92 Practical use of Flutter AnimationController

Lecture 93 Flutter animated cards

Lecture 94 How to host your flutter web app on Firebase hosting (Easy way)

Lecture 95 Creating a project in Firebase for Flutter

Lecture 96 Further exploring Firebase

Lecture 97 Flutter SVG Image Asset

Lecture 98 Adding social media

Lecture 99 Designing the web app

Lecture 100 Async, await and functions - part 1

Lecture 101 Async, await and functions - part 2

Section 10: Navigation in Flutter

Lecture 102 Flutter Navigation: First way

Lecture 103 Flutter Navigation: Second way

Lecture 104 Flutter Navigation: Third way

Lecture 105 Flutter Navigation: Routes part 1

Lecture 106 Flutter Navigation: Routes part 2

Lecture 107 Flutter go router

Section 11: Mobile Landing Page - Flutter Portfolio

Lecture 108 Flutter Routes for responsive design

Lecture 109 Adding AppBar

Lecture 110 Flutter Drawer

Lecture 111 Custom Flutter Tabs mobile

Lecture 112 Flutter URL launcher : Social media link button

Lecture 113 Adding circle avatar

Lecture 114 Adding TextEditingController to Flutter app

Lecture 115 Adding TextEditingController to Flutter app 2

Lecture 116 About section

Lecture 117 Experience section

Lecture 118 Contact section

Lecture 119 Navigations

Section 12: Contact Page - [ Flutter Portfolio ]

Lecture 120 Routes and links

Lecture 121 Sliver AppBar

Lecture 122 Tabs Web

Lecture 123 Flutter Web : CanvasKit vs HTML

Lecture 124 Adding TextForms

Lecture 125 Contact Mobile View

Lecture 126 SliverAppBar mobile

Lecture 127 Text Form Mobile

Section 13: About Page - Flutter Portfolio

Lecture 128 AppBar and Drawer

Lecture 129 Introduction section

Lecture 130 Back-End section

Lecture 131 About Web

Lecture 132 About me First section web

Lecture 133 Ending the About page

Section 14: Blog and Works Page - Flutter Portfolio

Lecture 134 Creating Routes and adding Drawer

Lecture 135 Custom Text widgets

Lecture 136 Sliver appBar

Lecture 137 Blog Post widget

Lecture 138 Blog Post 2

Lecture 139 Blog Post 3

Lecture 140 Re-thinking the design

Lecture 141 Works appBar

Lecture 142 Showcasing apps

Lecture 143 Coding the Drawer - works

Section 15: Flutter Firebase setup for Android, IOS, and web

Lecture 144 Flutter Firebase installation using FlutterFire CLI

Lecture 145 Android and IOS

Lecture 146 kIsWeb

Lecture 147 Web

Section 16: Read data from Firebase using Flutter: Blog Page

Lecture 148 Introduction to Cloud Firestore for Flutter Firebase

Lecture 149 Fetching data in Flutter

Lecture 150 Flutter Streams

Lecture 151 Displaying blog from Firestore

Lecture 152 Displaying blog from Firebase part 2

Lecture 153 Adding data to Flutter Blog

Section 17: Add data to Firestore using Flutter : Contact page : Flutter Portfolio

Lecture 154 Flutter Stream articles function

Lecture 155 Text-editing controller Flutter

Lecture 156 Flutter Validator

Lecture 157 Add response function

Lecture 158 Upload response in Flutter

Lecture 159 Deploy the Flutter web app to Firebase Hosting

Section 18: Firebase security rules

Lecture 160 Introduction to Flutter Firebase security rules

Lecture 161 Google Flutter Firebase Message security rules

Lecture 162 Articles rules and testing: Flutter

Lecture 163 Domain name transfer of Flutter app on Firebase to Google Domains (Optional)

Section 19: How to reuse code in your Flutter app? (Portfolio app)

Lecture 164 Introduction to reusing code: Google Flutter

Lecture 165 Flutter: navigations tab Web reuse

Lecture 166 Reuse: Google Flutter navigation drawer web

Lecture 167 Reuse : Google Flutter Url launcher and Navigation Drawer for mobile

Lecture 168 Reuse flutter Blog Page: Part 1

Lecture 169 Reuse Flutter Blog Page: Part 2

Lecture 170 Contact Form: Flutter reuse code

Lecture 171 Why do I use Custom Text widgets in Flutter?

Lecture 172 Flutter contact Form Mobile

Lecture 173 Reuse Teal Container Flutter development

Section 20: Advanced State management

Lecture 174 Introduction to Flutter Advanced state management

Lecture 175 Flutter Provider part 1

Lecture 176 Flutter Provider part 2

Lecture 177 Flutter Riverpod part 1

Lecture 178 Flutter Riverpod part 2

Lecture 179 Flutter MobX

Lecture 180 Flutter Multithreading : Flutter isolates

Section 21: Flutter Software Architectures

Lecture 181 Introduction

Lecture 182 Flutter MVC- Model View Controller

Lecture 183 Flutter MVC example

Lecture 184 Flutter MVVM- Model View ViewModel

Lecture 185 Flutter MVVM example

Lecture 186 Flutter Bloc

Lecture 187 Flutter Bloc Example

Lecture 188 Clean Architecture + Domain Driven Design- Flutter: Part 1

Lecture 189 Clean Architecture + Domain Driven Design - Flutter: Part 2

Lecture 190 Clean Architecture + Domain Driven Design- Flutter: Part 3

Section 22: Budget App using Flutter Riverpod and MVVM architecture

Lecture 191 Introduction: MVVM, Consumer widget, Riverpod

Lecture 192 Flutter App name change FIX

Lecture 193 Creating a custom reusable widget

Lecture 194 Rows and user registration

Lecture 195 Error pop-ups

Lecture 196 Flutter RegExp

Lecture 197 Creating the log in button with Flutter

Lecture 198 Flutter Authentication: Registering and logging in to the app

Lecture 199 Creating the Google Sign-In button

Lecture 200 Flutter Authentication: Flutter Google Authentication for Web and Mobile.

Lecture 201 Connecting Flutter Google Sign-In to Firebase auth

Lecture 202 Coding the Login View web

Lecture 203 Adding image assets

Lecture 204 Flutter Email field

Lecture 205 Flutter Password field

Lecture 206 Register and Sign in buttons

Lecture 207 Creating ' Sign in with Google' button on Flutter web

Lecture 208 Flutter Google sign in successful

Lecture 209 Flutter firebase Security rules

Lecture 210 Flutter Drawer

Lecture 211 Flutter Log out button

Lecture 212 Social media links

Lecture 213 Dashboard

Lecture 214 TODO comments

Lecture 215 Container for the variable names

Lecture 216 Variable names and divider

Lecture 217 Add expense mobile

Lecture 218 Add expense function

Lecture 219 TextForm widget Flutter

Lecture 220 TextForm widget 2 Flutter

Lecture 221 User collection

Lecture 222 How to add data to Cloud Firestore from Flutter

Lecture 223 Creating the Add income button

Lecture 224 Add income function

Lecture 225 Name and amount fields

Lecture 226 Flutter Save button function

Lecture 227 The expenses list

Lecture 228 The expenses list 2

Lecture 229 Incomes list

Lecture 230 Extracting the docs from Firebase & clean lists

Lecture 231 Running the functions

Lecture 232 Reset function

Lecture 233 Flutter Web AppBar

Lecture 234 Add expense web

Lecture 235 Add income web

Lecture 236 Total calculations

Lecture 237 Expenses list

Lecture 238 Incomes list

Section 23: Budget App: Performance optimization and code reuse.

Lecture 239 Performance optimization and code reuse.

Section 24: Flutter Networking: Build Robust Apps with API Integration

Lecture 240 Overview

Lecture 241 What is an API?

Lecture 242 Types of API [ REST, graphQL, gRPC]

Lecture 243 Introduction to REST APIs

If you have never programmed before, then take this course to learn Dart and build iOS and Android apps.,If you know how to code, but are new to mobile development and web development, then take this course to build apps with just one codebase.,If you want to develop high performance production grade apps.,If you want to know about databases and use a back-end like Firebase.,If you've tried Flutter before, then take this course to get a comprehensive curriculum that covers all the important aspects of Flutter development