20 Hours Dart & Flutter Full Course - ruclips.net/video/CzRQ9mnmh44/видео.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
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. 🙇♂
//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
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 RUclipsrs. 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 RUclips. 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.
"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!"
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
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.. :)
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?
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!
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. ❤
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
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 ♥
@@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.
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
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
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.
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!
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.
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!
I sincerely appreciate your efforts. I have been eagerly anticipating the release of this course, especially considering the exceptional way you taught Dart previously. ❤❤
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 .
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
thank u so much for this tutorial. How much RAM would you recommend for flutter development? And what backend frameworks would you recommed for flutter apps?
@@RivaanRanawat honestly this course is amazing and also above from the paid courses . and i am excited for the for upcoming video and also want to inform you that one of my college senior got placement as flutter dev from your courses once again thank you for your effort
Try to make a vedio on setting up the flutter and android studio with emulator setup. Because most of the peoples who are starting out can follow the steps to get set go with flutter in there system.
Hi! I'm facing a problem with admob. When I upgrade flutter latest version my admob ad flickering when navigating. It is working perfectly with flutter version 3.5.5 but not with 3.10.5. I'm using latest version of admob.
Thank you bro Awesome one One request Can u put a video on complete Netflix clone but not using IMDb api and making our own backend in appwrite Have gone through many things but unable to figure this out Also if u can add admob and audience network in thay
20 Hours Dart & Flutter Full Course - ruclips.net/video/CzRQ9mnmh44/видео.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!
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. 🙇♂
//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
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 RUclipsrs. 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 RUclips.
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!
better than so many paid course!!!
Rivaan Tutorial >>>>>>> Paid course
Thank you veryyy much for this..
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!!!
Thank you Rivaan🥰I have Completed this course in 6 months because I am a beginner. lots of things to learn from you...
This Guy is Genius i have learnt a lot from him and also i am member of his Udemy Courses.
Thanks Azam!
"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!
I'm new to flutter , and you sir just made my life simple ,hope to see more from you sir
More to come!
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
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..
:)
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!!
Best tutorial i have found in RUclips ❤💜
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
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!
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. ❤
22-07-2023T00:13:32 : i must say your dart tutorial was really helpful! Just starting with this
One of the best gurus ever.. I like your wide knowledge and style of teaching.. tqsm.. learn a lot from u
Hey Mr. Rivaan. I say thank you for making this great tutorial. Much appreciation from Nairobi, Kenya.
Thanks so much Richard!
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
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!
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.
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
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
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
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.
Hats off to you brother for such an in depth explanation!
Lots of Good wishes and thanks to you. I have completed this tutorial and learned a lot. 💫💯
This is the best tutorial on flutter for beginners. thanks so much.
Rivan ,thanks a lot.
You are the best teacher
Thank you so much!
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
the best ... literally the best .... I was about to give up on flutter and then I found this !
So happy to hear that!!
This is the best tutorial for flutter than the paid one
very well teaching method,,,,,clearing concept very well as far u can.....great learning resource for beginner
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.
Rivan you are such great developer...thanks for the video
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!
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!
Hey Rivann. It was an amazing expereince i completed the challenge of making Additonal Information Section BTW Amazing Course🔥
@RivaanRanawat
Your Teachings skills are Excellent bro
Thanks Almas!
Loving your tutorials, would love your take on authentication and sign on for flutter
You are legend bro whenever it comes to explaining.🙏
Thank you so much!
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.
What a course !!! Really appreciate your patience to teach
Glad you like it!
Thank you so much Rivaan, I appreciate your work. Please create Firebase or Hive tutorial for absolute beginners.😊
Thanks💛
Waiting for intermediate and expert course please launch that too.
Please bro tell me from where you have learnt flutter.. Please 🙏
Hey, thanks for such an awesome tutorial. Please make more project-based tutorials
Will do!
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!
Finally most awaited course is out
this is premium content, congratulations your courses are the best
Thanks a ton!
Best flutter class ever
Thanks, glad you liked it!
Thanks my friend! This channel is gonna blow up!
🤞
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
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??
hey Rivaan!! thanks for this tutorial!! can you please make a tutorial on how to make an app like upwork please!!
Thanks for such kind of a tutorial . Please create Firebase tutorial for absolute beginner.😊
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.
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
Thank You Rivaan. I was waiting for your course.
Thanks Sahas! Let me know if this course was easy to follow along
Gem for someone beginning with flutter!
Thanks Siddesh!
in the weather app if i cut the internet it showing ClientException: XMLHttpRequest error,... .... how to solve it
finally! most awaited course!!
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
wow premium content
and its free
thanks Rivaan
Thanks Pratik! Let me know if this course was easy to follow along
🎉🎉🎉 have been waiting for this. You are a great teacher! THANKS!
Thanks! Let me know if this course was easy to follow along
very lovely video, thanks so much for sharing.
Thank you so much for this wonderful video
Pleasure!
thank u so much for this tutorial. How much RAM would you recommend for flutter development? And what backend frameworks would you recommed for flutter apps?
absolutely perfect. bro very useful thanks good lucky.
Happy it helped!
please make advanced tutorial in flutter
Thank you so much Rivaan brother ❤️❤️
Thanks Nikhil!
What i was waiting eagerly for.......thanks......so.much....
Awesome Adnan! Let me know if this course was easy to follow along
@RivaanRanawat is okey if i create a separate class to handle the API fun rather than doing it on the weatherScrean ??
You are Amazing Rivaan🎉
Thank you!
next we want a course on api how it work and all
all about apis in flutter
Amazing❤❤❤
thanks dear rivaan.
My pleasure!
Hy Sir Thanks for this course. Sir plz make a video how to earn money as flutter developer. Plz make video
pls back with design patterns series!!
Will be back with it in a couple of weeks.
Im beginner and im studying btech in ai and data science.should i buy windows laptop or mac
Thanks for this tutorial
Bro i was waiting for new video thnxs you 🎉
completed this course within 2 days and waitiing for music and video player app
Damn! Would love to know how you found this course (honestly)
@@RivaanRanawat honestly this course is amazing and also above from the paid courses . and i am excited for the for upcoming video and also want to inform you that one of my college senior got placement as flutter dev from your courses once again thank you for your effort
04:09:05 to 05:18:00 for Stateful widget & it's lifecycle.
Love you men you do so much great work.
Thank you!
Try to make a vedio on setting up the flutter and android studio with emulator setup. Because most of the peoples who are starting out can follow the steps to get set go with flutter in there system.
hello sir,
this video is amazing
your teaching skills is so good
can you make lacture about firebase?
what is firebase?i have a doubt about this.
Thanks!
Thanks to you!
Hi! I'm facing a problem with admob. When I upgrade flutter latest version my admob ad flickering when navigating. It is working perfectly with flutter version 3.5.5 but not with 3.10.5. I'm using latest version of admob.
You are GEM 🧡🧡
Thank you!
Also make video on firebase for flutter it should mainly focus on all about firebase with flutter
Thanks for creating this flutter course.
Most Welcome Rahul!
Thankyou so much you are the best💖
Thanks!!
Thank you bro
Awesome one
One request
Can u put a video on complete Netflix clone but not using IMDb api and making our own backend in appwrite
Have gone through many things but unable to figure this out
Also if u can add admob and audience network in thay
Not sure about using Appwrite but we'll get to it.
@@RivaanRanawat sure
Thanks for looking into it
Will wait...
You are amazing Rivaan!
Thank you!
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?
Thank you , very good tutorials
Thanks!