The Complete Guide to Flutter and Dart [2023 Edition]
Flutter and Dart Course in Rawalpindi IT and freelancing Career are now ranked highest paid so newcomers are set on for learning these courses. So, Ezitech Learning institute providing you alot of courses related to information technology with certification. One of IT course in Flutter and dart course in rawalpindi. Prerequisites for this course for […]
Flutter and Dart Course in Rawalpindi
IT and freelancing Career are now ranked highest paid so newcomers are set on for learning these courses. So, Ezitech Learning institute providing you alot of courses related to information technology with certification. One of IT course in Flutter and dart course in rawalpindi.
Prerequisites for this course for Flutter and Dart Course in Rawalpindi:
- Basic programming language expertise is beneficial but not required.
- You DO NOT need to be familiar with Flutter or Dart.
- DO NOT need to be familiar with iOS (Swift/ObjectiveC) or Android (Java)
Requirements
-
A basic programming language will assist, but it is not required.
- Android app development can be done on Windows, macOS, or Linux, whereas iOS apps can only be produced on macOS.
- There is no requirement for prior iOS or Android coding expertise.
- No prior Flutter or Dart expertise necessary; this course begins from scratch!
Learn how to develop fantastic iOS and Android apps by enrolling in the most comprehensive and best Flutter course!
To create true native mobile apps, you do not need to understand Android/Java or iOS/Swift!
Flutter, a Google framework, enables you to learn one language (Dart) and quickly create stunning native mobile apps. Flutter is an SDK that provides the tools to convert Dart code into native code as well as a comprehensive set of pre-built and pre-styled UI components (referred to as widgets) that you can use to create custom user interfaces.
Flutter is incredibly popular and is used for key Google products like as their Adwords app – it has now been designated as “ready for production,” so now is the time to dive in and learn it!
This course will teach Flutter and Dart from the ground up; no prior knowledge of either is necessary! And you don’t need any Android or iOS programming knowledge because the whole point of Flutter is to master only one language.
Throughout this course, you will not only study Flutter in theory, but you will also develop a complete, practical app. This programme will include all of the fundamentals as well as advanced capabilities like as leveraging Google Maps, the device camera, creating animations, and more!
Flutter allows you to develop code once and distribute your apps to both the Apple AppStore and Google Play.
Use Google’s Material Design to create gorgeous, fully configurable applications in little time and with little work. You may utilise Flutter’s comprehensive widget suite to add typical UI components like buttons, switches, forms, toolbars, lists, and more – or you can just design your own widgets – Flutter makes that easy as well.
The following are the contents of the course:
- Setup instructions for both macOS and Windows are included.
- A detailed introduction to Flutter, Dart, and the widget idea.
- An overview of the built-in widgets, as well as how to create your own.
- Tips and tricks for debugging
- Tabbed page navigation, side drawers, and stack-based navigation
- Solutions for state management
- User input handling and validation
- Sending HTTP requests to connect your Flutter app to backend servers
- End user identification
- Insert Google Maps
- Utilizing native device features such as the camera
- Including lovely animations and page transitions
- Upload an Image
- Push Notifications – both manual and automatic
- How to Get Your App Into App Stores + More
If you are interested in…
- if you want to create true native mobile apps for the two most popular mobile platforms, iOS and Android.
- beginners want to learn about all of the things that Flutter has to offer.
- You don’t want to spend hours studying two distinct languages.
Introduction
1
Introduction
2
What is Flutter
3
Understanding the Flutter Architecture
4
How Flutter & Dart Code Gets Compiled To Native Apps
5
Understanding Flutter Versions
6
Flutter macOS Setup
7
macOS Development Environment
8
Flutter Windows Setup
9
Windows Development Environment
10
Flutter & Material Design
11
Flutter Alternatives
12
Course Outline
13
How To Get The Most Out Of The Course
Flutter Fundamentals [QUIZ APP]
1
Module Introduction
2
Creating a New Project
3
An Overview of the Generated Files & Folders
4
Analyzing the Default App
5
Dart Basics
6
More Dart Basics
7
Building an App From Scratch
8
Running the App on an Emulator
9
Class Constructors & Named Arguments
10
First Summary & Additional Syntax
11
Building a Widget Tree
12
Visible (Input Output) & Invisible (Layout Control) Widgets
13
Connecting Functions & Buttons
14
Anonymous Functions
15
Updating Widget Data (Or Using StatelessWidget Incorrectly)
16
Updating Correctly with Stateful Widgets
17
A Brief Look Under The Hood
18
Using Private Properties
19
Creating a New, Custom Widget
20
First Styling & Layouting Steps
21
Enums & Multiple Constructors
22
Official Docs & The Widget Catalog
23
Passing Callback Functions Around
24
Introducing Maps
25
Mapping Lists to Widgets
26
final vs const
27
Introducing if Statements
28
[DART DEEP DIVE] More on if Statements
29
[DART DEEP DIVE] The null Value & Null Safety
30
Outputting Widgets Conditionally
31
Splitting the App Into Widgets
32
Calculating a Total Score
33
Getters & else if
34
Resetting the Quiz
35
Old Button Widgets vs New Button Widgets
36
Wrap Up
Running Apps on Multiple Devices and Debugging Apps
1
Module Introduction
2
Running the App on a Real Android Device
3
Running the App on an iOS Emulator
4
Running the App on a Real iOS Device
5
Working with the Emulators Using the Emulators
6
Understanding Error Messages & Fixing Errors
7
Using the Debugger
8
Getting Started with the Dart DevTools
9
Understanding the Repaint Rainbow
10
Wrapping up the Dart DevTools
Widgets Styling and Logic Creating a Real App [PERSONAL EXPENSES APP]
1
Module Introduction
2
An Overview of the Core Flutter Widgets
3
Planning the App
4
Combining Widgets
5
Understanding Column Alignment
6
Not a Widget Adding a Transaction Model & Transaction Data
7
Mapping Data Into Widgets
8
Building a Custom List Item
9
Styling a Container
10
Styling Text
11
More Styling!
12
Containers vs Columns vs Rows
13
Using String Interpolation
14
Installing External Packages & Formatting Dates
15
Adding Text Input Widgets (TextField)
16
Fetching User Input
17
Splitting the App Into Widgets
18
Connecting Widgets & Managing Data State
19
Adding User Transactions to the List
20
Making the List Scrollable!
21
Working with ListViews
22
Further Input & Output Styling and Configuration
23
Adding AppBar Buttons & Floating Action Buttons
24
Showing a Modal Bottom Sheet
25
Improving & Styling the Modal Bottom Sheet
26
Configuring & Using Themes
27
Custom Fonts & Working with Text Themes
28
Adding Images to the App
29
Planning the Chart Widget
30
Looping Through Lists
31
Deriving Recent Transactions
32
Creating Bars for our Chart
33
Populating the Chart with Values
34
Finishing the Chart Bars
35
Flexible & Expanded Deep Dive
36
Adding a ListTile Widget
37
Improving the Overall Chart
38
Widgets & Configuring Widgets Summary Overview
39
Getting Started with Date Selection
40
Showing a DatePicker
41
Adding Transactions with a Date
42
Deleting Transactions & Using IconButtons
43
Final Polishing!
44
Wrap Up
Apps with Responsive and Adaptive User Interfaces
1
Module Introduction
2
What does Responsive and Adaptive Mean
3
Examples Where we could improve the App!
4
Calculating Sizes Dynamically
5
Using the LayoutBuilder Widget
6
Controlling the Device Orientation
7
Rendering Alternative Landscape Content 1
8
Finishing Landscape Mode
9
Showing Different Content Based on Device Orientation
10
Respecting the Softkeyboard Insets
11
Using the Device Size in Conditions
12
Managing the MediaQuery Object
13
Checking the Device Platform
14
Using Cupertino (iOS) Widgets
15
Using the SafeArea
16
More Cupertino Styles
17
Using Cupertino Buttons
18
Creating Custom Adaptive Widgets
19
Wrap Up
Internals of Widgets and Flutter Deep Dive
1
Module Introduction
2
The Problem At Hand
3
Widget Tree & Element Tree What Why and How
4
How Flutter Rebuilds & Repaints the Screen
5
How Flutter Executes build()
6
Using const Widgets & Constructors
7
Writing Good Code
8
Extracting Widgets
9
Using Builder Methods
10
Understanding the Widget Lifecycle
11
Understanding the App Lifecycle
12
Understanding Context
13
A Problem with Lists & Stateful Widgets
14
Understanding the Problem Root
15
Using Keys
16
Wrap Up
Navigation and Multiple Screens [MEALS APP]
1
Module Introduction
2
Planning the App
3
Starting With The App Adding Base Data
4
Creating a Grid & Working with Linear Gradients
5
Registering a Screen as the Main Screen
6
Styling & Theming
7
Navigating to a New Page
8
Passing Data via the Constructor
9
Using Named Routes & Passing Data With Named Routes
10
Diving Deeper into Named Routes
11
Adding a Meal Model & Data
12
Selecting Meals for a Chosen Category
13
Displaying Recipe Items & Using Network Images
14
Finishing the Meal List Item
15
Navigating to the Meal Detail Page
16
onGenerateRoute & onUnknownRoute
17
Finishing the Meal Detail Page
18
Adding a TabBar to the Appbar
19
Adding a Bottom TabBar
20
Adding a Custom Drawer
21
Adding Links to the Drawer
22
Replacing Pages (Instead of Pushing)
23
Popping Pages & Passing Data Back
24
Adding Filter Switches
25
Adding Filtering Logic
26
Adding a Mark as Favorite Feature
27
A Problem!
28
Wrap Up
State Administration [SHOP APP]
1
Module Introduction
2
Planning the App
3
Defining a Data Model
4
Working on the Products Grid & Item Widgets
5
Styling & Theming the App
6
Adding Navigation to the App
7
Why State Management And what is State and State Management
8
Understanding the Provider Package & Approach
9
Working with Providers & Listeners
10
Inheritance (extends) vs Mixins (with)
11
Listening in Different Places & Ways
12
Using Nested Models & Providers
13
Exploring Alternative Provider Syntaxes
14
Using Consumer instead of Provider
15
Local State vs Appwide State
16
Adding Shopping Cart Data
17
Working with Multiple Providers
18
Connecting the Cart Provider
19
Working on the Shopping Cart & Displaying a Total
20
Displaying a List of Cart Items
21
Making Cart Items Dismissible
22
Adding Product Detail Data
23
Providing an Orders Object
24
Adding Orders
25
Adding an Orders Screen
26
Using a Side Drawer
27
Making Orders Expandable & Stateful Widgets vs Providers
28
Wrap Up
Using User Input and Forms [SHOP APP]
1
Module Introduction
2
Snackbars
3
Showing Alert Dialogs
4
Adding a Manage Products Page
5
Edit Product Screen & A Problem
6
Using Forms & Working with Form Inputs
7
Managing Form Input Focus
8
Multiline Inputs & Disposing Objects
9
Image Input & Image Preview
10
Submitting Forms
11
Validating User Input
12
Adding Validation to All Inputs
13
Saving New Products
14
Time to Update Products!
15
Allowing Users to Delete Products
Sending Http Requests [SHOP APP]
1
Module Introduction
2
OnDevice vs Web Storage
3
How to Connect Flutter to a Database
4
Preparing Our Backend
5
How To Send Http Requests
6
Sending POST Requests
7
Working with Futures in Dart
8
Futures & Async Code
9
Showing a Loading Indicator
10
Handling Errors Gracefully
11
Working with async & await
12
Fetching Data initState & of(context)
13
How to Transform Fetched Data
14
Implementing Pull to Refresh
15
Updating Data via PATCH Requests
16
Utilizing Optimistic Updating
17
Creating Custom Exceptions & More Error Handling
18
A Challenge For You!
19
Updating the Favorite Status Optimistically
20
Storing Orders in the Web
21
Fetching Orders & Fixing an Issue
22
Using the FutureBuilder Widget & Improving the Code
23
Wrap Up
Adding User Authentication [SHOP APP]
1
Module Introduction
2
How Authentication Works
3
Prepare Backend
4
Adding the Auth Screen
5
Adding User Signup
6
Allowing Users to Log In
7
Handling Authentication Errors
8
Managing the Auth Token Locally (in the App)
9
Using the ProxyProvider and Attaching the Token to Outgoing Http Requests
10
Adding the Token to All Requests
11
Connecting the Favorite Status to Users
12
Attaching Products to Users & Filtering By Creator
13
Attaching Orders to Users
14
Adding a Logout Functionality
15
Automatically Logging Users Out (After Some Time)
16
Automatically Logging Users In
17
Wrap Up
Adding Animations [SHOP APP]
1
Module Introduction
2
Animations From Scratch (Completely Manually Controlled)
3
Using the Animated Builder Widget
4
Working with the Animated Container
5
More Builtin Animation & Transition Widgets
6
Fading Loaded Images In (And Showing a Placeholder)
7
Adding a Hero Transition
8
Working with Slivers
9
Practice Animating Order Boxes
10
Implementing Custom Route Transitions
11
Wrap Up
Making Use of Native Device Features (Camera Maps Location) [GREAT LOCATION APP]
1
Module Introduction
2
Planning the App
3
PlaceList & Place Provider Setup
4
Adding the Add Place Screen & An Image Input
5
Using Image Picker & The Device Camera
6
Storing the Image on the Filesystem (on the Device)
7
Managing Data & Images via the Provider Package
8
Handling Errors
9
Testing on Real Devices
10
Preparing SQLite
11
Storing & Fetching Data with SQLite
12
Adding a Location Input & The location Package
13
Fetching the User Coordinates
14
Displaying a Static Map Snapshot
15
Rendering a Dynamic Map (via Google Maps)
16
Allowing Users to Pick a Location on the Map
17
Storing the Location in SQLite
18
Adding a Place Detail Screen & Opening the Map in readonly Mode
19
Wrap Up
Building a Chat App with Firebase Image Upload and Push Notifications
1
Module Introduction
2
What is Firebase
3
Creating a New App
4
Getting Started with Firebase
5
Getting Started with Flutter & the Firebase SDK
6
Rendering Stream Data with StreamBuilder
7
Adding Data
8
A Basic Authentication Screen
9
Adding an App Theme
10
Creating an Authentication Form
11
Connecting Auth Form & Auth Screen
12
Implementing Authentication
13
Storing Extra User Data
14
Finishing Authentication & Logout
15
Adding Firebase Security Rules
16
Listening to Chat Messages
17
Sending & Ordering Chat Messages
18
Creating a Basic Chat Bubble Widget
19
Improving the Chat Bubbles
20
Testing on Multiple Devices
21
Displaying User Names
22
Adding an Image Picker
23
Preparing File Upload & Validating Images
24
Uploading Images
25
Improving Image Upload
26
Running on a Real iOS Device
27
Displaying User Images
28
How Push Notifications Work
29
An Introduction to Firebase Cloud Messaging
30
Android & Push Notifications
31
iOS & Push Notifications
32
Handling Push Notifications
33
Getting Started with Firebase Cloud Functions
34
Setting a Firestore Trigger
35
Sending Automated Push Notifications
36
Polishing & Wrap Up
Native Swift ObjectiveC Java or Kotlin code execution
1
Module Introduction
2
Sending a Method Call from Flutter
3
Running Android Code
4
Running iOS Code
5
Wrap Up
Publishing in App Stores
1
Module Introduction
2
Preparing the Code
3
Preparing the App Configuration
4
Preparing Third-Party Services
5
Adding Icons & Splash Screens
6
Publishing Android Apps
7
Publishing iOS Apps
Related Courses
This Flutter & Dart course is designed for both complete newbies without any prior programming knowledge and developers with expertise in iOS, ...
PKR25,000
