I'm a senior web dev diving into flutter for the first time. This 25min video got me up to speed SO FAST. Thank you for skipping all the fluff and unnecessary explanations. This is exactly my type of content. Cheers!!
This is gold, I was delaying starting an app ideia and now I feel It can be done. Also it was the first time I had to slowdown a video to keep up with it 🤣
Omg, the best tutorial so far with great explanation. I was kinda lost with other tutorials out there but man...your's very smooth and easy to understand! Thank you!
I'm just starting learning flutter, I was lost by how many tutorials there's, but luckily, I find this, smooth, great teaching, and qyickly to the point, I wish you can make more videos like this ❤️
@@vinit095This video was really helpful for me. Just lower the speed to 0.75 and pause it as many times do you need. Don't give it up. It's definitely worth it. :)
Literally made guve me a head start for flutter. I wasn't even interested to start, trying from years actually to get interested. This video literally is life saviour. ❤❤
This is really the best tutorial for beginners to understand how things are connected to get started and even for those who have experience, this is far best tutorial to revise. I saw a negative comment at the top, i believe he/she is a beginner, and trying to master flutter with this one video. While thats not possible. 🙂
Bro, THIS IS a crash course that I've wanted, I don't need to know what is a variable, what is a function, I just need to know how to build things in flutter and from there I catch on. I already have 5 years of programming so this video is awesome.
This is the best explanation i have found in youtube on flutter, It would be great if you made more video of this type by increasing the complexity of projects and teaching new concepts of Flutter.
I saw you have more videos like this, continue doing videos like this. For who is senior in other things it is a way easier to learn with a real project without unnecessary explanation. I going checkout other videos you did like this. Congratulations about the content.
00:04 The best way to learn programming is to start building a simple project. 01:51 Flutter has two core types of widgets: stateless and stateful 05:16 Change the background color of the app bar to White and remove the shadow 07:01 Implementing the Flutter SVG package for displaying icons and modifying their properties 10:30 Use suffix icon and row widget to display an icon on the right side of the text field. 12:12 Implementing the search text field and category section 15:41 Create a method to get categories and return a list. 17:19 Convert list view to horizontal and increase width and distance between items 20:22 Implementing a container with a gradient color box and a view button 21:53 Implementing design changes and handling color variations based on a condition 24:57 How to display a clickable button icon using SVG picture
A little too fast for me, so I lowered the video's speed to 0.75. This walk-though project helped me a lot! I've learned so many things watching this video in such short amount of time. Thank you so much!
Hi there! 🚀 This tutorial is a gem! 🌟 Your step-by-step guidance through Flutter basics is incredibly clear and easy to follow. The real project implementation adds a practical touch that truly enhances the learning experience. 🤩 I appreciate the effort you put into breaking down the usage of various Flutter widgets-it's like a smooth ride into the world of Flutter. Your concise yet comprehensive approach makes it accessible for both beginners and those looking to reinforce their fundamentals. 🙌 The practical implementation alongside the explanation is a game-changer! Big kudos for emphasizing the importance of using English language in the comments. 🌐 Let's keep the communication global! 🌍 Thank you so much for sharing your knowledge and expertise. 🙏 Looking forward to more insightful tutorials from your channel! 🚀✨
Very good content. As a swift, C# and JS developer, I think your content can give me a quick overview for Flutter, make it easier to know what’s the topic and tools I can take. Thanks you🎉
Great work. Btw, you can see that on section "Popular" (on minute 25:15 for example), the texts of the dishes are not vertically aligned. You need to put the SVG image inside a Container or SizedBox with an specific size in order to get that right, as you previously did on other parts of the code.
For those who encounter lagging when scrolling vertically/horizontally, it looks like on old phone like Oppo f9 is quite heavy to render those SVG files, great tutorial anyway!
This is not the course to start your programmer learning with. It’s is an amazing video, but you should actually be a dedicated beginner and be familiar with how code looks and functions and you’ll find this video extremely helpful
Mostly of the video it is only just about styling. You can do the frontend with tools like Figma, and convert figma to flutter code. This is time wasting, programming an "design" in Dart, just good to stay in contact with the syntax. Then do some changes, test it and start with the backend. App development is easier than ever before these days... AI and Google will help you safe massive amount of time. All in all, very nice video learned something.
I'd love to learn flutter, but I've found that the functional paradigm is definitely better suited for UI development than the object-oriented paradigm, as you can see when you look at the flutter code....
07:30 thanks man sometimes i dont know how these widget works also ..iam beginner and i was stresses good to know good developers also get confused sometimes.
at 8:26 the app bar is extracted to 'appBar' at 12:37 the search bar is extracted to '_searchBar' Why the underscore in the latter? Is there a convention here or just personal preference?
Very good tutorial my only suggestion would be to add navigation to the a details page passing the the selected item in the list as a parameter. This would really round up the basics.
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
🌐 JOIN TO TELEGRAM COMMUNITY
🔗 t.me/flutterguysgp
You can DOWNLOAD Design file from HERE :
🔗 www.pixeltrue.com/free-ui-kits/fitness-app-ui-kit
😢😢M
I'm a senior web dev diving into flutter for the first time. This 25min video got me up to speed SO FAST. Thank you for skipping all the fluff and unnecessary explanations. This is exactly my type of content. Cheers!!
why not react native ??
@@babar-khanflutter is way faster
Thank you. Checking for comments like this is my first thing before watching a video; can save so much time!
This is 25 mins of just raw concentrated power. For the rest of my carreer, I will always remember this crash course. It took me 48 hours to learn it
This is the best intro to Flutter on UA-cam. Great work!!
Thank you!
What theme are you using?
@@flutterguys
Dracula
This is gold, I was delaying starting an app ideia and now I feel It can be done.
Also it was the first time I had to slowdown a video to keep up with it 🤣
Omg, the best tutorial so far with great explanation. I was kinda lost with other tutorials out there but man...your's very smooth and easy to understand! Thank you!
Glad to hear it!
Fine tutorial!!! Fine content. I stopped doing flutter for a while, this puts me back right on track.
same here
I'm just starting learning flutter, I was lost by how many tutorials there's, but luckily, I find this, smooth, great teaching, and qyickly to the point, I wish you can make more videos like this ❤️
Glad it helped!
@@flutterguys this should have part 2 🙏
I was lost after 8 minutes. Too much stuff is pushed in small videos.
thank you si mahdi a great tuto @@flutterguys
@@vinit095This video was really helpful for me. Just lower the speed to 0.75 and pause it as many times do you need. Don't give it up. It's definitely worth it. :)
Literally made guve me a head start for flutter. I wasn't even interested to start, trying from years actually to get interested. This video literally is life saviour. ❤❤
This is really the best tutorial for beginners to understand how things are connected to get started and even for those who have experience, this is far best tutorial to revise.
I saw a negative comment at the top, i believe he/she is a beginner, and trying to master flutter with this one video. While thats not possible. 🙂
Very professional way of using flutter power. Appreciate your talent and way of teaching in a short and sweet manner. Thanks again
✌❤
as a beginner i should say this is one of the best videos for flutter to catch the things up, great work
best topic on Flutter ever for basic learner. Thank you
Experienced iOS developper here, this is exactly the type of content that I needed to get Flutter's basic, thank you so much !
I am Junior Flutter Developer. You wrote very well, I learned a lot for myself, I enjoyed watching your 25 minute lesson.
Glad to hear that!
The most efficient tutorial I have ever watched! Thank you!
Bro, THIS IS a crash course that I've wanted, I don't need to know what is a variable, what is a function, I just need to know how to build things in flutter and from there I catch on. I already have 5 years of programming so this video is awesome.
This is the best explanation i have found in youtube on flutter, It would be great if you made more video of this type by increasing the complexity of projects and teaching new concepts of Flutter.
I will try my best
hey whats your theme
@@flutterguys
I so in love with this breakdown, it's understandable, in details. .. 😭😭, I finally understand some flutter basics, I love you 🥺
The greatest UA-cam video i ever watch please continue in the same type of content
Absolutely terrific tutorial, thank you a lot for the great effort 🤩
This tutorial was just amazing. Straightly and understandable
Just finished the video. I love your teaching style, I hope you make another one about Riverpod with this style.
Thanks! Will do!
I saw you have more videos like this, continue doing videos like this. For who is senior in other things it is a way easier to learn with a real project without unnecessary explanation. I going checkout other videos you did like this. Congratulations about the content.
These are the videos every frontend engineer must see! Thankyou so much 🌟🌟
Glad you think so!
If you pause the video and independently implement all the concepts explained, you will gain a significant amount of knowledge.
I just started coding in flutter , but this video is the best video I found. Thanks a lot!
very informative and to the point tutorial. Thanks @FlutterGuys
00:04 The best way to learn programming is to start building a simple project.
01:51 Flutter has two core types of widgets: stateless and stateful
05:16 Change the background color of the app bar to White and remove the shadow
07:01 Implementing the Flutter SVG package for displaying icons and modifying their properties
10:30 Use suffix icon and row widget to display an icon on the right side of the text field.
12:12 Implementing the search text field and category section
15:41 Create a method to get categories and return a list.
17:19 Convert list view to horizontal and increase width and distance between items
20:22 Implementing a container with a gradient color box and a view button
21:53 Implementing design changes and handling color variations based on a condition
24:57 How to display a clickable button icon using SVG picture
Very good tutorial for those who wants an overview of flutter
A little too fast for me, so I lowered the video's speed to 0.75. This walk-though project helped me a lot! I've learned so many things watching this video in such short amount of time. Thank you so much!
Best flutter crash course using the design to explain every decision made and also learnt cool vscode tricks for productivity
I'm new to flutter with c# and html experience. I'm so excited to get started.
This was the perfect pace I needed to get a good basic understanding of this. Amazing video!
Glad it was helpful!
Best introduction to design implementation!
it tooks 2 weeks for successfully learning every part. Thank you very much bro!
Glad to hear that!
@@flutterguys welcome
One of the best efficient intro flutter's tutorial I've ever seen
Glad to hear that!
This is by far best flutter intro.
The perfect video to start with flutter. You should say that extract to Method is less performantic that extract to Widget
bro taught me something in 25 min what i was planning to complete in month.
im glad youtube recommended this video to me
as a flutter junior It's a great recap for me
Thanks for your effort , keep it up👏
OMG! That was some intense 25min flutter tutorial that I ever watched!
Hi there! 🚀 This tutorial is a gem! 🌟 Your step-by-step guidance through Flutter basics is incredibly clear and easy to follow. The real project implementation adds a practical touch that truly enhances the learning experience. 🤩 I appreciate the effort you put into breaking down the usage of various Flutter widgets-it's like a smooth ride into the world of Flutter.
Your concise yet comprehensive approach makes it accessible for both beginners and those looking to reinforce their fundamentals. 🙌 The practical implementation alongside the explanation is a game-changer!
Big kudos for emphasizing the importance of using English language in the comments. 🌐 Let's keep the communication global! 🌍
Thank you so much for sharing your knowledge and expertise. 🙏 Looking forward to more insightful tutorials from your channel! 🚀✨
Thank you very much for your comment.. You gave us great energy. I hope we can be worthy of your beautiful comment.
one of the best tutorials out there about flutter
Very good content. As a swift, C# and JS developer, I think your content can give me a quick overview for Flutter, make it easier to know what’s the topic and tools I can take. Thanks you🎉
This is pure raw knowledge, thanks!
Great work. Btw, you can see that on section "Popular" (on minute 25:15 for example), the texts of the dishes are not vertically aligned. You need to put the SVG image inside a Container or SizedBox with an specific size in order to get that right, as you previously did on other parts of the code.
The "idk why it does that but here's how you fix it" at 7:40 is a perfect explanation of my first experiences using it haha
your teaching method is absolutely amazing. Thanks for this amazing tutorial
I'm glad you like it
the phase is fast but I am miraculously understand it, thanks!! this is great
Great video, your teaching style is impressive.
I appreciate that!
it was an absolutely good video to learn something about flutter in one shot! I just loved this tuto😍😍
OMG, what a great tutorial. plain and simple.
Thank you, for your video.
I didn't know about the IntrinsicHeight, after watching your video i've solved the issue on my project.
Finally, someone who moves quick. This dude moves so quick I'm going to use .75 playback speed.
This tutorial is the best! Thank you very much for sharing your knowledge :D
Greetings from Argentina❤
Glad it was helpful!
Ty man if i had something like this video when i first start
My learning curve would be a lot faster😂
THE BEST so far
this video is really good. I have subscribed and gave a like.
Awesome just what i needed 🎉
Great Tutorial, to the point and no bs
Your channel is very underrated, you deserve more recognition and love! Thanks for the content.
Glad you enjoy it!
I like this! Just subscribed mate 🥳
Thanks for the sub!
I just learn flutter last week.. thank you again :D
That's great!
this is great and straight forward. love to watch complex codes too
Which extension you used to show the mobile screen??
Extra Ordinary Tutorial .. Kudos
fast paced and helpful 🔥❤
First i need exactly tutirial like this to start my journy🙏 thankyou sir... New subbed
For those who encounter lagging when scrolling vertically/horizontally, it looks like on old phone like Oppo f9 is quite heavy to render those SVG files, great tutorial anyway!
The way you teach is Amazing 😍
Glad you think so!
Where have I been from the last hours! this could save me time!
Hello, first of all, thank you for the video. Could you please make a video for the other pages of the application in the video?
Very interested. Thanks for sharing! ❤
Great video, thanks guys!
beautiful and concise. The AI voice is almost perfect
What computer generating voice program did you use for this video? I was impressed.
This is not the course to start your programmer learning with. It’s is an amazing video, but you should actually be a dedicated beginner and be familiar with how code looks and functions and you’ll find this video extremely helpful
Great video, thank you so much ❤
Good job with the video, is exactly What I was lookig for, just 1 question what software do you use for mockup. Thank you for your time
I don't use mockup, I use Android Studio screen recorder.
He was using Figma
This best flutter video i saw so far;
Awesome, I like your teaching style, can you make another video like this with go router?
Yes I will
Exceptionally well explained !
i am junior flutter developer, but i understand and i can this all .
Fun tutorial thanks! 👌
thank you so much! im in college i got a job as junior dev recently this helped me so muchhhh 💗💗💗💗💗💗!!
Glad I could help!
Good! You do this very well! Make more of this! 👍👍👍👍👍👍
I appreciate your effort, please make more such videos
Thank you very much man, you are absolute legend
This is beyond beneficial. Thanks a lot!
Glad it was helpful!
Mostly of the video it is only just about styling. You can do the frontend with tools like Figma, and convert figma to flutter code. This is time wasting, programming an "design" in Dart, just good to stay in contact with the syntax. Then do some changes, test it and start with the backend.
App development is easier than ever before these days... AI and Google will help you safe massive amount of time.
All in all, very nice video learned something.
To use AI or something esle you have to know something otherwise a farmer can develope an application using AI
I'd love to learn flutter, but I've found that the functional paradigm is definitely better suited for UI development than the object-oriented paradigm, as you can see when you look at the flutter code....
Unbeliavable good, ty❤
Excellent video!
07:30 thanks man sometimes i dont know how these widget works also ..iam beginner and i was stresses good to know good developers also get confused sometimes.
Bro this was superbb👌🏻👌🏻
I haven't seen a tutorial like this 💯💯
Thanks a lot ❤
My pleasure 😊
That's most probably the first video ever I've watched at a speed of 0.75... 😁
But it's definitely absolutely great! 🙂
at 8:26 the app bar is extracted to 'appBar'
at 12:37 the search bar is extracted to '_searchBar'
Why the underscore in the latter? Is there a convention here or just personal preference?
Very good tutorial my only suggestion would be to add navigation to the a details page passing the the selected item in the list as a parameter. This would really round up the basics.