@@Bhavin-Desai The OP of the comment pasted it from the video description. UA-cam doesn't show the chapters on the video screen for videos longer than 12 hours, I think. You can also find them in the pinned comment.
Bro this is amazing, i always used to think web dev is so boring not of my interest what should i do but just after 1 hour in this i'm loving this bro, and i'll complete this asap. Respect for you!!! Also do you think flutter is dying coz i've heard react native will take over, since you're so young idk you know about the market or not but if you know please care to answer. Also what to do after this like kind of roadmap if you have then please share. Thanks bhai❤
First off, thanks for the support! Answering your question, honestly, I don't know if React Native (RN) will take over. I've built a ton of websites using ReactJS (not RN) before I started Flutter. Seeing the syntax of RN, it feels quite similar to ReactJS (but with different built in components of course) I found Flutter to be more intuitive to use probably because 1. It feels quite similar to ReactJS and having coded in it before, gave me a good headstart 2. It is class based (which i find easier to navigate through) Will Flutter die? I don't think so. Can it be less used than RN? Yes. Will it be less used than RN? I don't know. There can be a system where 2 frameworks are used - if one is used more, the other doesn't have to die (saying this even for RN). A set of people prefer one framework and a set of people prefer another one. I'd definitely recommend navigating through all this noise and focusing on the fundamentals of programming. You're not trying to become a Flutter developer, you're trying to become a software engineer. In my opinion, a software engineer's task is not to fan over a framework or a technology, it is to pick up a framework that'd work well for a problem you're trying to solve. Finally, if you're enjoying Dart & Flutter, code in it but ensure you're understanding the logic of what's done and why it's done. For the roadmap, www.rivaanranawat.com/roadmap
"Indian teachers are truly incredible! Their expertise in technology is awe-inspiring, and they possess a unique talent for sharing knowledge without revealing any confidential information. I am deeply grateful for their kindness and generosity in educating everyone on platforms like UA-cam. Thank you for your invaluable contributions!" 😊
@@famousnetwork316even more amazing. I wonder if he’s behind the Codalingo app too? Because this video and that app have got me to finally start to understand more clearly. I come from no level of coding. I understand most of the video now
Hey Rivann! First off, I want you to know how good this tutorial is. I have done many tutorials by many people, you are the most in depth I have encountered and you should be proud of that. I noticed your chapters were only appearing in the comments and description and not on the video itself. I believe if you remove the parentheses around the chapter, you will be able to see the chapters on the video itself, making it easier for us to bounce through the video. For example, instead of (00:00) do -> 00:00. Thank you for this tutorial, happy new year!
first thank you for the simple tutorial, I would recommend it to anyone completely new to programming, I have a small thing to add, regarding the Colors I notices that the instructor did not explain what the Hex representation of colors is, so basically hexadecimal is a base 16 numbers systems where we start counting from 0 and finish at F (0 ---> 15), when we talk about colors, we represent them using three main colors (there are other ways to represent colors depending on the field and the usecase), these colors are Red (R), Green (G) and Blue (B), hence: RGB, the amount of each color is expressed using a number between 0 and 255 (8 bits), when we write this number using Hex we get two characters ( from 00 to FF), so basically we read FFFFFF as FF (255) for Red, FF (255) for Green and also FF (255) for Blue, which mean mix the maximum of each color (this gives white), and the extra two characters we see at the start of the color representation is called the alpha channel, it tells us the opacity of the resulting color (from 00 for transparent to FF for 100%), at this point we have AAFFFFFF for a white color with a medium opacity, one last thing to add is the Ox prefix we keep seeing, this is just to distinguish it as Hex number, anything prefixed with 0x is considered to be in base 16 (Hex) refer to Wikipedia for more info, and google the topic to get more technical details on this en.wikipedia.org/wiki/RGBA_color_model
Best Course I have come across. I have taken paid courses from Udemy, saw bunch of other tutorials. Nothing compared to what I am seeing here. Hats-off to you buddy🔥🔥🔥🔥
Your attention to detail is incredible. Coming from Python, I see a lot of UA-camrs glaze over the finer points of syntax or skip them altogether, leaving me confused. You on the other hand, cover each and every point with clarity. Well done.
Your Flutter tutorials have been a game-changer for me, especially with the Amazon clone project. I've gained a solid understanding of Flutter's capabilities through your clear and detailed explanations. I believe a MATRIMONY COMPLETE FLUTTER tutorial would be incredibly valuable and highly demanded in the Flutter community. It's a challenging yet fascinating project that many developers, like myself, are eager to explore. Your approach to teaching complex topics makes learning enjoyable and accessible. I'm really looking forward to seeing your expertise applied to building a matrimony app. It would undoubtedly be a fantastic addition to your tutorial series and help many of us deepen our Flutter skills. Keep up the amazing work!
This was, hands down, the best complete and beginner friendly Dart/Flutter tutorial on UA-cam! Your teaching skills are incredible and I cannot thank you enough for taking the time to share your knowledge with us. You have helped me tremendously in learning Dart and Flutter. Thank you so very much!!
2:40:20 Arguments are the actual values passed to a function when it is called. Parameters are the variables listed in the function declaration that receive those values
This is absolutely amazing, I just finished this beginner's course and I have learned a lot as someone who is just getting into flutter space, A big thank you man, I really appreciate it🙏🏿🙏🏿.
Hi Rivaan. Thank you for this very detailed and thorough tutorial on Dart and Flutter. I am slowly making my way through it and I'm in awe of your very precise and meaningful explanations for even the most random questions we might have. I truly appreciate that. Side note: In order for the timestamps in your video to activate as chapters, you'll need to remove the parenthesis around the timestamps in your video description. Then, it'll automatically turn into chapter titles for us to jump to a certain topic. Thank you again for sharing your wealth of knowledge with us!
Thank you so much for this Amazing course really didnt think i would manage to watched complete 21 hours but how you teach really amazing man thats what attracted me to this course the most.
@@RivaanRanawat I wanna buy yout Udemy course where you are creating 5 social mediua app. so requesting to you please update course with latest update so i can buy faster
Hats off 💖 @RivaanRanawat on creating such a wonderful course tuturial. Easy and clear, covering mostly everthing about flutter, quite useful for every user if they have a beginner level or intermediate in programing.
Just at the age of 18 the amount of effort you putted into the video is awesome, great man keep doing. I have learn a lot on Flutter development from you A special thanks ❤
I have completed my 12th hour of the course, Rivaan thank you for the shared knowledge, the class is hard to stop watching and the pace is adequate for us learners.
This is a brilliant course! I'm currently 6 hours in and I'm loving it! Thank you so much for making this available for free. You have a talent for explaining concepts!
14:33:22 windows multi-caret feature: Place your cursor on the first line While holding Alt + Shift, click on the additional lines you want to add carets to
Wonderful Course Just completed it. what an easy-to-understand explanation to the topics of flutter. Bro taught it not just to build apps but to get real knowledge of Flutter and Dart Programming Skills. Thank, you Sirr Love you a lot.❤❤❤❤
At 10:16:04 - might be a really small tweak, but I searched a lot as to why my end brackets were all combined where as your code snippets show them nicely separated and indented. Really neat explanation.
@@randomcsguy2065 Add a comma after each Widget’s declaration and usage. This neatly separates it into a new line and not many end brackets stacked together. That was the fix for it.
hey rivaan!, i dont usually comment on videos but i really like this course, i have been half through it ,like 10 hours and i going to express my thoughts about your teaching and iam going to be honest , i really like your teaching and your explanations ... one of your biggest plus is your detailed explanations of certain topics but at the same time, it is also your biggest downside.. because you are explaining every bit of information about the thing which makes it overwhelming in a certain way ... iam saying this because as for starters like me every bit of information is crucial and i think your infos are very great yet it is little bit too much .. your infos are crisp and clear , it will be great if you also keep them short .. iam just saying because you are a excellent teacher . and thankyou for this wonderful course
Starting my flutter journey today. Posting updates here everyday until i finish the course to keep myself accountable 🫡 Day 1: 4:15:00 (watched on 2x cause i have prior programming experience) Day 2: 4:56:00 Day 3: 9:15:00 Day 4: 10:04:00 Day 5: 11:46:00 Day 6: 16:05:00 Day 7: Completed making the currency converter app and the weather app
Boy, i can tell that you laptop is quite powerful to handle all the running at the same time. Like bro, you're running android, IOS, web, desktop app at same time 😵💫😵💫😵💫
This is the only course I found so far that explains Dart before diving into Flutter. Thanks man! I thought Dart was difficult but it turns out to be very similar to other languages such as Java, C# and even JavaScript. I am not sure why Flutter courses for beginners are ignoring Dart!
Thanks.. as you start from Basic ..Cleared big confusion's over the period on Abstract class & Sealed Class ....Nicely demonostarte. Not yet completed...full tutorial...So far so good ....thanks Sir. I am from .net Platform ....determind to Start Journey toward Crossplatform development. I dont know whether MAUI is Good or Flutter ....But listen from friends I choose flutter . Is my decesion correct ?Please Let me know ...Is there any Paid course of yours or suggested .Please guide me how should I keep my...study....to be a Champion on Flutter.
Discord Server: discord.gg/Q8Rx8YWFVF
Links of the videos/playlists mentioned in the course👇
Full Stack Flutter Projects Playlist - ua-cam.com/play/PLlzmAWV2yTgCjoZNF3hLX3puYJir9vSQO.html
Instagram Clone (Learn about Firebase Database & Provider) - ua-cam.com/video/BBccK1zTgxw/v-deo.html
Reddit Clone (Intermediate Level App Development with Firebase & Riverpod) - ua-cam.com/video/B8Sx7wGiY-s/v-deo.html
Automated Testing Playlist - ua-cam.com/play/PLlzmAWV2yTgAW2rVT0sqRmtBXc-pmBnJG.html
Why I don’t prefer using GetX - ua-cam.com/video/zlIgy4es5Ts/v-deo.html
Detailed Timestamps:
(00:00:00) Course Overview
(00:02:16) What is Dart?
(00:03:52) Dart SDK
(00:06:57) Print Statement
(00:09:59) Operators
(00:14:39) Comments
(00:17:31) Variables
(00:49:08) var, const and final Variables
(00:55:10) final vs const variables
(00:59:25) Optional Variables/ Nullable Variables
(01:11:35) If Condition
(01:29:42) Ternary Operators
(01:32:02) Switch Statement
(01:37:52) Exercise 1
(01:46:06) For Loop
(01:59:30) While Loop
(02:02:39) Do While Loop
(02:06:12) continue keyword
(02:09:11) Exercise 2
(02:09:30) break keyword
(02:10:49) Functions
(02:19:49) Returning 2 Values from a Function (Records)
(02:22:56) Patterns
(02:24:45) Returning Nullable Variables/Values
(02:26:48) Function Positional Arguments & Global Variables
(02:34:43) Function Named Arguments
(02:41:40) Named Records
(02:44:03) Returning Functions from Functions
(02:45:59) Arrow Function
(02:46:48) Anonymous Functions
(02:46:53) Classes
(03:07:02) Constructor
(03:11:53) this keyword
(03:12:38) Positional Constructor Arguments
(03:18:43) Immutable Classes
(03:21:19) Named Constructor Arguments
(03:22:18) Classes Terminology
(03:23:29) Private Variables
(03:27:46) Getters
(03:31:30) Setters
(03:33:26) Static Variables
(03:38:26) Static Functions
(03:39:09) When to use static keyword?
(03:41:10) Inheritance
(03:59:58) implements keyword
(04:10:13) Abstract Classes
(04:15:03) Object Oriented Programming (OOP) in Dart
(04:17:09) Polymorphism
(04:20:52) Abstraction
(04:23:12) Encapsulation
(04:25:11) OOP Brief
(04:26:14) Mixins
(04:33:40) Class Modifiers
(04:40:48) Lists
(05:23:04) Sets
(05:25:39) Maps
(05:50:32) Enums
(05:58:22) Enhanced Enums
(06:03:03) Exception Handling
(06:11:45) Futures (Promises)
(06:56:08) Streams
(07:19:46) Bonus: Creating Records
(07:23:57) Bonus: Patterns & Pattern Matching
(07:36:11) Extensions
(07:42:25) Introduction to Flutter
(07:42:35) Installing Flutter
(07:51:59) Installing Android Studio & Configuring for Android
(07:56:37) Installing Xcode & Configuring for iOS
(07:58:47) Installing VS Code
(08:00:24) Exploring VS Code
(08:04:41) Creating Flutter Project
(08:06:27) Exploring Folders Flutter Creates
(08:16:06) Increasing Font Size in VS Code
(08:16:50) Highlighting Code in VS Code
(08:18:27) Running Flutter App
(08:31:11) Writing First Flutter Code!
(08:32:34) Importing Packages and material.dart
(08:35:20) runApp function in Flutter
(08:37:24) What are Widgets?
(08:38:10) Text Widget
(08:55:24) Types of Widgets
(08:57:22) What is State in Flutter
(08:58:48) What is Stateless Widget in Flutter?
(09:11:43) Material & Cupertino Design
(09:13:51) What is MaterialApp in Flutter?
(09:17:45) What is Scaffold in Flutter?
(09:21:37) Center Widget
(09:26:28) Widget Tree
(09:29:09) Splitting & Extracting Widgets
(09:34:49) What is BuildContext?
(09:37:38) Importing Files & Magic of Flutter Extension
(09:40:05) Relative Importing
(09:42:47) Breaking Down The Currency Converter App
(09:43:31) Column Widget
(09:52:10) ColoredBox Widget
(09:53:01) Color Class
(09:56:53) TextStyle
(10:04:22) Colors
(10:06:49) TextField Widget
(10:48:00) Why Build Function Should Contain NO Complex Tasks
(10:48:57) Changing Keyboard Type For TextField Input
(10:53:12) Padding Widget
(11:00:51) Container Widget
(11:02:01) Padding vs Margin - The Difference
(11:07:56) TextButton Widget
(11:13:35) Print Statement & Warnings (Flutter Lints)
(11:18:50) TextButton Widget contd.
(11:34:29) ElevatedButton Widget
(11:41:39) Shortening the ButtonStyle!
(11:44:26) AppBar Widget
(11:51:47) Understanding the need of StatefulWidget
(12:09:46) StatefulWidget
(12:24:38) Build Function Can Be Called How Many Times?
(12:27:11) setState
(12:34:41) Handling Edge Cases
(12:41:19) CupertinoApp & iOS Styled Widgets
(12:59:14) initState and dispose
(13:02:05) Recap & Widgets LifeCycle
(13:09:53) Weather App Demo
(13:11:06) Analysing the default Flutter Code
(13:18:33) Weather App Setup
(13:26:48) GestureDetector and InkWell Widget
(13:29:20) IconButton Widget
(13:30:17) Planning the Body of Weather App using PlaceHolder Widget
(13:34:22) Card Widget
(13:45:35) ClipRRect Widget
(13:47:01) Backdrop and ImageFilter Widget
(13:53:58) Text For Weather App
(13:58:14) Row Widget
(14:07:49) SingleChildScrollView Widget
(14:13:33) Working on Additional Info Section
(14:25:07) Passing Arguments Using Constructor
(14:35:02) http package in Flutter
(14:38:12) OpenMapWeather API
(14:44:57) Handling Future in initState
(14:48:05) Extracting Data from API in Flutter
(15:01:22) Displaying Loading Indicator
(15:06:55) FutureBuilder Widget
(15:19:28) Extracting Data From AsyncSnapshot
(15:30:25) for loop in Flutter UI
(15:39:42) ListView.builder Widget
(15:50:23) Date Formatting using intl
(16:04:31) Switching Themes
(16:05:35) Layout Principle In Flutter Explained
(16:10:57) Flutter Behind The Scenes, 3 Trees & BuildContext
(16:32:15) Shopping App Demo
(16:33:32) Creating Shop App Project
(16:36:58) Adding Custom Fonts
(16:48:56) Theming, Color Scheme
(16:52:23) Creating a Header (SafeArea Widget)
(16:59:26) Expanded Widget in Column (For TextField Widget)
(17:14:16) Chip Widget
(17:30:17) How Theming Works Behind the Scenes (InheritedWidget)
(17:37:35) Selecting Filter contd...
(17:38:40) Adding Images and Product Dummy Data
(17:45:12) Displaying Products List on Home Page (Image Widget)
(18:09:51) Designing Product Details Page (Spacer and Flex Widget)
(18:37:33) Navigation & Routing
(18:48:20) How Navigator Works Behind The Scenes? (And State Management)
(18:59:59) BottomNavigationBar Widget
(19:09:10) IndexedStack Widget
(19:11:59) Designing Cart Page (ListTile Widget)
(19:22:38) State Management with Provider, SnackBar
(19:51:20) Dialogs in Flutter
(20:00:18) Provider Extension Methods on BuildContext
(20:03:15) Provider State Management Recap
(20:09:55) Responsive UI in Flutter (GridView, MediaQuery)
(20:33:15) InheritedWidget vs InheritedModel
(20:35:03) Responsive UI in Flutter (LayoutBuilder Widget)
(20:42:01) MediaQuery vs LayoutBuilder
(20:45:24) Challenge: Make Weather App Responsive
(20:45:48) Flutter Widgets Sizing Summary
(20:46:53) Conclusion and Next Steps
Bro if possible, make a video on Flutter with Firebase connectivity beginner to advance or Flutter with Database connection CRUD operations.
Can you please one on Flutter Driver, mainly focussed on widget and Integration testing?
discord server link is showing invalid please update it.
Can XCode be used on Windows PC??
@@antoniofuller2331 No. U can't use xcode on windwos.
Timestamps:
(00:00:00) Course Overview
(00:02:16) What is Dart?
(00:03:52) Dart SDK
(00:06:57) Print Statement
(00:09:59) Operators
(00:14:39) Comments
(00:17:31) Variables
(01:11:35) Control Flow
(01:37:52) Exercise 1
(01:46:06) Loops
(02:10:49) Functions
(02:46:53) Classes
(03:41:10) Inheritance
(03:59:58) implements keyword
(04:10:13) Abstract Classes
(04:15:03) Object Oriented Programming (OOP) in Dart
(04:17:09) Polymorphism
(04:20:52) Abstraction
(04:23:12) Encapsulation
(04:25:11) OOP Brief
(04:26:14) Mixins
(04:33:40) Class Modifiers
(04:40:48) Lists
(05:23:04) Sets
(05:25:39) Maps
(05:50:32) Enums
(06:03:03) Exception Handling
(06:11:45) Futures
(06:56:08) Streams
(07:19:46) (Bonus) Creating Records
(07:23:57) (Bonus) Patterns & Pattern Matching
(07:36:11) Extensions
(07:42:25) Introduction to Flutter
(07:42:35) Installing Flutter
(07:51:59) Installing Android Studio & Configuring for Android
(07:56:37) Installing Xcode & Configuring for iOS
(07:58:47) Installing VS Code
(08:00:24) Exploring VS Code
(08:04:41) Creating & Exploring The Flutter Project
(08:18:27) Running Flutter App
(08:31:11) Writing First Flutter Code!
(08:32:34) Importing Packages and material.dart
(08:35:20) runApp function in Flutter
(08:37:24) What are Widgets?
(08:38:10) Text Widget
(08:55:24) Types of Widgets
(08:57:22) What is State?
(08:58:48) Stateless Widget
(09:11:43) Material & Cupertino Design
(09:13:51) MaterialApp
(09:17:45) Scaffold Widget
(09:21:37) Center Widget
(09:26:28) Widget Tree
(09:29:09) Splitting & Extracting Widgets
(09:34:49) What is BuildContext?
(09:37:38) Importing Files & Magic of Flutter Extension
(09:40:05) Relative Importing
(09:42:47) Breaking Down The Currency Converter App
(09:43:31) Column Widget
(09:52:10) ColoredBox Widget
(09:53:01) Color Class
(09:56:53) TextStyle
(10:04:22) Colors
(10:06:49) TextField Widget
(10:48:00) Why Build Function Should Contain NO Complex Tasks
(10:53:12) Padding & Container Widget
(11:02:01) Padding vs Margin - The Difference
(11:07:56) TextButton Widget
(11:13:35) Flutter Lints
(11:18:50) TextButton Widget contd.
(11:34:29) ElevatedButton Widget
(11:44:26) AppBar Widget
(11:51:47) StatefulWidget
(12:24:38) Build Function Can Be Called How Many Times?
(12:27:11) setState
(12:41:19) CupertinoApp & iOS Styled Widgets
(12:59:14) initState and dispose
(13:02:05) Recap & Widgets LifeCycle
(13:09:53) Weather App Demo
(13:11:06) Weather App Setup & Default Flutter Code
(13:26:48) GestureDetector & InkWell Widget
(13:29:20) IconButton Widget
(13:30:17) PlaceHolder Widget
(13:34:22) Card Widget
(13:45:35) ClipRRect Widget
(13:47:01) Backdrop and ImageFilter Widget
(13:58:14) Row Widget
(14:07:49) SingleChildScrollView Widget
(14:13:33) Additional Info Section
(14:25:07) Passing Arguments
(14:35:02) http plugin in Flutter
(14:38:12) OpenMapWeather API
(14:44:57) Handling Future in initState
(14:48:05) Extracting Data from API
(15:01:22) Loading Indicator
(15:06:55) FutureBuilder Widget
(15:19:28) AsyncSnapshot
(15:30:25) for loop
(15:39:42) ListView.builder Widget
(15:50:23) Date Formatting using intl
(16:05:35) Layout Principle In Flutter Explained
(16:10:57) Flutter Behind The Scenes, 3 Trees & BuildContext
(16:32:15) Shop App Demo
(16:33:32) Shop App Project Setup (Fonts, Theme, ColorScheme)
(16:52:23) Header (SafeArea Widget)
(16:59:26) Expanded Widget
(17:14:16) Chip Widget
(17:30:17) How Theming Works Behind the Scenes (InheritedWidget)
(17:37:35) Selecting Filter contd.
(17:38:40) Images and Dummy Data
(17:45:12) Displaying Products List on Home Page (Image Widget)
(18:09:51) Designing Product Details Page (Spacer and Flex Widget)
(18:37:33) Navigation & Routing
(18:48:20) How Navigator Works Behind The Scenes? (And State Management)
(18:59:59) BottomNavigationBar Widget
(19:09:10) IndexedStack Widget
(19:11:59) Designing Cart Page (ListTile Widget)
(19:22:38) State Management with Provider, SnackBar
(19:51:20) Dialogs in Flutter
(20:00:18) Provider Extension Methods on BuildContext & Recap
(20:09:55) Flutter Responsive UI (MediaQuery)
(20:33:15) InheritedWidget vs InheritedModel
(20:35:03) Responsive UI in Flutter (LayoutBuilder Widget)
(20:42:01) MediaQuery vs LayoutBuilder
(20:45:24) Challenge: Make Weather App Responsive
(20:45:48) Flutter Widgets Sizing Summary
(20:46:53) Conclusion
Grateful 🙏🙏
These time markers need to be in the description.
It is present in the description.
@@RivaanRanawat Maybe you added after my comment. Thank you 👍
@@Bhavin-Desai The OP of the comment pasted it from the video description. UA-cam doesn't show the chapters on the video screen for videos longer than 12 hours, I think. You can also find them in the pinned comment.
Bro this is amazing, i always used to think web dev is so boring not of my interest what should i do but just after 1 hour in this i'm loving this bro, and i'll complete this asap. Respect for you!!!
Also do you think flutter is dying coz i've heard react native will take over, since you're so young idk you know about the market or not but if you know please care to answer. Also what to do after this like kind of roadmap if you have then please share.
Thanks bhai❤
First off, thanks for the support!
Answering your question, honestly, I don't know if React Native (RN) will take over. I've built a ton of websites using ReactJS (not RN) before I started Flutter. Seeing the syntax of RN, it feels quite similar to ReactJS (but with different built in components of course)
I found Flutter to be more intuitive to use probably because 1. It feels quite similar to ReactJS and having coded in it before, gave me a good headstart 2. It is class based (which i find easier to navigate through)
Will Flutter die? I don't think so. Can it be less used than RN? Yes. Will it be less used than RN? I don't know.
There can be a system where 2 frameworks are used - if one is used more, the other doesn't have to die (saying this even for RN). A set of people prefer one framework and a set of people prefer another one. I'd definitely recommend navigating through all this noise and focusing on the fundamentals of programming. You're not trying to become a Flutter developer, you're trying to become a software engineer. In my opinion, a software engineer's task is not to fan over a framework or a technology, it is to pick up a framework that'd work well for a problem you're trying to solve. Finally, if you're enjoying Dart & Flutter, code in it but ensure you're understanding the logic of what's done and why it's done.
For the roadmap, www.rivaanranawat.com/roadmap
That's the most explanatory and complete dart+flutter tutorial I 've ever found, thank you!
Wow, thanks! Happy it helped
"Indian teachers are truly incredible! Their expertise in technology is awe-inspiring, and they possess a unique talent for sharing knowledge without revealing any confidential information. I am deeply grateful for their kindness and generosity in educating everyone on platforms like UA-cam. Thank you for your invaluable contributions!" 😊
bro he is 19 only
@@famousnetwork316 That is something you can tell by his voice too, But the course is amazing
@@famousnetwork316even more amazing. I wonder if he’s behind the Codalingo app too? Because this video and that app have got me to finally start to understand more clearly. I come from no level of coding. I understand most of the video now
Rivaan you're the best. I made many tutorials and yours is the best and more clear to understand. Thanks from Brazil. Big fan of you work!
Hey Rivann! First off, I want you to know how good this tutorial is. I have done many tutorials by many people, you are the most in depth I have encountered and you should be proud of that. I noticed your chapters were only appearing in the comments and description and not on the video itself. I believe if you remove the parentheses around the chapter, you will be able to see the chapters on the video itself, making it easier for us to bounce through the video. For example, instead of (00:00) do -> 00:00.
Thank you for this tutorial, happy new year!
first thank you for the simple tutorial, I would recommend it to anyone completely new to programming, I have a small thing to add, regarding the Colors I notices that the instructor did not explain what the Hex representation of colors is, so basically hexadecimal is a base 16 numbers systems where we start counting from 0 and finish at F (0 ---> 15), when we talk about colors, we represent them using three main colors (there are other ways to represent colors depending on the field and the usecase), these colors are Red (R), Green (G) and Blue (B), hence: RGB, the amount of each color is expressed using a number between 0 and 255 (8 bits), when we write this number using Hex we get two characters ( from 00 to FF), so basically we read FFFFFF as FF (255) for Red, FF (255) for Green and also FF (255) for Blue, which mean mix the maximum of each color (this gives white), and the extra two characters we see at the start of the color representation is called the alpha channel, it tells us the opacity of the resulting color (from 00 for transparent to FF for 100%), at this point we have AAFFFFFF for a white color with a medium opacity, one last thing to add is the Ox prefix we keep seeing, this is just to distinguish it as Hex number, anything prefixed with 0x is considered to be in base 16 (Hex)
refer to Wikipedia for more info, and google the topic to get more technical details on this
en.wikipedia.org/wiki/RGBA_color_model
This guy is only 17 years old and made the best Flutter tutorial on the Internet. Great job.
how do you he is 17?
nah
@@krishnabillonaire516 he might be 18 now, there was another video he posted a few months ago where he confirmed his age in the comments.
@@JEsterCW maybe his explanations aren't the best, but I haven't seen a flutter video longer than this for free on yt
@@krishnabillonaire516from his LinkedIn profile
Best Course I have come across. I have taken paid courses from Udemy, saw bunch of other tutorials. Nothing compared to what I am seeing here. Hats-off to you buddy🔥🔥🔥🔥
whats about freecode camp course?
Your attention to detail is incredible. Coming from Python, I see a lot of UA-camrs glaze over the finer points of syntax or skip them altogether, leaving me confused. You on the other hand, cover each and every point with clarity. Well done.
Thanks, I'm happy you found this useful! Quite a coincidence as I just launched Python tutorial on the channel haha!
Your Flutter tutorials have been a game-changer for me, especially with the Amazon clone project. I've gained a solid understanding of Flutter's capabilities through your clear and detailed explanations.
I believe a MATRIMONY COMPLETE FLUTTER tutorial would be incredibly valuable and highly demanded in the Flutter community. It's a challenging yet fascinating project that many developers, like myself, are eager to explore. Your approach to teaching complex topics makes learning enjoyable and accessible.
I'm really looking forward to seeing your expertise applied to building a matrimony app. It would undoubtedly be a fantastic addition to your tutorial series and help many of us deepen our Flutter skills. Keep up the amazing work!
Hey mate, could you please tell me that after completing this course, one can get a job?
@@khatriiedits3606 nope this are the fundamentals
This was, hands down, the best complete and beginner friendly Dart/Flutter tutorial on UA-cam! Your teaching skills are incredible and I cannot thank you enough for taking the time to share your knowledge with us. You have helped me tremendously in learning Dart and Flutter. Thank you so very much!!
I like the way you explain things. I really enjoying learning from you! Thanks a lot from my heart.
1:10:00 Day 1
2:10:58 Day 2
2:24:26 Day 3
3:23:30 Day 4
4:09:44 Day 5
I'm skipping dart to learn flutter
9:40:35 Day 6
Bro u lost sad
then stopped watching tutorial.
Are you also a beginner when you started watching this video?
Bro I have a knowledge of JavaScript,c++,c#,java can I skip dart to learn flutter plz give me some suggestion
@@AbdullahKhan-hu8fo no if you dont learn the language how can you use flutter
2:40:20
Arguments are the actual values passed to a function when it is called.
Parameters are the variables listed in the function declaration that receive those values
This is absolutely amazing, I just finished this beginner's course and I have learned a lot as someone who is just getting into flutter space, A big thank you man, I really appreciate it🙏🏿🙏🏿.
This man is a true hero! we will remember you!
when the button worked 12:27:15 Wow! I feel like I have achieved something yay!
holy moly... 20 hours... no wonder you've been MIA for quite some time... and when you came back you brewed something amazing^^
Hahaha, thanks Subroto! And appreciate your support man!
One of the best instructor of Flutter on youtube.❤👍🏻Keep making these wonderful tutorials.
Thank you so much!
hey i need assistance on flutter development ; like a mentor who can tell me do this to create this feature in an app ....
@@RivaanRanawat
I've barely gone an hour and I'm already loving it, the memes are also a golden touch.
Unbelievable!
20 hrs of free highly in demand content!
Hi Rivaan. Thank you for this very detailed and thorough tutorial on Dart and Flutter. I am slowly making my way through it and I'm in awe of your very precise and meaningful explanations for even the most random questions we might have. I truly appreciate that.
Side note: In order for the timestamps in your video to activate as chapters, you'll need to remove the parenthesis around the timestamps in your video description. Then, it'll automatically turn into chapter titles for us to jump to a certain topic.
Thank you again for sharing your wealth of knowledge with us!
P.S. I love the memes and descriptive stills you add throughout the video. Makes it such a fun educational experience!
Amazing course. I recommend everyone to follow along him from the start till the end. And you will see how much you will improve.
Faida hoa kuch k ni?
I'm short of words😅. The most comprehensive dart course on the internet on youtube.
That means a lot, thanks!
1:00:00 day1
1:46:29 day2
3:18:14 day3
3:55:56 day4/1
4:22:32 day4/2
4:40:48 day4/3
bro lost
I've just started with Flutter and this video is AMAZING. Thank you so much!
Hey can u share ur learning ??? I want to be a flutter developer
@@viswaprathap287 what do you mean?
Thank you so much for this Amazing course really didnt think i would manage to watched complete 21 hours but how you teach really amazing man thats what attracted me to this course the most.
You deserve more subscribers bro...hatsoff to your efforts. Thanks a lot for this wonderful video. In one word - AMAZING
Thanks!!
At 7:10:38, you can utilize the .take() function like this: Stream.periodic(Duration(seconds: 1), (val) => val + 1).take(5)
🎯💯
@@RivaanRanawat I wanna buy yout Udemy course where you are creating 5 social mediua app. so requesting to you please update course with latest update so i can buy faster
Hats off 💖 @RivaanRanawat on creating such a wonderful course tuturial. Easy and clear, covering mostly everthing about flutter, quite useful for every user if they have a beginner level or intermediate in programing.
Just at the age of 18 the amount of effort you putted into the video is awesome, great man keep doing. I have learn a lot on Flutter development from you
A special thanks ❤
Thank you so much, happy the videos are helpful!
1:39:21 My Solution for exercise 1:
import 'dart:io';
void main() {
print("Enter your Destination Zone: ");
String? destinationZon = stdin.readLineSync();
print("Enter your weight in Kgs");
String? weightInKgs = stdin.readLineSync();
var weight;
var shippingCost;
if(weightInKgs != null) {
weight = double.parse(weightInKgs);
} else {
print("please provide a valid weight.");
}
switch(destinationZon?.toUpperCase()) {
case 'XYZ': {
shippingCost = weight * 5;
}
case 'ABC': {
shippingCost = weight * 7;
}
case 'PQR': {
shippingCost = weight * 10;
}
default: {
print("please enter a valid destination zone");
}
}
print("Your Shipping cost for $destinationZon is $shippingCost");
}
can we run this in dartPad
@@logeshwarankannusamy2105 No
Day 4- 10:50:00 ✍
Day 6 - 14:45:00 ✍
Thank you sir for your time, your effort and sympathetic teaching style. Helped a lot.
👍🙏
I have completed my 12th hour of the course, Rivaan thank you for the shared knowledge, the class is hard to stop watching and the pace is adequate for us learners.
Control Flow:
(1:12:24) if, else, else if
(1:32:00) Switch statement
This is a brilliant course! I'm currently 6 hours in and I'm loving it!
Thank you so much for making this available for free. You have a talent for explaining concepts!
Why is this free. BIG THANKS. It is true that for whatever related to programing you need there is always an Indian tutorial for it!
thanks man. This really helped me a lot. i like how you teach us to use some properties and methods using the flutter source code. it really helps
14:33:22
windows multi-caret feature:
Place your cursor on the first line
While holding Alt + Shift, click on the additional lines you want to add carets to
your memes are really best, like you videos😄 keep it up bro!
Its my startup in flutter you are best .... ❤💖
This is the only course you need for learning dart and flutter
Personal Notes 📝
26/08/23 3:06:01
27/08/23 8:37:22
Damn you're insane haha! Keep up the good work 💪
Bro you are doing an amazing job!!! Keep up the good work! Hat's off to your determination!
its facinating how always an indian guy can teach *10 faster than a teacher
Sir here is a timestamps without parenthesis just copy and paste it instead of the old one
Timestamps:
00:00:00 Course Overview
00:02:16 What is Dart?
00:03:52 Dart SDK
00:06:57 Print Statement
00:09:59 Operators
00:14:39 Comments
00:17:31 Variables
01:11:35 Control Flow
01:37:52 Exercise 1
01:46:06 Loops
02:10:49 Functions
02:46:53 Classes
03:41:10 Inheritance
03:59:58 implements keyword
04:10:13 Abstract Classes
04:15:03 Object Oriented Programming OOP in Dart
04:17:09 Polymorphism
04:20:52 Abstraction
04:23:12 Encapsulation
04:25:11 OOP Brief
04:26:14 Mixins
04:33:40 Class Modifiers
04:40:48 Lists
05:23:04 Sets
05:25:39 Maps
05:50:32 Enums
06:03:03 Exception Handling
06:11:45 Futures
06:56:08 Streams
07:19:46 Bonus Creating Records
07:23:57 Bonus Patterns & Pattern Matching
07:36:11 Extensions
07:42:25 Introduction to Flutter
07:42:35 Installing Flutter
07:51:59 Installing Android Studio & Configuring for Android
07:56:37 Installing Xcode & Configuring for iOS
07:58:47 Installing VS Code
08:00:24 Exploring VS Code
08:04:41 Creating & Exploring The Flutter Project
08:18:27 Running Flutter App
08:31:11 Writing First Flutter Code!
08:32:34 Importing Packages and material.dart
08:35:20 runApp function in Flutter
08:37:24 What are Widgets?
08:38:10 Text Widget
08:55:24 Types of Widgets
08:57:22 What is State?
08:58:48 Stateless Widget
09:11:43 Material & Cupertino Design
09:13:51 MaterialApp
09:17:45 Scaffold Widget
09:21:37 Center Widget
09:26:28 Widget Tree
09:29:09 Splitting & Extracting Widgets
09:34:49 What is BuildContext?
09:37:38 Importing Files & Magic of Flutter Extension
09:40:05 Relative Importing
09:42:47 Breaking Down The Currency Converter App
09:43:31 Column Widget
09:52:10 ColoredBox Widget
09:53:01 Color Class
09:56:53 TextStyle
10:04:22 Colors
10:06:49 TextField Widget
10:48:00 Why Build Function Should Contain NO Complex Tasks
10:53:12 Padding & Container Widget
11:02:01 Padding vs Margin - The Difference
11:07:56 TextButton Widget
11:13:35 Flutter Lints
11:18:50 TextButton Widget contd.
11:34:29 ElevatedButton Widget
11:44:26 AppBar Widget
11:51:47 StatefulWidget
12:24:38 Build Function Can Be Called How Many Times?
12:27:11 setState
12:41:19 CupertinoApp & iOS Styled Widgets
12:59:14 initState and dispose
13:02:05 Recap & Widgets LifeCycle
13:09:53 Weather App Demo
13:11:06 Weather App Setup & Default Flutter Code
13:26:48 GestureDetector & InkWell Widget
13:29:20 IconButton Widget
13:30:17 PlaceHolder Widget
13:34:22 Card Widget
13:45:35 ClipRRect Widget
13:47:01 Backdrop and ImageFilter Widget
13:58:14 Row Widget
14:07:49 SingleChildScrollView Widget
14:13:33 Additional Info Section
14:25:07 Passing Arguments
14:35:02 http plugin in Flutter
14:38:12 OpenMapWeather API
14:44:57 Handling Future in initState
14:48:05 Extracting Data from API
15:01:22 Loading Indicator
15:06:55 FutureBuilder Widget
15:19:28 AsyncSnapshot
15:30:25 for loop
15:39:42 ListView.builder Widget
15:50:23 Date Formatting using intl
16:05:35 Layout Principle In Flutter Explained
16:10:57 Flutter Behind The Scenes, 3 Trees & BuildContext
16:32:15 Shop App Demo
16:33:32 Shop App Project Setup Fonts, Theme, ColorScheme
16:52:23 Header SafeArea Widget
16:59:26 Expanded Widget
17:14:16 Chip Widget
17:30:17 How Theming Works Behind the Scenes InheritedWidget
17:37:35 Selecting Filter contd.
17:38:40 Images and Dummy Data
17:45:12 Displaying Products List on Home Page Image Widget
18:09:51 Designing Product Details Page Spacer and Flex Widget
18:37:33 Navigation & Routing
18:48:20 How Navigator Works Behind The Scenes? And State Management
18:59:59 BottomNavigationBar Widget
19:09:10 IndexedStack Widget
19:11:59 Designing Cart Page ListTile Widget
19:22:38 State Management with Provider, SnackBar
19:51:20 Dialogs in Flutter
20:00:18 Provider Extension Methods on BuildContext & Recap
20:09:55 Flutter Responsive UI MediaQuery
20:33:15 InheritedWidget vs InheritedModel
20:35:03 Responsive UI in Flutter LayoutBuilder Widget
20:42:01 MediaQuery vs LayoutBuilder
20:45:24 Challenge Make Weather App Responsive
20:45:48 Flutter Widgets Sizing Summary
20:46:53 Conclusion
Thank you!!!!
11:20:00 : MaterialStatePropertyAll is replaced in flutter by WidgetStatePropertyAll
Loved your tutorial sir.Amazing.
58:00 datetime
1:07:07
1:09:54
2:21:55
4:00:00
It's a very nice tutorial for beginners I just want to say Keep going as much you can thank you for this💫
Wonderful Course Just completed it. what an easy-to-understand explanation to the topics of flutter. Bro taught it not just to build apps but to get real knowledge of Flutter and Dart Programming Skills. Thank, you Sirr Love you a lot.❤❤❤❤
bhai kitne din lage ktm krne me??
@@nehamamarmy3900bhai tume start kiya kya ?
Very well taught.....thanks a lot for your efforts.
My pleasure!
1st day 2:10:58
2nd day 2:32:05
2:41:35
1:41:27 I used switches here.
void main() {
String dest = "PQR";
double mass = 10; //kg
switch (dest) {
case "ABC":
print("Ans : ${mass * 7}");
case "PQR":
print("Ans : ${mass * 10}");
case "XYZ":
print("Ans : ${mass * 5}");
default:
print("******Error******");
}
}
Am waiting for this course thanks
How's the journey going?
This is so good ❤ really love the way you explained thanks a lot
i bought a paid course worth to $60 and this free video is more than that.....I wish i could find this video before buying that course....
Thank you so much, really helpful content 🙂
At 10:16:04 - might be a really small tweak, but I searched a lot as to why my end brackets were all combined where as your code snippets show them nicely separated and indented. Really neat explanation.
have u known the reason
@@randomcsguy2065 Add a comma after each Widget’s declaration and usage. This neatly separates it into a new line and not many end brackets stacked together. That was the fix for it.
One of the best detailed video on Dart, Flutter and OOPS concept. Riaavn Deserve many more subscribers. Thank you brother.😃
Thanks so much - this is simply amazing!!
sir you beautifully explain everything in Details, Kudos
10:40:45 constant scaffolding handling
10:48:55 build function performance tips
12:10:06. stateful widget
hey rivaan!, i dont usually comment on videos but i really like this course, i have been half through it ,like 10 hours and i going to express my thoughts about your teaching and iam going to be honest , i really like your teaching and your explanations ... one of your biggest plus is your detailed explanations of certain topics but at the same time, it is also your biggest downside.. because you are explaining every bit of information about the thing which makes it overwhelming in a certain way ... iam saying this because as for starters like me every bit of information is crucial and i think your infos are very great yet it is little bit too much .. your infos are crisp and clear , it will be great if you also keep them short .. iam just saying because you are a excellent teacher . and thankyou for this wonderful course
Thank you Rivaan for this amazing tutorial!
Pleasure!
just completed whole vdo 1 time.Im gonna watch multiple time.amazing content .Thank you sir.
7:42:42 completed dart
Love your explanation,i think tq is a small word to appreciate you,good work brother keep doing it❤
Thank you so much!
Day1
41:39
Starting my flutter journey today. Posting updates here everyday until i finish the course to keep myself accountable 🫡
Day 1: 4:15:00 (watched on 2x cause i have prior programming experience)
Day 2: 4:56:00
Day 3: 9:15:00
Day 4: 10:04:00
Day 5: 11:46:00
Day 6: 16:05:00
Day 7: Completed making the currency converter app and the weather app
lets go brother
1:19:16 latest checkpoint
Thanks for this tutorial, man! Really helpful to get started with Flutter asap
Most welcome!
Boy, i can tell that you laptop is quite powerful to handle all the running at the same time.
Like bro, you're running android, IOS, web, desktop app at same time 😵💫😵💫😵💫
Yeah, it's MacBook Air M1 if anyone's curious
very well done! many thanks!
Thanks bro ❤❤❤
This is the only course I found so far that explains Dart before diving into Flutter. Thanks man! I thought Dart was difficult but it turns out to be very similar to other languages such as Java, C# and even JavaScript. I am not sure why Flutter courses for beginners are ignoring Dart!
Best tutorial for dart and flutter 😮🎉
Bro is this best otherwise i can go and buy udemy course
Thanks.. as you start from Basic ..Cleared big confusion's over the period on Abstract class & Sealed Class ....Nicely demonostarte. Not yet completed...full tutorial...So far so good ....thanks Sir. I am from .net Platform ....determind to Start Journey toward Crossplatform development. I dont know whether MAUI is Good or Flutter ....But listen from friends I choose flutter . Is my decesion correct ?Please Let me know ...Is there any Paid course of yours or suggested .Please guide me how should I keep my...study....to be a Champion on Flutter.
truly the best series of Flutter availiable...and i have like surfed alot of tutorials
Thank you so much!
thank you bhaiiiii😄😄😄😄
Most welcome!
Your videos is best way for lesson thanks sirr
day 1 - 3:33:18
day 2 - 4:30:00
thanks lot man,so beautiful explanation!!!
Glad it helped!
u are amazing ,, u teach so well
Thank you!
absolutely a commendable and detailed explantion of each concept in this tutorial is your beauty buddy stay blessed
Thank you so much!
Amazing course💯
Day 1 1:11:30
thank u for this i hope ure doing goodd in life and appy i love u
Is this course enough to develop an app?
your explanation is very nice as well as your speech is very fluent 👌
at 11:21:55 ,
for background color :
MaterialStateProperty has been changed to WidgetStateProperty
Interesting, didn't know that. Thanks!
Thanks a lot, Rivaan you have very good skills to teach
Glad you think so!
8:06:20 - flutter project setup
great thank you so much, liked and subscribed👍
Awesome, thank you!
4:55:35 Lists major topic
Excellent, very well explained all the aspects.
Thank you!
Really appreciate brother ❤
My pleasure!
Hello Rivaan, I'm currently watching your "Dart & Flutter Developer Course". Thank you for sharing this valuable resource.
Glad you're finding it helpful!