Flutter & Dart Essentials-Build Mobile Apps like a Pro

Focused View

Syed Tanvir Ahmad

38:12:17

31 View

1 - Introduction

1 - Welcome to the course.mp4

04:50

2 - What is inside the course.mp4

07:08

2 - Setup SDKs and Tools

3 - Install Flutter SDK on Windows.mp4

08:55

4 - Download and Install Android Studio on Windows.mp4

07:41

5 - Install Flutter and Dart Plugins.mp4

07:16

6 - Install Android Emulator.mp4

04:21

7 - Create First Project and Run on Emulator.mp4

08:29

3 - Dart Programming Language

8 - Welcome to Dart.mp4

02:28

9 - Say Hello World.mp4

05:50

10 - Number Types in Dart.mp4

06:27

11 - String Interpolation.mp4

07:21

12 - Var and Dynamic types.mp4

08:49

13 - Final and Const keywords.mp4

05:26

14 - Common Operators in Dart.mp4

07:50

15 - If Else Statement.mp4

09:07

16 - Switch Statement and Expression.mp4

10:29

17 - Data Structure List.mp4

14:05

18 - Data Structure Map.mp4

07:37

19 - Data Structure Set.mp4

06:47

20 - Loops in Dart.mp4

12:12

21 - Null Safety in Dart.mp4

15:03

22 - Function in Dart.mp4

18:48

23 - Lambda Expression in Dart.mp4

11:57

24 - Class Object and Constructor.mp4

12:34

25 - Named Constructor.mp4

09:28

26 - Inheritance in Dart.mp4

10:56

27 - Method Overriding.mp4

05:41

28 - Abstract Class in Dart.mp4

09:22

29 - Runtime Polymorphism.mp4

11:53

30 - Mixin in Dart.mp4

06:48

31 - Final and Static Components.mp4

08:14

32 - Asynchronous Components Future and Async Await.mp4

18:21

33 - Wrap Up.mp4

03:36

4 - Flutter Basic Widgets

34 - Welcome to Flutter.mp4

12:06

35 - Hello Flutter Our First App.mp4

13:45

36 - Quick Overview on Profect File Structure.mp4

09:00

37 - Center Widget Put the text in Center.mp4

08:06

38 - MaterialApp Our first theme widget.mp4

09:03

39 - Scaffold and AppBar.mp4

12:39

40 - Show Image from Network.mp4

12:50

41 - Column Widget and its Axis.mp4

15:11

42 - Row Widget and its Axis.mp4

09:57

43 - Design Practice.mp4

10:54

44 - Solution Code for Design Practice.html

45 - Code Refractoring.mp4

22:33

46 - Stack and Positioned Widget.mp4

22:42

47 - Another Design Challange.mp4

06:54

48 - Solution for Design Challange.html

49 - ListView vs Column.mp4

14:34

50 - Create ListView children dynamically.mp4

07:53

51 - ListView Builder Constructor.mp4

11:01

52 - GridView Builder Constructor.mp4

12:28

53 - Navigate using Material Page Route.mp4

19:27

54 - The Counter App from Scratch.mp4

12:39

55 - Introducing Stateful Widget.mp4

16:42

56 - Excercise on Stateful Widget.mp4

05:49

57 - Solution for Excercise on Stateful Widget.html

58 - Input Widgets TextField.mp4

11:53

59 - Input Widgets Checkbox.mp4

04:26

60 - Input Widgets Radio.mp4

07:55

61 - Input Widgets DropdownButton.mp4

09:01

62 - Assignment ToDo App.mp4

09:03

63 - ToDo App Solution Part 1.mp4

17:09

64 - ToDo App Solution Part 2.mp4

14:09

65 - ToDo App Solution Part 3.mp4

11:42

66 - ToDo App Solution Part 4.mp4

07:37

67 - Hot Reload and Restart.mp4

15:10

68 - Wrap Up.mp4

05:56

5 - State Management with Provider

69 - State Management Overview.mp4

07:15

70 - Ephemeral and App State.mp4

08:32

71 - Add Provider Library.mp4

11:14

72 - Replace setState with Provider in Counter App.mp4

22:24

73 - Few observations.mp4

16:25

74 - Your Assignment.mp4

05:46

75 - Assignment Solution Codes only.html

6 - ProjectWord Hurdle

76 - Project Overview.mp4

04:28

77 - Project and Library Setup.mp4

07:46

78 - Word Hurdle Page Overview.mp4

07:18

79 - Create Hurdle Provider.mp4

17:03

80 - Create the Hurdle Board.mp4

15:39

81 - Create KeyboardView.mp4

08:00

82 - Create VirtualKey Widget.mp4

14:33

83 - Collect the 5 letters.mp4

14:47

84 - Show letters on Hurdle Board.mp4

03:41

85 - Delete letters from Hurdle Board.mp4

11:55

86 - Check Input for Validation.mp4

06:46

87 - Check result and show dialog.mp4

18:06

88 - Mark letters on Hurdle Board.mp4

14:52

89 - Reset the Game.mp4

10:59

90 - Wrap up A few suggestions.mp4

11:24

91 - Download full project.html

91 - word-hurdle-puzzle.zip

7 - Navigation using Go Router

92 - Flutter Navigation Overview.mp4

08:52

93 - Setup project with Go Router package.mp4

09:00

94 - Navigate to different routes.mp4

16:21

95 - Navigate using Name.mp4

07:56

96 - Pass arguments as path parameters.mp4

14:06

97 - Pass arguments as extra.mp4

06:36

98 - Customize Error Page and Redirect Routes.mp4

12:34

99 - Router and Navigator Together.mp4

13:26

100 - Wrap Up.mp4

06:29

8 - ProjectVirtual Card Holder

101 - Project Overview.mp4

11:15

102 - Project and Library Setup.mp4

13:59

103 - Create Home Page.mp4

13:01

104 - Add BottomNavigationBar to HomePage.mp4

13:24

105 - Create Scan Page and add Camera Buttons.mp4

08:56

106 - Capture and Select Image.mp4

10:15

107 - Scan Text from Image.mp4

10:09

108 - Add LongPressDraggable Widget and make each line draggable.mp4

19:48

109 - Create Drop Target Widget.mp4

21:11

110 - Drop items on DropTarget Widget.mp4

19:54

111 - Add a Next Button.mp4

11:00

112 - Create Form page and Pass Contact Object.mp4

13:30

113 - Assign values to TextFormFields.mp4

17:14

114 - Modify ContactModel Class.mp4

14:31

115 - Create Database and Contact Table.mp4

10:34

116 - Write insert and query methods.mp4

08:57

117 - Save Contact and show in a list.mp4

19:20

118 - Update list after insert.mp4

12:00

119 - Bux Fixed.mp4

04:45

120 - Write Delete method.mp4

07:17

121 - Delete a Contact.mp4

14:52

122 - One more SILLY bug fixed.mp4

05:59

123 - Update Contact Favorite.mp4

13:28

124 - Show Favorite Contacts.mp4

14:24

125 - Migrate Database.mp4

13:04

126 - ContactDetailsPage with FutureBuilder.mp4

20:47

127 - Make Call and Send SMS.mp4

14:42

128 - Your Assignment.mp4

05:51

129 - Wrap Up.mp4

11:10

130 - Download Full Project.html

130 - VCard-App.rar

9 - Project Earthquake Log App

131 - Earthquake App Overview.mp4

07:28

132 - About USGS API.mp4

10:34

133 - Project and Library Setup.mp4

10:12

134 - Create Dart Model class from JSON.mp4

08:14

135 - Create Earthquake Provider and declare properties.mp4

21:36

136 - Make Get Request.mp4

17:19

137 - Show Earthquake Data on HomePage.mp4

12:05

138 - Show Alert Color with Chip Widget.mp4

08:43

139 - Sort Earthquake Data.mp4

14:00

140 - Selet Date and Change Date Parameters.mp4

16:33

141 - Detect Device Current Location.mp4

16:43

142 - Convert coordinates to Placemark.mp4

12:46

143 - Wrap Up.mp4

13:52

144 - Download full project.html

144 - earthquake-app.zip

10 - Firebase Project Admin App

145 - Module Overview.mp4

10:01

146 - Firebase Overview.mp4

07:39

147 - Create Firebase Project.mp4

03:07

148 - Add Flutter project to Firebase.mp4

20:38

149 - Create Login and Dashboard Page.mp4

12:34

150 - Enable Authentication Service and Create a User.mp4

04:14

151 - Redirect to Login or Dashboard Page.mp4

08:19

152 - Login with Email and Password.mp4

12:38

153 - Logout from App.mp4

02:18

154 - Create Firestore Database.mp4

10:39

155 - Create Admins Collection and Document.mp4

05:57

156 - Validate Admin Authorization.mp4

12:33

157 - Create Dashboard Items.mp4

14:27

158 - Create Brand Data Class and define database methods.mp4

14:59

159 - Create Brand Page and Telescope Provider.mp4

15:37

160 - Save Brands.mp4

15:06

161 - Telescope Data Overview.mp4

03:52

162 - Download Telescope resources.html

162 - Telescopes-Details.docx

162 - Telescopes-Images.rar

163 - Add Freezed Package.mp4

08:09

164 - Create ImageModel using freezed.mp4

12:42

165 - Create Telescope Model using freezed.mp4

09:39

166 - Declare Constants and Properties.mp4

05:47

167 - Add Telescope Page Select Image and Brand.mp4

12:28

168 - Add Telescope Page Build RadioGroup.mp4

11:12

169 - Add Telescope Page Build Form Fields.mp4

08:40

170 - Add Telescope Page Create methods for uploading image.mp4

11:10

171 - Add Telescope Page Create Telescope instance.mp4

06:03

172 - Add Telescope Page Create methods to save telescope.mp4

08:05

173 - Add Telescope Page Save Telescope to Firestore.mp4

15:54

174 - ViewTelescopePage Show telescopes.mp4

11:32

175 - Telescope Details Page Overview.mp4

21:49

176 - Add and show additional images.mp4

18:45

177 - Delete image from Storage.mp4

06:40

178 - Add telescope description.mp4

14:54

179 - Update Description.mp4

03:25

180 - Update Telescope Price.mp4

09:06

11 - Firebase Project User App

181 - Create User App and add Components.mp4

08:24

182 - Add User app to Firebase project.mp4

06:25

183 - Define Custom Theme for App.mp4

09:41

184 - Login Page with Segmented Button.mp4

17:31

185 - Create Login and Registration Section.mp4

11:54

186 - Login and Registration Section in Action.mp4

04:38

187 - Complete the Login Page Design.mp4

03:22

188 - Create AppUser Model using JsonConverter.mp4

16:58

189 - Create AuthService DbHelper and UserProvider.mp4

15:49

190 - Register and Login User.mp4

06:49

191 - Add and Configure Router.mp4

03:53

192 - Generate SHA1 key from Android Studio.mp4

06:33

193 - Sign in with Google Account.mp4

15:46

194 - Self Service Copy from Admin and paste to User app.mp4

02:55

195 - Add Navigation Drawer.mp4

06:07

196 - Show Telescope in GridView.mp4

19:11

197 - Add Cart Button to Telescope Details Page.mp4

15:14

198 - Add to and Remove items from Cart.mp4

12:47

199 - Create Cart Page and show items.mp4

11:07

200 - Update Cart item quantity and subtotal.mp4

12:56

201 - Code Challange Build Checkout Page OrderModel and OrderProvider.mp4

06:46

201 - checkout-page.rar

202 - CheckoutPage Code.html

203 - Create methods for saving orders and clearing cart.mp4

21:04

204 - Modify saveOrder method.mp4

06:56

205 - Place our first Order.mp4

06:20

206 - Set user address to delivery address form.mp4

03:57

207 - Create RatingModel.mp4

07:01

208 - Rate the Telescope.mp4

12:02

209 - Send Notification What we want to do.mp4

09:40

210 - Setup Cloud Functions.mp4

10:58

211 - Write our first Cloud Function.mp4

19:21

212 - Deploy Function.mp4

05:41

213 - Place order and check the log.mp4

05:16

214 - Receive message at different app state.mp4

07:36

215 - Setup message handler in Admin app.mp4

13:46

216 - Test Notification in Admin App.mp4

12:38

217 - Wrap Up.mp4

05:41

218 - Download Resources.html

218 - shop-a-z-admin.zip

218 - shop-a-z-user.zip

12 - Congratulations

219 - Where to go from here.mp4

03:18

Description

Build Mobile apps for Android & iOS using Dart, Flutter, SQLite, Firebase, REST APIs and more.

What You'll Learn?

Dart Basics, Variables and Data Types, Operators, Loops, Control Statements, Data Structures - List Map and Set
Dart Function, Lambda Expression, Optional Parameters
Class Object and Constructor, Named Constructor, Inheritance, Polymorphism, Abstraction, Mixin
Null Safety in Dart
Asynchronous Dart, Future, Async Await
Flutter Widgets - Layout Widgets, Multi Child Layout Widgets, Theme Widgets, Scrollable Widgets, Input Widgets, Drag and Drop Widgets, Code Refractoring
State Management with Provider
Navigation using Router (go_router)
Local Persistance using SQLite, Make Call, Send SMS & Email
Flutter Networking - Consume REST API, Location Detection
Firebase - Authentication (Email Password & Google), Cloud Firestore, Storage, Cloud Messaging, Cloud Function
Projects - Word Hurdle Puzzle Game, Virtual Visiting Card(Vcard), Earthquake Log App, ShopAtoZ (ecommerce app)

Who is this for?

For every self paced learners, who wants to learn Flutter, build beautiful mobile apps and upgrade their skills to the next level

What You Need to Know?

Laptop/Desktop/MacBook

Stable Internet Connection

Basic knowledge on any programming language

No experience needed for Mobile Application Development platform(Native/Cross/Hybrid). You will learn from scratch.

More details

Description
Currently Flutter is one of the most popular cross platform framework amongst the developers. Flutter targets multiple platforms from a single code base. In this course, you will learn how to build apps for Android and iOS using the core components of Flutter. Also, you will learn syntaxes and essential features of Dart Programming Language since Dart is used to build Flutter projects.
You will begin with Dart Programming Language and you will begin from scratch. Dart is a powerful language and heavily optimized for Flutter. You will learn many features of Dart, specially those are required for Flutter. You will learn Lambda Expressions which will help you work functionally and alos Null Safety will protect your code from crashing due to Null Pointer Exception. You will learn about Object Oriented concepts like Inheritance, Polymorphism, Abstraction and Mixin that can help you to write your code in a modular format.
You will be introduced with many Widgets-the main core components of Flutter. The more you know about Widgets, the more you know Flutter. It's also important to take few considerations while chosing Widgets, because at the end of day, performance play a key role in any software development. Widgets need to be refractored and you will learn how to seperate codes into reusable Widgets and Methods. You will also learn the basic State Management approach using Stateful Widget and the necessity of Stateless and Stateful, where to use, when to use and why to use them in a proper way.
You will learn Provider - a simple yet powerful approach for State Management and also know how this approach can turn your project in a extendable, expandable pattern. You need to understand the state and then chose which approach is best for you. State Management is a very crucial part of Flutter and many developers are tempted with many approaches and end up overdoing things. You will learn exactly what you need to identify and manage the states of you app in an optimized way.
To persist data, this course covers both the local and cloud persistance. Local Database is important to cache data and also for apps those really dont' need to share its data to the world. You will learn SQLite and CRUD operations and migrations also. You will use Firebase for cloud solution, a powerful backend backed by Google. Firebase provides many services, both in free and paid subscription. Authentication, Realtime Database, Storage, Messaging, Functions are the key services that has been covered in this course.
You will learn how to make web requests and fetch JSON and convert it to Dart objects. Dart provides a convenient package for handling network operations and web requests.
In parallel with learning, you will be practicing the conventions and recommendations for writing good codes using principals, patterns and good practice approaches.
By the end of this course, you will be able to build any kind of mobile apps using Flutter and will have a strong foundation and clear concept.
Who this course is for:
For every self paced learners, who wants to learn Flutter, build beautiful mobile apps and upgrade their skills to the next level

User Reviews

Rating

average 0

Total votes0

Focused display

An experienced and dedicated educator and software developer, this professional has a passion for sharing their knowledge and expertise in the fields of mobile app development using Flutter and Native Android, as well as Spring Boot. With over 6 years of teaching experience, this individual combines a deep understanding of technology with an unwavering commitment to education. They have a love for both teaching and development, making them a highly sought-after instructor and mentor. With a proven track record of delivering engaging and impactful lessons, this professional continues to inspire students and drive the growth of the technology industry.

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.