Flutter Roadmap | How to Learn Flutter

Sometimes figuring out what to learn is the hardest part of learning. This is a roadmap that leads you step by step of how I would learn Flutter and guides you from learning Dart to Beginner, Intermediate, and Expert level Flutter developer.
I Built a Site to Learn Flutter: hungrimind.com
Download this Roadmap: tadaspetra.ck.page/products/f...
More Learning
Widgets: • Widgets - Flutter Deep...
Join Unicorn Start Up: • Running a Unicorn Star...
Debugging: • Easy Debugging with Br...
Amplify vs. Firebase: • AWS Amplify vs Firebas...
Linting: • Clean and Organized Co...
Responsive Design: • Responsive Layouts for...
State Management: • Top 10 State Managemen...
Navigator 2.0: • Why Navigator 2.0 Sucks
Testing: • Unit Testing with Mock...
Deploying to Play Store: • Deploying Flutter App ...
Deploying to App Store: • Deploying Flutter App ...
CICD: • Flutter CI/CD with Cod...
Support Me
✦ GitHub Sponsors: github.com/sponsors/tadaspetra
✦ Patreon: / tadaspetra
Connect With Me
✦ Twitter: / tadaspetra
✦ Chat on Discord: / discord
✦ My Website: tadaspetra.com/#/
✦ Twitch: / tadaspetra
✦ Instagram: / tadaspetra
0:00 Introduction
0:40 How to Learn Dart
3:58 Widgets
4:42 User Inputs
4:57 Debugging
5:44 API Calls
6:21 Database Integration
7:12 Navigator 1.0
7:44 Linting
8:29 Responsive Design
9:13 State Management
10:17 Navigator 2.0
10:35 Project Architecture
11:36 Testing
14:00 Animations
14:19 Deploying Apps
14:41 CICD
15:11 Becoming a Flutter Expert
Thank you for watching!
#Flutter #FlutterRoadmap #LearnFlutter

[@its_me_mahmud]

Beginners must follow this roadmap 💙

[@ovo-aeon]

Thanks a bunch @Tadas Petra. Gives me more structure.

[@vitaliyshastun4162]

Thanks! It's very helpful to have a clear vision of what to do (and what not to do) in order to achieve best results ☀

[@akashr8367]

1:36 grapheme clusters are used for parsing strings in grapheme units ( example would be a word-processing app )

[@Giovanny1307]

I like the way you explain things; really clear and concrete.

[@FlutterMapp]

Damn really cool video Tadas! Very structured, commenting for the algo so it can reach more people 👏

[@tadaspetra]

Thank you! And hopefully this helps a lot of people get started 😊

[@johnmw170]

Thank You for the passion of helping us learn.❤❤❤

[@giaphucnguyennho6313]

Cool video, thank you. I've been learning Flutter intensively lately, but very unorthodox-esque! A clear roadmap like this should be followed.

[@tadaspetra]

Good luck!

[@Lee-qw2qf]

happy new year mate!..looking forward to some mind blowing breakthrough stuff. bless you

[@tadaspetra]

Happy New Year! And let's see if I deliver :)

[@SalmanShaikh-bq5tt]

Thanks bro just made a list for this And its really good to see a pro also sharing same thing😋😋

[@tosin0860]

Beautifully Curated. Thanks Mate

[@jeremyward9363]

Solid roadmap. Can confirm.

[@sa3edist]

Thank you for your help and advice

[@leoingson]

Great! I like the state management approach, will follow it. The timeframes offer some insights.

[@tadaspetra]

Yea learning something like programming takes time. Its not something that can be done over night. Just be patient and you will get there!

[@deathsumoon]

Thank you! Do you recommend any valuable 2022 tutorials?

[@ahmedbaig8543]

Sir you are doing such a great work Much appreciated Keep it up Peace 💙❤

[@mohamedayad8208]

thanks for this video helped me a lot

[@campfirecult4375]

Thank you for this excellent roadmap!!!

[@tadaspetra]

Thank you for watching!

[@marcobuhl8160]

I also recommend to learn everything from GetX in the beginning because it's so much more than a statemanagement. I think it's one of the best packages out there.

[@morshedraiankhan6968]

To the point roadmap

[@edu28811]

Thank you very much

[@329bablu8]

Thanks bro that was really helpful

[@historyrevealed01]

very helpful, thanks

[@lordamadeus5253]

Very useful, thank you so much!!

[@tadaspetra]

Thank you for watching!

[@imanhavangi]

thank you! this video help me a lot. keep it up 🔥

[@tadaspetra]

thank you so much!

[@RehtseStudio]

This was soooooooooooo easy to understand. I'm a developer, more on the game dev side, and I understood everything.

[@tadaspetra]

Awesome! I'm really glad to hear that!

[@sachinbasnet8258]

Roadmaps are not supposed to be hard to understand 😂 do they ?

[@yitowee]

THANKS FOR THIS!!

[@tadaspetra]

Thank you for watching!

[@irhasdev]

In job vacancy it always require bloc or other state management, please talk about this more, how we can confident about this

[@lotfiholmes6397]

Came here as soon as I saw the Desktop update xD Thanks for making this video

[@tadaspetra]

Thank you for watching

[@clevercoder8696]

nice

[@bisquestudio]

this is great foundation map

[@tadaspetra]

Thank you!

[@LoneLeagle]

As a Windows user, I just hope I'll only need a virtual IOS MAC environment when testing & deploying the IOS version of apps in Flutter to keep virtual MAC instance server costs down.

[@alieldeeb2000]

good

[@thiagoperea6647]

whoa this is a mine of gold! Thank you sooo much!!

[@tadaspetra]

Glad you think so :)

[@nischayyadav1982]

Hey I have doubt , I know a bit of flutter but I do not know that weather MNCs have a bias towards a specific tech? for eg Microsoft has made React...

[@yusufkiris5473]

Im not interested into Flutter so i wont watch the video but i just love the cover photo 😅 It is like the photo that people was waiting for decades to see. Really impressive and interesting... Even someone who is like me could click to the video.

[@tadaspetra]

I appreciate it. I don’t necessarily think it’s that good. But it’s my most watched video so maybe it is 😅

[@ShoppingBored]

Thanks for the tip. Do I need to be good in UI/UX for a flutter developer job?

[@tadaspetra]

Depends on the job. If it's a job that focuses on UI it would be a good quality to have, but also if the company is big enough they should have designers, you just need to be able to take those designs and turn them into flutter code

[@biplabdutta]

The thumbnail 😂😂 that's creative 👏

[@tadaspetra]

Haha glad you like it

[@wajidh8267]

❤❤❤❤

[@jahstrong_temu]

Can you please 🥺 teach me flutter. I really understand your explanation

[@AYush-r7l]

give link to the resources by which one can learn

[@arunavabasu4369]

How do I resolve my doubts

[@shadyarbzharothman8689]

Thanks, Is there any good tutorial or resources that I can learn project architecture? I like your project structure, If you can tell me about it, really really thanks

[@tadaspetra]

I have this video :) kzbin.info/www/bejne/g6WXYnmmiLhgjNE

[@shadyarbzharothman8689]

@@tadaspetra Thanks, sorry I didn't see it soon, very thanks

[@checkupapp]

I see your bulls fan? if your in chicago I would love to take you out to lunch! lol

[@Tafara_Shumba]

What makes the roadmap unavailable in my location?

[@ReactJs-dy2mm]

Hey, dc superman didnt play the role in future so you can go for an audition maybe hired who knows

[@ankiy]

Can please 🥺🥺 share the link of ur 👓 i m just loving it 😍

[@tadaspetra]

Haha thank you, I got them off of zenni optical

[@theyouthmedia9451]

I'm currently learning java and it is doing very well. Should I stop learning Java and start learning Flutter or SHould I just keep studying Java and study Flutter later?

[@akshaymanta55]

I'm going through the exact same situation. So what did you do ultimately?

[@MnemonicCarrier]

Is it worth learning Flutter? I was a C++ developer, but have now found myself in a situation where I have to learn new marketable skills. I decided to learn Dart/Flutter (no particular reason - just picked it at random). Recently I've been a little concerned that I may be wasting my time as I've seen a lot of videos claiming "Flutter is dead", "Flutter is useless", "Flutter is really bad" (etc etc etc). I understand the main argument - that Flutter is reliant on plugins to access the mobile handset's native services. Is this really that big an issue? What are the chances of Flutter being abandoned?

[@tadaspetra]

I can't really predict the future, but to say Flutter is dead right now, when it has grown to be the most used cross platform toolkit doesn't make sense. It's been growing fast year after year, and I don't see it slowing down anytime soon. But again, we never know what can happen in the future

[@MnemonicCarrier]

@@tadaspetra Nice one, thanks!

[@vivekjunghamal5730]

Flutter is dead... hmm ! That makes sense cause my IDE was asking me to upgrade Flutter (and this happens almost every week, sometimes days). Don't this make you feel that flutter is more alive than others ? Is flutter stable and matured ? Definitely no! but dead, that's not even another side of the coin. Flutter is like a next gen kid growing in exuberant speed and being loved by whoever encounters it. You are an experienced developer, one of the leaders driving this world. You know what to do and how to do, probably a lot better than me.

[@MnemonicCarrier]

@@vivekjunghamal5730 Thanks! A very interesting way to look at it 🙂

[@victorkomolafe4982]

Wow! Our stories are quite similar. Istarted with c++ but trying to migrate to flutter for the same reasons as you. With that being said, Id like to know if there any any relationship in the syntax or concepts similar to c++

[@LOOKSDOESMATTER1]

Updated CSS ON YOUR SITE

[@fhzaki]

Second 😊

[@poisonels8023]

Hello I have a question. I created an app on iOS for the first time. To publish it, someone add me to his account. I accept the invitation but it's all what should I do after that. I have no idea of how to signing, how to build the app and de deploy it on app store. Can you please help me.

[@tadaspetra]

I have a video on this topic. Just search for releasing to app store

[@mazenalsakkaf]

Thanks..but why I cannot download the roadmap in my area...do you have another link

[@tadaspetra]

Send me a DM on twitter, I will give you it there

[@mazenalsakkaf]

@@tadaspetra Many thanks Tadas..I have sent you a message on Twitter 👍🏼

[@karolisabrutis6501]

whats flutter??

[@Add0w]

I can't download it, I got this error: "Sorry, this item is not available in your location."

[@tadaspetra]

Message me on Twitter I’ll send it to you

[@codermehul]

unable to download the roadmap

[@tadaspetra]

Message me on Twitter @tadaspetra and I can send you it there

[@versonality4435]

i am not come here for watching video i am here for give a like for thumbnail

[@tadaspetra]

lol works for me 😂

[@mohammedfoad9020]

Sorry, this item is not available in your location.

[@tadaspetra]

Message me on Twitter, I’ll send it to you

[@athulkrishnadiyil1735]

First

[@henrytan5707]

Again, before you jump into widgets, you must have an overall understanding of material design and human interface guidelines layout structures. Otherwise you won't get it.

[@emtydeeznuts43]

How did you do it or any idea where I can learn cause man frontend is the only thing I can't seem to get no matter. 😮‍💨

[@henrytan5707]

@@emtydeeznuts43 I don't know much about Flutter in detail. I just looked into it for a while. In my impression, object-oriented-programmingwise, Flutter is not like Java programming in some areas. In java programming, you do everything from defining classes and the constructors, and then you instantiate the classes into objects and use them in your programs. In android programming using java, the front-end pages are constructed using XML and the resulted XML file is converted automatically into a java class file so you can use it in your java programming where the business logic is programmed. However, in Flutter development platform, the programming work mostly is in defining constructors from standard Flutter classes, which we call widgets, or making customized classes by inheriting the Flutter standard classes. What you don't need to do is the class instantiation to create objects, which I think Flutter does it for you in compiletime. Those are frontend programming in Flutter, also in Flutter's business logic programming, Flutter does it in the same manner as in frontend programming, Flutter developers created standard classes called 'bloc' widgets with which you program your backend business logic. Flutter is based on Dart programming language, Dart is like Java, but just it is another oop language. In fact Dart is more like Kotlin language in the area that every basic programming element is a class that needs instantiation into objects to use it, but in java, some elements are not classes yet, like some primitive data types. Overall, their oop principles are the same. That's my impression of Flutter, I hope it helps, and if you see otherwise please share with us, 😜 thanks.

[@zzzyyyxxx]

Lmao did you just change the year in the title from 2022 to 2023? This video is from January 2022.

[@tadaspetra]

Yea it still applies to how I would approach it for this year too

[@zzzyyyxxx]

@@tadaspetra What do you think of Flutter Web after Flutter 3 (for web apps not content or SEO based sites)? Do you think performance is good enough now?

[@tadaspetra]

@@zzzyyyxxx I personally haven’t built anything crazy with it, but I’ve heard some complex websites being with it and performing well

[@zzzyyyxxx]

@@tadaspetra Thanks! Would you mind doing a tutorial on it in the future with perhaps something crazy? No worries if not though

[@abrishphoenix]

thembnail 🤣