20 Hours Dart & Flutter Full Course - ua-cam.com/video/CzRQ9mnmh44/v-deo.html Timestamps: (00:00:00) Introduction (00:01:23) Installing Flutter (00:10:47) Installing Android Studio & Configuring for Android (00:15:25) Installing Xcode & Configuring for iOS (00:17:35) Installing VS Code (00:19:12) Exploring VS Code (00:23:29) Creating Flutter Project (00:25:15) Exploring Folders Flutter Creates (00:34:54) Increasing Font Size in VS Code (00:35:48) Highlighting Code in VS Code (00:37:25) Running Flutter App (00:49:59) Writing First Flutter Code! (00:51:22) Importing Packages and material.dart (00:54:06) runApp function in Flutter (00:56:12) What are Widgets? (00:56:58) Text Widget (01:13:12) Types of Widgets (01:15:10) What is State in Flutter (01:16:36) What is Stateless Widget in Flutter? (01:29:31) Material & Cupertino Design (01:31:43) What is MaterialApp in Flutter? (01:35:48) What is Scaffold in Flutter? (01:40:00) Center Widget (01:44:57) Widget Tree (01:47:38) Splitting & Extracting Widgets (01:53:07) What is BuildContext? (01:55:56) Importing Files & Magic of Flutter Extension (01:58:23) Relative Importing (02:01:05) Breaking Down The Currency Converter App (02:01:49) Column Widget (02:10:28) ColoredBox Widget (02:11:19) Color Class (02:15:11) TextStyle (02:22:40) Colors (02:25:07) TextField Widget (03:07:18) Why Build Function Should Contain NO Complex Tasks (03:08:15) Changing Keyboard Type For TextField Input (03:12:30) Padding Widget (03:19:09) Container Widget (03:20:19) Padding vs Margin - The Difference (03:26:14) TextButton Widget (03:31:53) Print Statement & Warnings (Flutter Lints) (03:37:08) TextButton Widget contd. (03:51:47) ElevatedButton Widget (03:58:57): Shortening the ButtonStyle! (04:01:44): AppBar Widget (04:09:05) Understanding the need of StatefulWidget (04:27:04) StatefulWidget (04:41:56) Build Function Can Be Called How Many Times? (04:44:29) setState (04:51:59) Handling Edge Cases (04:58:37) CupertinoApp & iOS Styled Widgets (05:15:32) initState and dispose (05:18:23) Recap & Widgets LifeCycle (05:28:41) Weather App Demo (05:29:54) Analysing the default Flutter Code (05:37:21) Weather App Setup (05:45:36) GestureDetector and InkWell Widget (05:48:08) IconButton Widget (05:49:05) Planning the Body of Weather App using PlaceHolder Widget (05:53:10) Card Widget (06:04:23) ClipRRect Widget (06:05:49) Backdrop and ImageFilter Widget (06:11:46): Text For Weather App (06:16:02) Row Widget (06:25:37) SingleChildScrollView Widget (06:31:21) Working on Additional Info Section (06:42:55) Passing Arguments Using Constructor (06:52:50) http package in Flutter (06:56:00) OpenMapWeather API (07:02:45) Handling Future in initState (07:05:53) Extracting Data from API in Flutter (07:19:10) Displaying Loading Indicator (07:24:43) FutureBuilder Widget (07:37:16) Extracting Data From AsyncSnapshot (07:48:13) for loop in Flutter UI (07:57:30) ListView.builder Widget (08:08:11) Date Formatting using intl (08:22:19) Switching Themes (08:23:23) Layout Principle In Flutter Explained (08:28:45) Flutter Behind The Scenes, 3 Trees & BuildContext (08:51:03) Shopping App Demo (08:52:20) Creating Shop App Project (08:54:46) Adding Custom Fonts (09:06:44) Theming, Color Scheme (09:10:11) Creating a Header (SafeArea Widget) (09:17:14) Expanded Widget in Column (For TextField Widget) (09:32:04) Chip Widget (09:48:05) How Theming Works Behind the Scenes (InheritedWidget) (09:55:23) Selecting Filter contd… (09:56:28) Adding Images and Product Dummy Data (10:03:00) Displaying Products List on Home Page (Image Widget) (10:27:39) Designing Product Details Page (Spacer and Flex Widget) (10:55:21) Navigation & Routing (11:06:08) How Navigator Works Behind The Scenes? (And State Management) (11:16:47) BottomNavigationBar Widget (11:25:58) IndexedStack Widget (11:28:47) Designing Cart Page (ListTile Widget) (11:39:26) State Management with Provider, SnackBar (12:08:08) Dialogs in Flutter (12:17:06) Provider Extension Methods on BuildContext (12:20:03) Provider State Management Recap (12:26:43) Responsive UI in Flutter (GridView, MediaQuery) (12:50:03) InheritedWidget vs InheritedModel (12:52:51) Responsive UI in Flutter (LayoutBuilder Widget) (13:00:49) MediaQuery vs LayoutBuilder (13:04:12) Challenge: Make Weather App Responsive (13:04:36) Flutter Widgets Sizing Summary (13:05:41) Conclusion and Next Steps
//for myself (00:00:00) Introduction (00:01:23) Installing Flutter (00:10:47) Installing Android Studio & Configuring for Android (00:15:25) Installing Xcode & Configuring for iOS (00:17:35) Installing VS Code (00:19:12) Exploring VS Code (00:23:29) Creating Flutter Project (00:25:15) Exploring Folders Flutter Creates (00:34:54) Increasing Font Size in VS Code (00:35:48) Highlighting Code in VS Code (00:37:25) Running Flutter App (00:49:59) Writing First Flutter Code! (00:51:22) Importing Packages and material.dart (00:54:06) runApp function in Flutter (00:56:12) What are Widgets? (00:56:58) Text Widget (01:13:12) Types of Widgets (01:15:10) What is State in Flutter (01:16:36) What is Stateless Widget in Flutter? (01:29:31) Material & Cupertino Design (01:31:43) What is MaterialApp in Flutter? (01:35:48) What is Scaffold in Flutter? (01:40:00) Center Widget (01:44:57) Widget Tree (01:47:38) Splitting & Extracting Widgets (01:53:07) What is BuildContext? (01:55:56) Importing Files & Magic of Flutter Extension (01:58:23) Relative Importing (02:01:05) Breaking Down The Currency Converter App (02:01:49) Column Widget (02:10:28) ColoredBox Widget (02:11:19) Color Class (02:15:11) TextStyle (02:22:40) Colors (02:25:07) TextField Widget (03:07:18) Why Build Function Should Contain NO Complex Tasks (03:08:15) Changing Keyboard Type For TextField Input (03:12:30) Padding Widget (03:19:09) Container Widget (03:20:19) Padding vs Margin - The Difference (03:26:14) TextButton Widget (03:31:53) Print Statement & Warnings (Flutter Lints) (03:37:08) TextButton Widget contd. (03:51:47) ElevatedButton Widget (03:58:57): Shortening the ButtonStyle! (04:01:44): AppBar Widget (04:09:05) Understanding the need of StatefulWidget (04:27:04) StatefulWidget (04:41:56) Build Function Can Be Called How Many Times? (04:44:29) setState (04:51:59) Handling Edge Cases (04:58:37) CupertinoApp & iOS Styled Widgets (05:15:32) initState and dispose (05:18:23) Recap & Widgets LifeCycle (05:28:41) Weather App Demo (05:29:54) Analysing the default Flutter Code (05:37:21) Weather App Setup (05:45:36) GestureDetector and InkWell Widget (05:48:08) IconButton Widget (05:49:05) Planning the Body of Weather App using PlaceHolder Widget (05:53:10) Card Widget (06:04:23) ClipRRect Widget (06:05:49) Backdrop and ImageFilter Widget (06:11:46): Text For Weather App (06:16:02) Row Widget (06:25:37) SingleChildScrollView Widget (06:31:21) Working on Additional Info Section (06:42:55) Passing Arguments Using Constructor (06:52:50) http package in Flutter (06:56:00) OpenMapWeather API (07:02:45) Handling Future in initState (07:05:53) Extracting Data from API in Flutter (07:19:10) Displaying Loading Indicator (07:24:43) FutureBuilder Widget (07:37:16) Extracting Data From AsyncSnapshot (07:48:13) for loop in Flutter UI (07:57:30) ListView.builder Widget (08:08:11) Date Formatting using intl (08:22:19) Switching Themes (08:23:23) Layout Principle In Flutter Explained (08:28:45) Flutter Behind The Scenes, 3 Trees & BuildContext (08:51:03) Shopping App Demo (08:52:20) Creating Shop App Project (08:54:46) Adding Custom Fonts (09:06:44) Theming, Color Scheme (09:10:11) Creating a Header (SafeArea Widget) (09:17:14) Expanded Widget in Column (For TextField Widget) (09:32:04) Chip Widget (09:48:05) How Theming Works Behind the Scenes (InheritedWidget) (09:55:23) Selecting Filter contd… (09:56:28) Adding Images and Product Dummy Data (10:03:00) Displaying Products List on Home Page (Image Widget) (10:27:39) Designing Product Details Page (Spacer and Flex Widget) (10:55:21) Navigation & Routing (11:06:08) How Navigator Works Behind The Scenes? (And State Management) (11:16:47) BottomNavigationBar Widget (11:25:58) IndexedStack Widget (11:28:47) Designing Cart Page (ListTile Widget) (11:39:26) State Management with Provider, SnackBar (12:08:08) Dialogs in Flutter (12:17:06) Provider Extension Methods on BuildContext (12:20:03) Provider State Management Recap (12:26:43) Responsive UI in Flutter (GridView, MediaQuery) (12:50:03) InheritedWidget vs InheritedModel (12:52:51) Responsive UI in Flutter (LayoutBuilder Widget) (13:00:49) MediaQuery vs LayoutBuilder (13:04:12) Challenge: Make Weather App Responsive (13:04:36) Flutter Widgets Sizing Summary (13:05:41) Conclusion and Next Steps
7 months ago I finished the Dart course and today I finished this course because I combined this one with the official docs that's why It took me too much time and I came here to say THANK YOU for teaching Flutter and for your content. 🙇♂
To be honest, the best beginner course for flutter. It never felt like a 13 hours and you were explaining all the stuffs why there are present and what would they do and what if it is removed which is not explained by most of the UA-camrs. A huge respect for your hardwork for making this video. It helped me to understand the basics and I don't how to thank you. Keep making videos . Huge love❤ brother
This is one of the best coding tutorials I've seen on UA-cam. I gave up on learning Flutter a year or so ago because it looked overwhelming and I didn't understand it, and no instructor would explain things further. Then I decided to pick up learning it again and found this video. This video explains everything in so much detail, such as what Flutter concepts are (like widgets, state, buildContext), what they do, why you need them, why they're named that way, what happens if you remove/alter them, etc. Few paid courses even go into this depth and explain things this well.
3:06:45 if you are facing an error because using final key word -> use const instead and it will works perfectly without any issue when you create a border variable that contains a widget property to re use it without repetitions
"I appreciate your work, Rivaan Ranawat! Thank you for creating high-quality tutorials. I am currently building a Twitter clone with your guidance and I am grateful for your help. Keep up the good work!"
Hey Rivaan I'm absolutely grateful to you for curating a course worth 12 freaking hours 🔥 I have been a fan of your work. I would request you to provide timestamps/chapters for easy navigation of the video. Also, I'd like to know if you are coming up with a backend course, teaching from the very basics to advanced (preferably NodeJS). The tutorial videos touch upon a specific aspect of the backend and not the foundations. Thanx again ❤️
Thanks Abhijeet! Ive wanted to make a tutorial on NodeJS (for pure beginners and including almost no front end related stuff in it) for a long time. But before that, I want to make sure people subscribed to me are already familiar with JavaScript so will be releasing a tutorial on it first! What do you think?
I don't know what the hack I was thinking from past couples of weeks, I have been watching this man and learnt a lot, but have't subscribe yet. But as soon as i realize it, i did it with in 1sec. If you are reading this comment ! Do it 😤, what are you waiting for 😃 ! Smash it. Appreciated if you did it. ❤
You're a great teacher! After watching this course, I have a hard time watching others, since you actually explain stuff in depth and with understanding. I would like to see an app tutorial that focuses on local storage (shared preferences for simpler stuff and maybe sqflite for more data), for example a weight tracking app. Also would like to see app tutorial that shows how to properly handle a lot of data coming from API (not only text/numbers, but also images), like caching/storing that data locally and other stuff to not overload an API and how to secure API. I think those tutorials combined with this one would be a great combination for anybody starting with Flutter, like me.. :)
@@RivaanRanawat RIvaan can you tell me what should one do after completing this tutorial? Also lists out some main concept or anything in Flutter. Please respond to this.
thank youuuu so much Rivaan, been looking this type of tutorial for so long, hopefully you have time to make another flutter tutorial with database related
Yo, Rivaan, this course is straight fire! 🔥🔥🔥 I've learned so much from it. It's way better than any paid course I've seen. You're a total legend for breaking down complex topics in such a simple way. Keep up the amazing work!
Bro I love the way you teach. I dont know how can i appreciate your hard work , you are amazing. I have learnt a lot from you. just wanna say thanks from my heart ♥
Just finished the video and I have to give a shoutout to the educator and potential viewers: - The best teacher! 🌟 - Fantastic effort in explaining everything with such detail! - Keep up the great work; I hope we get to collaborate on a project someday! - Thank you for generously sharing your knowledge! P.S. Flutter has me adding commas everywhere - because just like in coding, nothing's ever truly finished; there's always another widget to consider! 😄
I am just starting my app, only one thing that I need to look for is firebase implementation. Rest is explained in tutorial. Also, there is always something that will not be explained in one tutorial, so you will need to look it somewhere but you will find and implement it easier after this tutorial. This guy explained so much , certainly worth of following tutorial. Also he has Dart tutorial before this, so watch that if you are not familiar with programming before this. @@psych7776
Hey @RivaanRanawat, i just Completed The Video. i am not a beginner in flutter, i was just searching for a best Advance Course. But I just kind of Tried to Look in to your Video and it took my attention for like continuous 2 hours. also i learned some best deforestation of some widget. You Created A Smooth And Very Easy To Understand Course. I just Want to Know that , will you post any advance course on flutter basically focused on backend and APi parts.
@@RivaanRanawat Great tutorial, I am currently on the weather app and guess what I tried to build UI all by myself and almost done it by searching stuff on Google. The way you explain concepts is very logical, keep up the good work.
at 3:05:18 you might see an error for the border variable , for solving the error you have to make the border variable const instead of final , : const border = OutlineInputBorder( borderSide: BorderSide(color: ...................), ); This worked fine for me
Does anyone here want to join me in flutter development journey ? As you might know that there is not much community support for flutter. Together we can make learning fun and fast .
Dear Rivaan, I hope this message finds you well! How about creating a separate video about the latest video player dependency in Flutter? 📹📱 This tutorial could be immensely helpful for developers looking to enhance their Flutter apps with seamless video playback. Your expertise and engaging teaching style would undoubtedly make it an incredible resource. Looking forward to your amazing content! 🎬🔥 Best regards, Ritesh
I sincerely appreciate your efforts. I have been eagerly anticipating the release of this course, especially considering the exceptional way you taught Dart previously. ❤❤
Hey man, great tutorial. I see effort that you put into planning every second of video. I did not finish video, so I apologize in advance if you mention somewhere in video, but I need to ask: Is there a way to put some kind of name to column, row, container, so that I can know for sure that closing bracket will have comment with name of that widget? thank you once more for sharing this knowledge for free. You are the best!
This is more than so many paid tutorials out there ...Great stuff mentor More Blessings... Mentor pls can you name all the extension you installed I Wana do same thanks!
As a react developer, i am transitioning into flutter also , your in depth explanation was really grt. Please provide some videos on building Responsive UI stuffs for both web and mobile.
How is your debug console so clean? for example 12:00:45, mine is instantly cluttered with various other messages like d/egl_emulation and others, it's annoying..
20 Hours Dart & Flutter Full Course - ua-cam.com/video/CzRQ9mnmh44/v-deo.html
Timestamps:
(00:00:00) Introduction
(00:01:23) Installing Flutter
(00:10:47) Installing Android Studio & Configuring for Android
(00:15:25) Installing Xcode & Configuring for iOS
(00:17:35) Installing VS Code
(00:19:12) Exploring VS Code
(00:23:29) Creating Flutter Project
(00:25:15) Exploring Folders Flutter Creates
(00:34:54) Increasing Font Size in VS Code
(00:35:48) Highlighting Code in VS Code
(00:37:25) Running Flutter App
(00:49:59) Writing First Flutter Code!
(00:51:22) Importing Packages and material.dart
(00:54:06) runApp function in Flutter
(00:56:12) What are Widgets?
(00:56:58) Text Widget
(01:13:12) Types of Widgets
(01:15:10) What is State in Flutter
(01:16:36) What is Stateless Widget in Flutter?
(01:29:31) Material & Cupertino Design
(01:31:43) What is MaterialApp in Flutter?
(01:35:48) What is Scaffold in Flutter?
(01:40:00) Center Widget
(01:44:57) Widget Tree
(01:47:38) Splitting & Extracting Widgets
(01:53:07) What is BuildContext?
(01:55:56) Importing Files & Magic of Flutter Extension
(01:58:23) Relative Importing
(02:01:05) Breaking Down The Currency Converter App
(02:01:49) Column Widget
(02:10:28) ColoredBox Widget
(02:11:19) Color Class
(02:15:11) TextStyle
(02:22:40) Colors
(02:25:07) TextField Widget
(03:07:18) Why Build Function Should Contain NO Complex Tasks
(03:08:15) Changing Keyboard Type For TextField Input
(03:12:30) Padding Widget
(03:19:09) Container Widget
(03:20:19) Padding vs Margin - The Difference
(03:26:14) TextButton Widget
(03:31:53) Print Statement & Warnings (Flutter Lints)
(03:37:08) TextButton Widget contd.
(03:51:47) ElevatedButton Widget
(03:58:57): Shortening the ButtonStyle!
(04:01:44): AppBar Widget
(04:09:05) Understanding the need of StatefulWidget
(04:27:04) StatefulWidget
(04:41:56) Build Function Can Be Called How Many Times?
(04:44:29) setState
(04:51:59) Handling Edge Cases
(04:58:37) CupertinoApp & iOS Styled Widgets
(05:15:32) initState and dispose
(05:18:23) Recap & Widgets LifeCycle
(05:28:41) Weather App Demo
(05:29:54) Analysing the default Flutter Code
(05:37:21) Weather App Setup
(05:45:36) GestureDetector and InkWell Widget
(05:48:08) IconButton Widget
(05:49:05) Planning the Body of Weather App using PlaceHolder Widget
(05:53:10) Card Widget
(06:04:23) ClipRRect Widget
(06:05:49) Backdrop and ImageFilter Widget
(06:11:46): Text For Weather App
(06:16:02) Row Widget
(06:25:37) SingleChildScrollView Widget
(06:31:21) Working on Additional Info Section
(06:42:55) Passing Arguments Using Constructor
(06:52:50) http package in Flutter
(06:56:00) OpenMapWeather API
(07:02:45) Handling Future in initState
(07:05:53) Extracting Data from API in Flutter
(07:19:10) Displaying Loading Indicator
(07:24:43) FutureBuilder Widget
(07:37:16) Extracting Data From AsyncSnapshot
(07:48:13) for loop in Flutter UI
(07:57:30) ListView.builder Widget
(08:08:11) Date Formatting using intl
(08:22:19) Switching Themes
(08:23:23) Layout Principle In Flutter Explained
(08:28:45) Flutter Behind The Scenes, 3 Trees & BuildContext
(08:51:03) Shopping App Demo
(08:52:20) Creating Shop App Project
(08:54:46) Adding Custom Fonts
(09:06:44) Theming, Color Scheme
(09:10:11) Creating a Header (SafeArea Widget)
(09:17:14) Expanded Widget in Column (For TextField Widget)
(09:32:04) Chip Widget
(09:48:05) How Theming Works Behind the Scenes (InheritedWidget)
(09:55:23) Selecting Filter contd…
(09:56:28) Adding Images and Product Dummy Data
(10:03:00) Displaying Products List on Home Page (Image Widget)
(10:27:39) Designing Product Details Page (Spacer and Flex Widget)
(10:55:21) Navigation & Routing
(11:06:08) How Navigator Works Behind The Scenes? (And State Management)
(11:16:47) BottomNavigationBar Widget
(11:25:58) IndexedStack Widget
(11:28:47) Designing Cart Page (ListTile Widget)
(11:39:26) State Management with Provider, SnackBar
(12:08:08) Dialogs in Flutter
(12:17:06) Provider Extension Methods on BuildContext
(12:20:03) Provider State Management Recap
(12:26:43) Responsive UI in Flutter (GridView, MediaQuery)
(12:50:03) InheritedWidget vs InheritedModel
(12:52:51) Responsive UI in Flutter (LayoutBuilder Widget)
(13:00:49) MediaQuery vs LayoutBuilder
(13:04:12) Challenge: Make Weather App Responsive
(13:04:36) Flutter Widgets Sizing Summary
(13:05:41) Conclusion and Next Steps
why dont the timestamp appear on the video tho? is it because of the parenthesis?
@@NateXon-r1x It's because the video is longer than 12 hours I guess
don't forget to share free coupons for this course in udemy i don't have any online payment method
Please pin this comment!
@@sushantpawar3703done, thank you!
//for myself
(00:00:00) Introduction
(00:01:23) Installing Flutter
(00:10:47) Installing Android Studio & Configuring for Android
(00:15:25) Installing Xcode & Configuring for iOS
(00:17:35) Installing VS Code
(00:19:12) Exploring VS Code
(00:23:29) Creating Flutter Project
(00:25:15) Exploring Folders Flutter Creates
(00:34:54) Increasing Font Size in VS Code
(00:35:48) Highlighting Code in VS Code
(00:37:25) Running Flutter App
(00:49:59) Writing First Flutter Code!
(00:51:22) Importing Packages and material.dart
(00:54:06) runApp function in Flutter
(00:56:12) What are Widgets?
(00:56:58) Text Widget
(01:13:12) Types of Widgets
(01:15:10) What is State in Flutter
(01:16:36) What is Stateless Widget in Flutter?
(01:29:31) Material & Cupertino Design
(01:31:43) What is MaterialApp in Flutter?
(01:35:48) What is Scaffold in Flutter?
(01:40:00) Center Widget
(01:44:57) Widget Tree
(01:47:38) Splitting & Extracting Widgets
(01:53:07) What is BuildContext?
(01:55:56) Importing Files & Magic of Flutter Extension
(01:58:23) Relative Importing
(02:01:05) Breaking Down The Currency Converter App
(02:01:49) Column Widget
(02:10:28) ColoredBox Widget
(02:11:19) Color Class
(02:15:11) TextStyle
(02:22:40) Colors
(02:25:07) TextField Widget
(03:07:18) Why Build Function Should Contain NO Complex Tasks
(03:08:15) Changing Keyboard Type For TextField Input
(03:12:30) Padding Widget
(03:19:09) Container Widget
(03:20:19) Padding vs Margin - The Difference
(03:26:14) TextButton Widget
(03:31:53) Print Statement & Warnings (Flutter Lints)
(03:37:08) TextButton Widget contd.
(03:51:47) ElevatedButton Widget
(03:58:57): Shortening the ButtonStyle!
(04:01:44): AppBar Widget
(04:09:05) Understanding the need of StatefulWidget
(04:27:04) StatefulWidget
(04:41:56) Build Function Can Be Called How Many Times?
(04:44:29) setState
(04:51:59) Handling Edge Cases
(04:58:37) CupertinoApp & iOS Styled Widgets
(05:15:32) initState and dispose
(05:18:23) Recap & Widgets LifeCycle
(05:28:41) Weather App Demo
(05:29:54) Analysing the default Flutter Code
(05:37:21) Weather App Setup
(05:45:36) GestureDetector and InkWell Widget
(05:48:08) IconButton Widget
(05:49:05) Planning the Body of Weather App using PlaceHolder Widget
(05:53:10) Card Widget
(06:04:23) ClipRRect Widget
(06:05:49) Backdrop and ImageFilter Widget
(06:11:46): Text For Weather App
(06:16:02) Row Widget
(06:25:37) SingleChildScrollView Widget
(06:31:21) Working on Additional Info Section
(06:42:55) Passing Arguments Using Constructor
(06:52:50) http package in Flutter
(06:56:00) OpenMapWeather API
(07:02:45) Handling Future in initState
(07:05:53) Extracting Data from API in Flutter
(07:19:10) Displaying Loading Indicator
(07:24:43) FutureBuilder Widget
(07:37:16) Extracting Data From AsyncSnapshot
(07:48:13) for loop in Flutter UI
(07:57:30) ListView.builder Widget
(08:08:11) Date Formatting using intl
(08:22:19) Switching Themes
(08:23:23) Layout Principle In Flutter Explained
(08:28:45) Flutter Behind The Scenes, 3 Trees & BuildContext
(08:51:03) Shopping App Demo
(08:52:20) Creating Shop App Project
(08:54:46) Adding Custom Fonts
(09:06:44) Theming, Color Scheme
(09:10:11) Creating a Header (SafeArea Widget)
(09:17:14) Expanded Widget in Column (For TextField Widget)
(09:32:04) Chip Widget
(09:48:05) How Theming Works Behind the Scenes (InheritedWidget)
(09:55:23) Selecting Filter contd…
(09:56:28) Adding Images and Product Dummy Data
(10:03:00) Displaying Products List on Home Page (Image Widget)
(10:27:39) Designing Product Details Page (Spacer and Flex Widget)
(10:55:21) Navigation & Routing
(11:06:08) How Navigator Works Behind The Scenes? (And State Management)
(11:16:47) BottomNavigationBar Widget
(11:25:58) IndexedStack Widget
(11:28:47) Designing Cart Page (ListTile Widget)
(11:39:26) State Management with Provider, SnackBar
(12:08:08) Dialogs in Flutter
(12:17:06) Provider Extension Methods on BuildContext
(12:20:03) Provider State Management Recap
(12:26:43) Responsive UI in Flutter (GridView, MediaQuery)
(12:50:03) InheritedWidget vs InheritedModel
(12:52:51) Responsive UI in Flutter (LayoutBuilder Widget)
(13:00:49) MediaQuery vs LayoutBuilder
(13:04:12) Challenge: Make Weather App Responsive
(13:04:36) Flutter Widgets Sizing Summary
(13:05:41) Conclusion and Next Steps
Thanks a lot
Which is switch screen time video
Awesome
i have almost 2 years of experience in flutter.. but your content is always worthy to watch . so am watching this as i know the just F of Flutter
7 months ago I finished the Dart course and today I finished this course because I combined this one with the official docs that's why It took me too much time and I came here to say THANK YOU for teaching Flutter and for your content. 🙇♂
To be honest, the best beginner course for flutter. It never felt like a 13 hours and you were explaining all the stuffs why there are present and what would they do and what if it is removed which is not explained by most of the UA-camrs. A huge respect for your hardwork for making this video. It helped me to understand the basics and I don't how to thank you. Keep making videos . Huge love❤ brother
This is one of the best coding tutorials I've seen on UA-cam.
I gave up on learning Flutter a year or so ago because it looked overwhelming and I didn't understand it, and no instructor would explain things further. Then I decided to pick up learning it again and found this video. This video explains everything in so much detail, such as what Flutter concepts are (like widgets, state, buildContext), what they do, why you need them, why they're named that way, what happens if you remove/alter them, etc. Few paid courses even go into this depth and explain things this well.
Can you name some paid courses that go into depth like this video. It will be of great help.
@@ShubhamKumar-re4zv azam flutter course in udemy
Thanks millions on behalf of all beginners.. your channel deserves 100K.... Hope will attain soon
Thank you so much!
3:06:45 if you are facing an error because using final key word -> use const instead and it will works perfectly without any issue
when you create a border variable that contains a widget property to re use it without repetitions
better than so many paid course!!!
Rivaan Tutorial >>>>>>> Paid course
Thank you veryyy much for this..
"I appreciate your work, Rivaan Ranawat! Thank you for creating high-quality tutorials. I am currently building a Twitter clone with your guidance and I am grateful for your help. Keep up the good work!"
Thank you!
Hey Rivaan
I'm absolutely grateful to you for curating a course worth 12 freaking hours 🔥
I have been a fan of your work.
I would request you to provide timestamps/chapters for easy navigation of the video.
Also, I'd like to know if you are coming up with a backend course, teaching from the very basics to advanced (preferably NodeJS). The tutorial videos touch upon a specific aspect of the backend and not the foundations.
Thanx again ❤️
Thanks Abhijeet! Ive wanted to make a tutorial on NodeJS (for pure beginners and including almost no front end related stuff in it) for a long time. But before that, I want to make sure people subscribed to me are already familiar with JavaScript so will be releasing a tutorial on it first! What do you think?
@@RivaanRanawat Yeah that would be a great idea. Go for it Rivaan 💜 Best of Luck 🤞
@@RivaanRanawatyes, please release a tutorial for Javascript as well.
I would also request you to make a Uber clone app.
I want to create a programming tutorial for youوsubscribe my channel🤗
We are Ready Broo .. Pls Bring it on
@@RivaanRanawat
This Guy is Genius i have learnt a lot from him and also i am member of his Udemy Courses.
Thanks Azam!
Your dart tutorial is exceptional
Been waiting for this for so long
Thank you so much Rivaan
Thanks! Let me know if this course was easy to follow along
It is indeed very easy to follow
I just learnt how to integrate api
Never knew it was this easy
You’re really a good tutor my brother
I don't even know what flutter is but I just know that this guy has put in a lot of effort to make this video.
Keep it up👍
thanks so much!!
I'm new to flutter , and you sir just made my life simple ,hope to see more from you sir
More to come!
A have officially completed this course! I know sop much more stuff now and my parents boast about me and what my talents are!!!! All thanks to you!!!
Thanks!
Thanks to you!
I don't know what the hack I was thinking from past couples of weeks, I have been watching this man and learnt a lot, but have't subscribe yet. But as soon as i realize it, i did it with in 1sec. If you are reading this comment ! Do it 😤, what are you waiting for 😃 ! Smash it. Appreciated if you did it. ❤
Thank you Rivaan🥰I have Completed this course in 6 months because I am a beginner. lots of things to learn from you...
You're a great teacher! After watching this course, I have a hard time watching others, since you actually explain stuff in depth and with understanding.
I would like to see an app tutorial that focuses on local storage (shared preferences for simpler stuff and maybe sqflite for more data), for example a weight tracking app. Also would like to see app tutorial that shows how to properly handle a lot of data coming from API (not only text/numbers, but also images), like caching/storing that data locally and other stuff to not overload an API and how to secure API. I think those tutorials combined with this one would be a great combination for anybody starting with Flutter, like me..
:)
22-07-2023T00:13:32 : i must say your dart tutorial was really helpful! Just starting with this
Hey Mr. Rivaan. I say thank you for making this great tutorial. Much appreciation from Nairobi, Kenya.
Thanks so much Richard!
The way you started explaining Stateless Widget ( 4:09:20 ) is spectacular
Thanks, glad you liked it!
@@RivaanRanawat RIvaan can you tell me what should one do after completing this tutorial? Also lists out some main concept or anything in Flutter. Please respond to this.
thank youuuu so much Rivaan, been looking this type of tutorial for so long, hopefully you have time to make another flutter tutorial with database related
One of the best gurus ever.. I like your wide knowledge and style of teaching.. tqsm.. learn a lot from u
Yo, Rivaan, this course is straight fire! 🔥🔥🔥 I've learned so much from it. It's way better than any paid course I've seen. You're a total legend for breaking down complex topics in such a simple way. Keep up the amazing work!
Best tutorial i have found in UA-cam ❤💜
The GOAT strikes again 🙏 Thank you so much for posting this. I was eagerly looking forward to this course
Thanks Morse! Let me know if this course was easy to follow along
Bro I love the way you teach. I dont know how can i appreciate your hard work , you are amazing.
I have learnt a lot from you. just wanna say thanks from my heart
♥
Thank you so much Suraj!
Just finished the video and I have to give a shoutout to the educator and potential viewers:
- The best teacher! 🌟
- Fantastic effort in explaining everything with such detail!
- Keep up the great work; I hope we get to collaborate on a project someday!
- Thank you for generously sharing your knowledge!
P.S. Flutter has me adding commas everywhere - because just like in coding, nothing's ever truly finished; there's always another widget to consider! 😄
Bro after finishing the video,can you create an app on your own??
I am just starting my app, only one thing that I need to look for is firebase implementation. Rest is explained in tutorial.
Also, there is always something that will not be explained in one tutorial, so you will need to look it somewhere but you will find and implement it easier after this tutorial.
This guy explained so much , certainly worth of following tutorial. Also he has Dart tutorial before this, so watch that if you are not familiar with programming before this. @@psych7776
the best ... literally the best .... I was about to give up on flutter and then I found this !
So happy to hear that!!
I've finished your Dart course and thank you so much Rivaan. I'm going to start this course because I want to create some apps in Flutter.
Fantastic!
Hats off to you brother for such an in depth explanation!
Thanks my friend! This channel is gonna blow up!
🤞
This is the best tutorial on flutter for beginners. thanks so much.
Hey @RivaanRanawat,
i just Completed The Video.
i am not a beginner in flutter, i was just searching for a best Advance Course.
But I just kind of Tried to Look in to your Video and it took my attention for like continuous 2 hours.
also i learned some best deforestation of some widget.
You Created A Smooth And Very Easy To Understand Course.
I just Want to Know that , will you post any advance course on flutter basically focused on backend and APi parts.
Finally most awaited course is out
Rivan ,thanks a lot.
You are the best teacher
Thank you so much!
Rivan you are such great developer...thanks for the video
I was absolutely waiting for this! THANK YOU SO MUCH!! ❤❤
Awesome! How's the journey going?
@@RivaanRanawat Been on it, I've a hectic schedule but I manage to get some time towards learning it!
@@verum5651 Nice! Let me know if you have any feedback to improve the course.
Thank You Rivaan. I was waiting for your course.
Thanks Sahas! Let me know if this course was easy to follow along
What a course !!! Really appreciate your patience to teach
Glad you like it!
Hey Rivann. It was an amazing expereince i completed the challenge of making Additonal Information Section BTW Amazing Course🔥
This is the best tutorial for flutter than the paid one
Bro your explaination for why stateless widget is immutable (4:07:30) is awesome👏
Thanks Vinit, glad you liked it! How did you find the tutorial till now?
@@RivaanRanawat Great tutorial, I am currently on the weather app and guess what I tried to build UI all by myself and almost done it by searching stuff on Google. The way you explain concepts is very logical, keep up the good work.
Lots of Good wishes and thanks to you. I have completed this tutorial and learned a lot. 💫💯
very well teaching method,,,,,clearing concept very well as far u can.....great learning resource for beginner
at 3:05:18 you might see an error for the border variable , for solving the error you have to make the border variable const instead of final , :
const border = OutlineInputBorder(
borderSide: BorderSide(color: ...................),
); This worked fine for me
why const ?
i used const and it shows me error
Does anyone here want to join me in flutter development journey ? As you might know that there is not much community support for flutter. Together we can make learning fun and fast .
Count me in
yes
@@ankitvarshney9966 you too Ankit, I 'll contact you there
Hi can i join as well
Hy can I join too??
04:09:05 to 05:18:00 for Stateful widget & it's lifecycle.
finally! most awaited course!!
🎉🎉🎉 have been waiting for this. You are a great teacher! THANKS!
Thanks! Let me know if this course was easy to follow along
wow premium content
and its free
thanks Rivaan
Thanks Pratik! Let me know if this course was easy to follow along
this is premium content, congratulations your courses are the best
Thanks a ton!
Best flutter class ever
Thanks, glad you liked it!
@RivaanRanawat
Your Teachings skills are Excellent bro
Thanks Almas!
Hey, thanks for such an awesome tutorial. Please make more project-based tutorials
Will do!
Dear Rivaan,
I hope this message finds you well!
How about creating a separate video about the latest video player dependency in Flutter? 📹📱 This tutorial could be immensely helpful for developers looking to enhance their Flutter apps with seamless video playback. Your expertise and engaging teaching style would undoubtedly make it an incredible resource. Looking forward to your amazing content! 🎬🔥
Best regards,
Ritesh
You are legend bro whenever it comes to explaining.🙏
Thank you so much!
What i was waiting eagerly for.......thanks......so.much....
Awesome Adnan! Let me know if this course was easy to follow along
I sincerely appreciate your efforts. I have been eagerly anticipating the release of this course, especially considering the exceptional way you taught Dart previously. ❤❤
Thanks! Let me know if this course was easy to follow along
💯@@RivaanRanawat
Loving your tutorials, would love your take on authentication and sign on for flutter
You are Amazing Rivaan🎉
Thank you!
You are amazing Rivaan!
Thank you!
Thank you so much Rivaan, I appreciate your work. Please create Firebase or Hive tutorial for absolute beginners.😊
Amazing❤❤❤
thanks dear rivaan.
My pleasure!
Gem for someone beginning with flutter!
Thanks Siddesh!
Bro i was waiting for new video thnxs you 🎉
Long awaited.. Thanks bro
Thanks Pushan Basu! Let me know if this course was easy to follow along
Hey man, great tutorial. I see effort that you put into planning every second of video.
I did not finish video, so I apologize in advance if you mention somewhere in video, but I need to ask:
Is there a way to put some kind of name to column, row, container, so that I can know for sure that closing bracket will have comment with name of that widget?
thank you once more for sharing this knowledge for free. You are the best!
in the weather app if i cut the internet it showing ClientException: XMLHttpRequest error,... .... how to solve it
very lovely video, thanks so much for sharing.
Thanks for creating this flutter course.
Most Welcome Rahul!
Thanks💛
Waiting for intermediate and expert course please launch that too.
hey Rivaan!! thanks for this tutorial!! can you please make a tutorial on how to make an app like upwork please!!
absolutely perfect. bro very useful thanks good lucky.
Happy it helped!
Thanks for such kind of a tutorial . Please create Firebase tutorial for absolute beginner.😊
Thank you so much Rivaan brother ❤️❤️
Thanks Nikhil!
This is more than so many paid tutorials out there ...Great stuff mentor More Blessings... Mentor pls can you name all the extension you installed I Wana do same thanks!
Rivaan I missed you my teacher,thanks for this dart and flutter tuts, salute . can you also in lengthy explain riverpod please
Thanks Martin, appreciate it! Already covered Riverpod in a seperate tutorial
Please bro tell me from where you have learnt flutter.. Please 🙏
As a react developer, i am transitioning into flutter also , your in depth explanation was really grt.
Please provide some videos on building Responsive UI stuffs for both web and mobile.
Coming from React myself. It's quite messy if you ask me.
Was waiting for it 😍
Thx bro with another banger tutorial
Thanks Dev!
U are amazing! Big work!🤯
Thanks!
Thank you so much for this wonderful video
Pleasure!
This transition push and slide kind of transition to the next page. how this is applied? can you tell me please.
at [11:03:39]
Love you men you do so much great work.
Thank you!
A ton of thanks Rivaan...
My pleasure!
You are GEM 🧡🧡
Thank you!
Thankyou so much you are the best💖
Thanks!!
Thank you , very good tutorials
Thanks!
How is your debug console so clean? for example 12:00:45, mine is instantly cluttered with various other messages like d/egl_emulation and others, it's annoying..
That happens with Android emulators. I'm using the iOS simulator
Big fan Ravaan bro 🥳🥳❤❤
Haha, thanks @Sujalutekar9417
Finally wait is over 😂❤
Yes!
Great Brother ! Thanks
Most welcome Shashwat!
Thank you rivaan😻😻😻😻
Most welcome Dushyant!
Well done ,that was great🤩. bro in the next video could you make an ecomerce app with real payment?
We've done that in Amazon Clone tutorial, right?
pls back with design patterns series!!
Will be back with it in a couple of weeks.
next we want a course on api how it work and all
all about apis in flutter