Flutter Tutorial For Beginners in 3 Hours
Vložit
- čas přidán 28. 07. 2024
- Learn flutter with this Flutter tutorial for beginners 2022. This is the best way to learn flutter from scratch in 3 hours. We start by installing Flutter on Windows and Mac and then you will learn how to actually use Flutter in real life. Every section is separate into different sub video to make sure you can find the Flutter topic later on. This flutter 2022 tutorial is the introduction of the complete Flutter Zero to Hero course available in the description down bellow. If you want to have access to the next 8 modules how to learn flutter, go on FlutterMapp.com. This flutter tutorial is the complete way to learn Flutter in 3 hours. I wish I had this tutorial when I started with flutter and dart. You don't need to know dart neither flutter to watch this video. Anyone without coding experience will understand this flutter tutorial for beginners. Every flutter beginners should watch this tutorial because it is very structured and super simple to understand. If you want to learn flutter in 2022, this tutorial is the way to start. We will learn how to install flutter and even all the flutter widget basic widgets. You will be able at the end to understand the basic of flutter and this in 3 hours. I hope you enjoy this 3 hours video about how to learn flutter for beginners. This is a flutter tutorial for beginners by Flutter Mapp.
FREE FLUTTER CHECKLIST
A Free step by step guide to learn Flutter available here: www.fluttermapp.com/checklist
NEW VERSION
Learn Flutter 3.0 in 1 hour: • Flutter Tutorial For B...
PLAYLIST OF THE SAME COURSE
Follow the course with the Playlist here: • Flutter Tutorial For B...
COURSES
Flutter courses: www.fluttermapp.com/
OVERVIEW
0:00 Flutter Tutorial For Beginners
0:17 Install Flutter - Windows
5:13 Install Android Studio - Windows
8:38 Android Studio Emulator - Windows
14:27 Install Visual Studio - Windows
18:57 Install Flutter - Mac
26:18 Install Flutter - Mac M1
31:18 Install Android Studio - Mac
34:48 Emulator & Licenses - Mac
40:09 Install Visual Studio Code - Mac
43:28 Install XCode & Simulator
45:50 Extensions you should have
47:45 1. Flutter Create
50:53 2. Differences
53:14 3. Run Emulator
56:16 4. Start From Scratch
1:05:15 5. App Bar
1:06:33 6. Debug Banner
1:09:53 7. Body
1:11:50 8. Bottom Navigation Bar
1:18:16 9. Constant
1:19:12 10. Icons
1:21:56 11. Format Document
1:23:46 12. Center
1:25:09 13. Refactor
1:27:04 14. Elevated Button
1:29:46 15. Print
1:31:50 16. Crate a variable
1:34:44 17. StatelessWidget StatefulWidget
1:39:47 18. Select Bottom Navigation Bar
1:45:33 19. Column
1:50:26 20. SizedBox
1:52:36 21. double.infinity
1:54:29 22. Row
1:57:12 23. Button Style
2:00:11 24. Container
2:02:44 25. Conditions
2:05:50 26. Image Network
2:08:35 27. Image Asset
2:12:56 28. Widget Catalog
2:16:13 29 (Part 1). Navigator
2:26:08 29 (Part 2). Context
2:28:32 30. Navigator & solve problem
2:37:51 31. Icons8
2:39:39 32. Icon Launcher
2:45:10 33. Gesture Detector
2:50:16 34. Cheat Sheet (Available with the course only)
2:57:57 35. Split Code
3:02:32 Practical Exercise
3:03:59 Practical Exercise Solution
3:13:31 Next Steps + Full Course
MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and straight to the point Flutter videos.
RECOMMENDED
Top 30 Flutter tips and tricks: • Top 30 Flutter Tips an...
DISCORD
Invite: / discord
SOCIAL MEDIA:
Instagram : fluttermapp
Twitter : FlutterMapp
Website: www.fluttermapp.com
CONTACT
For business inquiries email me here: info@fluttermapp.com
Website: fluttermapp.com
#FlutterTutorial
#FlutterTutorialForBeginners
#Flutter
![The Complete App Development Roadmap [2024]](http://i.ytimg.com/vi/yye7rSsiV6k/mqdefault.jpg)
![The Complete App Development Roadmap [2024]](/img/tr.png)
This tutorial is truly a gem! Thank you very much for explaining from the very basics, it's just what I needed!
I’ve seen a lot of flutter tutorials on CZcams but this is the best so far!!! I understood everything I need to know to get started…. Thank you so much and I’m stuck with your page👍🏽👍🏽
The company moved me to a Flutter project. Was very frustrated after all the setups I had to do but your content really gave me back the motivation to keep on going. Thanks from Vietnam
1 and a half hour so far and this video is amazing, the way you explain everything makes learning so easy! Congrats on this amazing course
Been trying to learn flutter for a while now, and just when I was beginning to lose hope I found this video, dude is very clear and explains every concept well 👌 highly recommended
Thanks sooooo much Lunga, I trully appreciate it 🔥🍿👏👏
I have been Feeling the same way
This has given me the push I needed. I cant thank you enough. Just what is needed to start from scratch
it's nice. my only suggestion is make a simple and interesting looking project and use it to lure people. People are more interested when they see the end result first, at least for me. This way people become more motivated to watch the whole video since they want to achieve the end result.
I agree with this. It's hard to stay focused when you are just going through a checklist of language features it's much easier to learn with an actual project from the ground up knowing where you are heading.
@@unixtreme everybody has a different way of learning ...
yeah i second this
Damn, I like this idea! I was going to make a 30 minutes and 1 hour version of this. I will do your idea for this. Thank you very much Fatih you are right I think 👏🔥
I agree, although it's good that he posted this video as well, at least we can get to know the basics. I've seen many videos before on people doing the project but I was always confused
Great course and thank you for the free content. I can't afford your "Zero to Hero" course right now, but when I can I'm doing it for sure. Kudos :)
Very nice tutorial and goes in depth pretty well. The idea behind how a Flutter app is structured never settled with me, however, you've made that clear for me so thanks. 👍
This was a great starting point for me. Thank you very much for making this, I feel a lot more confident in making apps now. Hardest part was probably getting everything setup at the beginning lol
100% setting up flutter is terrible lol. I wish you the best Telv 🔥
this video is so helpful and amazing, love your energy!
I have been watching this 3 hours tutorial and never felt a dull moment (that's truly amazing)! You were answering all the questions during the video which was coming in my mind. Truly grateful for this gem!
Damn!! Nice to know! Thank you very much Khan! I appreciate your comment 👏🔥
Thank you for such a great tutorial! Everything was understandable!
I just want to thank you for this great video it is officially the first video I follow in this my new journey trying to discover and learn flutter and that's what I liked about this video it's simple to follow and understand and that's really important. Thank you!
I love how you're literally going with baby steps.
Love it man.
Trust me, it is really useful
Have never commented videos, but this video was so useful. Thank you man ! Amazing job 👏
Just completed this course and wanted to say....Most underrated video of Flutter on youtube , you're truly a gem man.......thank you so much for making flutter super easy to understand♥
love from India💝
firstly I thought this guy has a lot of problems in coding. but you make these mistakes because you want to show us how to solve the problems Thank you so much. Good job.
Wow Wow Wow. This is by far the best Course i have ever taken in my life. Very comprehensive and was very easy to follow along thanks so so much
got to be one of the best courses I have come across, I am a software developer student, and this course just made it easy for me to start building my own applications. Better than those tutorials you have to seat 37 hours and end up with tutorial Hell. got to say thank you for this masterpiece🤝🤲
loool, 37 hours is a long time 😂😂😂 Thank you btw!!
This course is perfect for anyone who has already some experience with OOP and is looking to get started with Flutter, he introduces to most important basics, and from there you can use your googling skills to build anything you want!
Thank you so much for the nice comment Anas! I truly appreciate it! 🔥👏👏
He talks about backend ?
@@appdev7864 Sadly no, but if you learn the basics, you can then easily learn how to make api requests
@@LearnTogetherYT ahhh pkay thank u !
Amazing! This is the best explanation for beginners how to work in Flutter. Thank you!
Really helpful. Thank you for this tutorial. Concise and clear.
New 80% OFF on the Flutter course (Limited to 100 persons): courses.fluttermapp.com/p/flutter-for-beginners?coupon_code=ONLY100
FREE Flutter Roadmap Guide Available Here 👉 fluttermapp.com/
Hi, is the course on your website "Zero to Hero" for current version 3.0? Thanks
Can you teach how to create pinned shortcuts in flutter?
That's the best tutorial I've seen in my entire life. Even udemy paid courses aren't as good to begin with as this video is. Thanks a lot. My honour
Half watched the video , I loved the way of delivering the content....Thank You ❤
Thank you for this great course. Really like your instruction technique, made learning easier and fun. Do you have any instructions for creating a simple app that does simple calculations at all please? Thank you
I understood flutter better now. Thank you this tutorial is high quality.
This is surprisingly good. I usually don't like simplistic videos, but this one shows what a quick tutorial should look like.
Thanks man, good work!
Just in time... Yesterday I was frustrated and I told my wife I was determined to learn flutter. I'm finally understanding! I'm loving your video so far. Thanks brother!
Letsgooo! Did you watch all the tutorial already Elvo? I really hope this will help you in your Flutter journey. 👏🔥🔥
I'm on the part where you decide with an if statement what to use as a child. I like to tweak a bit as I follow the tutorial. But I'm getting there!
I liked your tutorial, is a good start to learn. Thanks!
This tutorial is an excellent resource for anyone who wants to learn Flutter. The instructor is very knowledgeable and explains the concepts clearly. You don't need to look further to find a high-quality lecture on Flutter. It is exceptional.
Thank you so much. You made me understand Flutter within a twinkle of an eye. God bless!!!
this video helped me clearly understand the basic of flutter, really appreciate that
thanks a lot man, you did a awesome video
Thank you very much Chiew I appreciate it 👏⚡️⚡️⚡️
Thank you so much! Really the best ever explanation of Flutter!
I appreciate it a lot Renato, thank you 👏⚡️⚡️
I like this impromptu set up(bit entertaining). I'm currently learning the very basic of flutter some videos are very advance, skipping why home and scaffold exist...
This is the video i need, thank you❤️
Thank you very much Orewa, I drank to much coffee maybe for the tutorial 😂😂👏
Almost gave up on learning flutter but it turns out it is quite easy when the right person teaches you
Love this tutorial, very educational :)
Thank you a lot .....you are the best
and your way of teaching is really amazing
meaning of perfection is this video !!... respect ur efforts when u taught us how to sort-out/learn it by ourself ! 👏🔥
This is the best video and teacher I never seen before .Thanks a lot
Great tutorial, thank you very much.
I know all of what you said but whatever, i enjoy the 3 hours,thank you so much,clear voice, best teaching
Thank you so much sir! Best ever explanation of Flutter basics!
Pleasure, thanks for the comment Rega 🎉💪
A long wait comes to an end!!! Thanks a lot ❣️
Thanks to you Magesh. I really appreciate the comment 👏🔥
I really appreciated the way you explain sir. Thank you so much
Wow This is the best flutter tutorial i have ever seen so far. Thank you so very much. I really appreciate it
Thank you so much sir, really helpful and 0 boring tuto and love the accent.
Good work you have here boss, smooth breakdown. Thanks a bunch.
Thank you very much!!
I just stumbled upon this video by pure luck. This is by far the best video I’ve seen on Flutter to date. Kudos my friend.
Thank you very much Edgar, I really appreciate it 🔥🙌
Great tutorial! Thanks
Thanks a lot, you helped me to learn so much...
Bruh, I bought an Flutter course and struggling with it for about 1,5 month. Your video explained me more than the paid course... What a difference! Good job! And thank You so much!
You can do it!
😊👍🔥🔥🔥Thank you sooo much, this’ the video I’ve been waiting for, from you🤝
Letsgoo!! Thank you very much for the comment Arinaho I appreciate it 🔥👏
Superb tutorial.. I love how you pick out each topic and give a very interesting explanation. Thanks
Thank you very much Festus, I do appreciate it 👏🔥
as someone who started learning flutter a day ago, i can say this is hands down the best tutorial on flutter i've seen, good job!
Let's goooooo!! Thank you. PS: I guess it will be time to make an update with the same structure 🔥
this is the best tutorial flutter for begginer , everything explained easy
amzing video! answered all the questions i had
Thanks for this toturial
I'm really liking this tutorial and I'm only 14 minutes in. What I like is that already I'm getting to do stuff that works
Yeah its very very shorts video one after the other and the goal is to learn something new every 5 minutes or so 👏🔥 Thanks for the comment Mike!
This tutorial is awesome 🔥Covers the basics and is suitable for absolute beginners 💯
complete in 4 hrs, quite straightforward and clean, show all basic steps and way to debug / google. GJ!
Thank you very much 🙏🙏🙏
Thank you Somuch, you made my life so much easier
Thanks so much for this details and useful course, it help me a lot with my college project
Pleasure!
Excellent tutorial!!
The best tutorial on Flutter so far!!! Thank you so much
Wow, thank you!
thank you sososososososo much for this kindful tutorial.... I really like how you teach it... please make more videos about flutter 3.0!!! I'll watch all of them and recommend to my dev friends too!!! thank a lot again! God bless you!
I will do it with Flutter 3.0 🙏🔥
Love it! Thank You so much!
Pleasure Sayed 🔥🔥🔥
This is excellent. Taking the analogy about giving fish or teaching to fish: this tutorial is all about *teaching* you to fish.
Si haces uno como este en español se agradece, de todas fomas muchas gracias es genial
This will helps many business owners keep sharing this kind of information. Thank you so much for providing informative tips.
Thanks a lot Alicia, I appreciate it 🔥👏
Fianlly understanding Flutter because of you bro, many thanks
OVERVIEW
0:00 Flutter Tutorial For Beginners
0:17 Install Flutter - Windows
5:13 Install Android Studio - Windows
8:38 Android Studio Emulator - Windows
14:27 Install Visual Studio - Windows
18:57 Install Flutter - Mac
26:18 Install Flutter - Mac M1
31:18 Install Android Studio - Mac
34:48 Emulator & Licenses - Mac
40:09 Install Visual Studio Code - Mac
43:28 Install XCode & Simulator
45:50 Extensions you should have
47:45 1. Flutter Create
50:53 2. Differences
53:14 3. Run Emulator
56:16 4. Start From Scratch
1:05:15 5. App Bar
1:06:33 6. Debug Banner
1:09:53 7. Body
1:11:50 8. Bottom Navigation Bar
1:18:16 9. Constant
1:19:12 10. Icons
1:21:56 11. Format Document
1:23:46 12. Center
1:25:09 13. Refactor
1:27:04 14. Elevated Button
1:29:46 15. Print
1:31:50 16. Crate a variable
1:34:44 17. StatelessWidget StatefulWidget
1:39:47 18. Select Bottom Navigation Bar
1:45:33 19. Column
1:50:26 20. SizedBox
1:52:36 21. double.infinity
1:54:29 22. Row
1:57:12 23. Button Style
2:00:11 24. Container
2:02:44 25. Conditions
2:05:50 26. Image Network
2:08:35 27. Image Asset
2:12:56 28. Widget Catalog
2:16:13 29 (Part 1). Navigator
2:26:08 29 (Part 2). Context
2:28:32 30. Navigator & solve problem
2:37:51 31. Icons8
2:39:39 32. Icon Launcher
2:45:10 33. Gesture Detector
2:50:16 34. Cheat Sheet (Available with the course only)
2:57:57 35. Split Code
3:02:32 Practical Exercise
3:03:59 Practical Exercise Solution
3:13:31 Next Steps + Full Course
Thanks man learned a lot
Loved the way you explain things at the lowest level. 🔥
The way u explained concepts awesome great job
Dude, I've been developing software for many years, but I couldn't learn Flutter. I tried different courses, but none of them were as good as yours, great!
Congratulations and im waiting for more...
Thank you for the nice comment! Have a great day 🙏
The best tutorial I have come across!!!!! Thank you
Pleasure!! 🔥🔥
Thank you so much
Thank you sooooo much
Very helpful thanks 🙏🙏🙏👍
really needed this refresher, thanks for the great tutorial!
Glad it was helpful!
Like you videos, keep it up!
Very very helpful tutorial, please make part 2 advanced
Amazing !I love it
perfect, exactly what i was looking for,
thank you!
thank you, very good.
Absolute Masterpiece🔥
crystal clear tutorial.
Thanks for this
this is the perfect tutorials for beginner
thanks so much! Very easy to understand
You're very welcome!
I have always wanted to learn flutter so I can make apps and a UI for fuchsiaOS desktop. This tutorial is saving me fr
Pleasure! Thanks for the comment! 🔥
Thanks a lot
@2:26:30 , the navigation works for me without having to create a stateless widget within the Material App, maybe because of Flutter 3.0
I love you man. You are my hero.🤩
Far better explanations than the chuff in the official flutter channel. Kudos
The perfect flutter refresher✨
This video is so great to understand Flutter, thank you respectfully
I find out that is on the macOS
time stamp- 2:45:20
you are my life saver!! thank you!
👏👏thx for sharing us this course keep it up
Pleasure, thank for the kind comment Okan 👏🔥🔥