Flutter Bootcamp: Build Native Mobile Apps With Dart [2023]

Become a Flutter expert with our comprehensive bootcamp. Learn to build professional mobile apps with advanced features.

What you'll learn

Learn flutter and dart from scratch

Master the correct way of writing code

MVVM model, and writing clean code and building server driven application

Learn backend services like Firebase authentication, cloud firestore, realtime database, storage, and much more

Requirements

NO PRIOR PROGRAMMING LANGUAGE EXPERIENCE IS REQUIRED

A computer or laptop with 8 GB RAM

Will to learn new technologies or skill

Description

Hey there! Have you ever wanted to build your own mobile apps but found it overwhelming to learn different programming languages for Android and iOS? Well, I have some good news for you! There's a framework called Flutter that was developed by Google that allows you to build beautiful native mobile apps using just one language: Dart.Flutter is really popular right now, and it's being used for major Google apps like Adwords. The best part is that you don't need any prior knowledge of Dart or Flutter to get started with this comprehensive course.Throughout this course, you'll learn everything from scratch, starting with an introduction to Flutter, Dart, and the concept behind widgets. You'll also get an overview of the built-in widgets, and you'll learn how to add your own.Are you interested in learning how to build native mobile apps using just one language? Then our Flutter course is perfect for you!We understand that your time is valuable, which is why our course is carefully thought out and edited. You won't have to sit through hours of programming without explanations. Our course includes beautiful animations that explain all the difficult concepts, and we're always available to answer any questions you may have.By the end of the course, you'll have a complete understanding of fundamental Flutter concepts such as Stateful vs. Stateless Widgets, Widget tree, state management, animations, themes, and much more. You'll also learn about fundamental Dart concepts like lists, maps, enums, loops, futures, streams, mixins, classes, and much more.In addition, you'll learn about Object Oriented Programming (OOP) concepts such as the type system, variables, functions and methods, inheritance, classes, and protocols. You'll learn how to use control structures like If/Else clauses, Switch statements, and logic to control the flow of execution.Our course also covers data structures, software design principles, networking, and data storage. You'll learn how to make asynchronous API calls, store and retrieve data from the cloud, and use the JSON format for server communication. You'll also learn how to use Firebase Cloud Firestore to act as a backend for your Flutter apps and how to use authentication to log in and register users for your apps.Finally, our course covers state management techniques like setState, prop drilling, lifting state up, callbacks, and the Provider package to manage app state.If you're ready to become a Flutter developer, enroll in our course today! And don't worry - we offer a 30-day money-back guarantee so you can try it risk-free.

Overview

Section 1: Introduction to Flutter and setup

Lecture 1 Introduction

Lecture 2 What is Flutter?

Lecture 3 What is dart and why flutter uses dart?

Lecture 4 Flutter architecture

Lecture 5 What is a widget?

Lecture 6 Mac OS setup

Lecture 7 Run Flutter App on Mac OS

Lecture 8 Windows Setup

Lecture 9 Run Flutter app on Windows OS

Lecture 10 Android studio vs VS Code

Lecture 11 Project Folder structure

Lecture 12 ARTICLE: Know more about flutter project folder structure.

Lecture 13 Anatomy of Dart program

Lecture 14 Explain the counter app example

Lecture 15 ARTICLE: Components of the counter app

Lecture 16 [Extras] Android studio extensions

Lecture 17 Official Learning Resources

Section 2: Learning about Dart Programming and Flutter Basics [Calculator App]

Lecture 18 Module Introduction

Lecture 19 Variables[Dart fundamentals]

Lecture 20 Rules of defining variable name or identifier[Dart fundamentals]

Lecture 21 Exercise-1 [Variables]

Lecture 22 final and const[Variable]

Lecture 23 ARTICLE: final and const difference points

Lecture 24 Function[Dart Fundamentals]

Lecture 25 Higher order function

Lecture 26 Conditional Flow Statements[Dart Fundamental]

Lecture 27 Exercise-2[Functions, Conditional Flow Statement, Loop]

Lecture 28 Classes and Objects[Dart fundamentals]

Lecture 29 Constructor[Dart fundamentals]

Lecture 30 Types of contructor[Dart fundamentals]

Lecture 31 Inheritance[Dart fundamentals]

Lecture 32 Polymorphism and Abstract class[Dart fundamentals]

Lecture 33 [PDF] Dart Resource

Lecture 34 Getting started with flutter

Lecture 35 Create First Flutter App[MaterialApp, Scaffold]

Lecture 36 Create layout for calculator app

Lecture 37 Basics about Stateless widget

Section 3: State management using setState method [Calculator App]

Lecture 38 Module Introduction

Lecture 39 What is state?

Lecture 40 ARTICLE: What is state?

Lecture 41 State of our Calculator application

Lecture 42 Create our first Stateful widget

Lecture 43 Building state and calculate method logic

Lecture 44 Change keyboard, Convert string to double, handle calculate method based on text

Lecture 45 Displaying error message

Section 4: Styling, Building custom Widgets and optimising the code [Calculator App]

Lecture 46 Create custom button and add User interaction

Lecture 47 Updating the color of button based on the state of the app

Lecture 48 Code resource

Lecture 49 Why separating widget in flutter is helpful?

Lecture 50 Building separate widget for Operator button

Lecture 51 Building separate widget for TextField [code]

Lecture 52 Creating separate method to check value of controllers [code]

Lecture 53 Module Wrap Up

Section 5: Navigation, Drop downs, Popup Menu, DateTime picker [TODO Application]

Lecture 54 Module Introduction

Lecture 55 Create AppBar, and PopupMenu Button

Lecture 56 Create TODO widget, implementing checkbox

Lecture 57 Change the color of TODO type based on the value

Lecture 58 Navigate to a new page

Lecture 59 Add new task page AppBar UI, navigate back to the previous screen

Lecture 60 New Task page TextField UI, and Date Picker implementation

Lecture 61 Implement the Drop Down Menu

Section 6: State management  using setState method[TODO Application]

Lecture 62 Manage the state of date picker, drop down menu

Lecture 63 Add new todo on Home page screen

Lecture 64 Update the status of TODO checkbox

Lecture 65 Update the status of UI in Pending and All List categories

Lecture 66 Manage the state of category, update the list of todo based on category

Lecture 67 Adding delay before updating the UI of the TODO list

Lecture 68 Bug Fixes

Section 7: Navigation and sharing data between screens using named routes[GYM GUIDE APP]

Lecture 69 Module Introduction

Lecture 70 Working with asset image, text styling, color, appBar, and drawer

Lecture 71 Home screen header

Lecture 72 Workout category card widget UI

Lecture 73 Create the list of workout categories with list view builder

Lecture 74 ARTICLE:  Why we can't use ListView inside the Column?

Lecture 75 Set the theme using ThemeData, Pass data using the constructor

Lecture 76 Introduction to routes and passing data using routes

Lecture 77 Create exercise model and list of exercise

Lecture 78 Create the exercise card widget

Lecture 79 ARTICLE: List.generate and join method

Lecture 80 Create the list of exercise card widget with ListView.seperated method

Lecture 81 Gym exercise details page UI

Lecture 82 Manage the state of isFavourite using floating action button

Lecture 83 Create BottomNavigationBar UI and theme

Lecture 84 Update the UI of the homepage based on the index of bottom navigation bar

Lecture 85 Update the favourite exercise list

Lecture 86 Create drawer UI

Lecture 87 Add navigation in Drawer items

Lecture 88 Create Filter screen UI and manage the state of RadioListTile, and Slider

Lecture 89 Manage the UI flow and list of exercise based on the filter selected by the user

Lecture 90 Create the BMI calculator UI and manage the state

Lecture 91 Calculate and display the result of BMI

Section 8: Working with Forms [.DOC SAVER APP]

Lecture 92 Module app demo

Lecture 93 Project structure and building custom text field

Lecture 94 Create form layout and and new approach to declare SizedBox

Lecture 95 Create custom authentication button

Lecture 96 Setting up the provider  and creating our first provider class

Lecture 97 Working with MediaQuery and Linear Gradient

Lecture 98 Integrating provider with UI and managing the state

Lecture 99 Form Validation

Section 9: Basics about State management using Provider[.DOC SAVER APP]

Lecture 100 Why we need another state management technique?

Lecture 101 [ARTICLE] Provider Learning Resources

Lecture 102 What is provider?

Lecture 103 How to use Provider.of and Consumer to update the UI?

Lecture 104 Setting up and Creating our first provider

Lecture 105 Toggle the visibility of the password

Lecture 106 Forget password screen UI

Section 10: Firebase Email-Password authentication[.DOC SAVER APP]

Lecture 107 Important links

Lecture 108 Connect your Flutter app with firebase projects

Lecture 109 Install firebase_auth plugin, and enable email pass auth provider from firebase

Lecture 110 Create first authentication method[Sign-Up]

Lecture 111 Create sign in method

Lecture 112 Create reset password method and manage the state of forgot password screen

Lecture 113 Implementing loading progress indicator

Lecture 114 Test the forgot password functionality using the link in inbox

Lecture 115 Handling authentication error using try-catch block

Lecture 116 Displaying forgot password status using snackbar

Lecture 117 Displaying SnackBar on authentication error and success

Lecture 118 Writing more clean code

Lecture 119 Navigate to home screen on success authentication

Lecture 120 Logout

Section 11: Custom AppBar, FloatingActionButton & Select image using file_picker[.DOC SAVER]

Lecture 121 Creating Custom appbar

Lecture 122 Create separate widget for custom appbar

Lecture 123 File Card widget UI

Lecture 124 Create separate widget for File Card widget

Lecture 125 Create custom floating action button

Lecture 126 Create add document screen

Lecture 127 Important Link

Lecture 128 Install file_picker package to open native file explorer

Lecture 129 Using MultiProvider to add providers in MaterialApp

Lecture 130 Handle the response and error of the native file explorer[file_picker package]

Lecture 131 Display name of selected file on UI

Lecture 132 Better approach to use provider to display the picked file name

Section 12: Working with Firebase Realtime database and Firebase storage[.DOC SAVER APP]

Lecture 133 Important links

Lecture 134 Setting up Realtime database in Firebase Console

Lecture 135 Install firebase_database package inside flutter project

Lecture 136 Install firebase_storage package and set up firebase console for storage

Lecture 137 Upload the data to Realtime database

Lecture 138 Upload the file to firebase storage

Lecture 139 Error handling, showing progress indicator, and rest document details on success

Lecture 140 Fetching the list of data using StreamBuilder

Lecture 141 Displaying loading progress indicator and managing the connection state

Lecture 142 Implementing search functionality

Lecture 143 Attaching users to list of document

Lecture 144 Create dialog box and delete the document data from realtime, storage database

Lecture 145 View the pdf file and image using the url

Lecture 146 Create UI for setting screen

Lecture 147 Send username to realtime database

Lecture 148 Fetch username and update username

Lecture 149 Add logout, email, and update username using model sheet

Section 13: Managing navigation stack, testing, and Wrap up[.DOC SAVER APP]

Lecture 150 What's the problem?

Lecture 151 Remove Auth page from navigation stack after login/signup is successful

Lecture 152 Manage navigation stack after logout

Lecture 153 Adding a splash screen

Lecture 154 Auto login or Landing user to home screen if user is already logged-in

Collage student,IT Professionals,Application developer,Flutter developer,Web developer[/code][/code]