Build your first Flutter App in 30 Mins | Flutter Tutorial for Beginners

📌 Subscribe - https://shorturl.at/XBqbj

📋 Beginner to Flutter ? Watch this tutorial to learn flutter basics and build your first flutter app !

🚀 Key Learnings:
Flutter UI & Dart Basics
Database CRUD Operation

🔗 Source Code : https://github.com/codedaily123/flutter_note_app

🔗 Follow us on Instagram - https://www.instagram.com/flutterlead/

If you enjoyed this video be sure to give it a like and subscribe for more!

⏳ TIMESTAMPS :
0:00 Intro
0:14 What You Will Learn
00:22 Note App Demo
01:07 Create project
01:17 Flutter Official Package Repository
01:32 Install Flutter Package Dependencies
01:47 Dart Method & Model Classes
02:19 Create Note Class
02:50 JSON and serialization
03:12 Create toMap Method
03:25 Create fromMap Method
03:45 Dart Extension
04:20 Setup Offline Database(SQLite)
04:34 Singleton Design Pattern
05:19 Create initDB Method
05:41 Create sql query for Database
06:15 Create get Method to retrieve Database instance
06:41 Offline Database CRUD Operation
06:55 Create Note Method
07:33 Get All Note Method
08:05 Get Single Note by ID Method
08:34 Update Note Method
08:57 Delete Note Method
09:21 Building Flutter UI
09:30 Create Home Page UI
10:19 Create AppBar Widget
10:34 Create Floating Action Button Widget
11:10 Navigation in Flutter
11:31 Manipulate States in Flutter
12:22 Create loadNotes Method
12:44 Create deleteNotes Method
13:07 ScaffoldMessenger for SnackBar Display
13:18 Create Scaffold Body
13:24 Create Circular Progress Indicator Widget
13:42 Build Custom Flutter Widget
14:16 Create ListView Builder Widget
14:53 Create Card Widget
15:01 Create ListTile Widget
15:51 Create Trailing Component
16:05 Create IconButton Widget
16:36 Create AlertDialog View
17:13 Complete IconButton onPressed Function
17:29 Implement Pull to Refresh in Flutter
18:15 First Screen Demo
18:19 Building Second Screen
18:46 New Screen with Note Parameter in Constructor
19:01 New Screen App Bar
19:33 Create Custom Banner Widget
20:26 Create TextFormField Widget
20:43 Create TextEditingController
21:00 Create Decoration for TextFormField Widget
21:10 Add logic to Validator
21:38 Create Save Note Button
22:04 Add boolean to switch between Add/Edit note
22:32 Create Save Note Method
24:07 Setup initState Method
25:01 Setup dispose Method
25:24 Completed Second Screen
25:30 Link Navigation between Both Screens
26:12 Final Demo !
26:25 Thought !

#flutter #fluttertutorial #flutterwidgets #fluttercourse #flutterdevelopment #mobileappdevelopment #vscode #reactnative