Flutter Basic Training - 12 Minute Bootcamp

Поделиться
HTML-код
  • Опубликовано: 11 янв 2025

Комментарии • 629

  • @Fireship
    @Fireship  3 года назад +211

    Good morning recruits! I'm finally happy announce the new FlutterFire v2 course is live! Use this code to take 30% off a PRO membership ibTd664q fireship.io/courses/flutter-firebase/

    • @Fireship
      @Fireship  3 года назад +7

      @my_yt_channel PayPal works for single courses. DM me and I can setup manual access via PayPal

    • @gowasnoga
      @gowasnoga 3 года назад +1

      How many hours of course material is in full paid version?

    • @jdoa91
      @jdoa91 3 года назад

      Can't find any place to set the 30% off code :(

    • @axelbryancasauran5159
      @axelbryancasauran5159 3 года назад

      ​@@jdoa91 login and select a course.. then it should be there in the checkout below the Credit Card info.

    • @waiyanmyintthu
      @waiyanmyintthu 3 года назад

      does the quiz app in FlutterFire course include CRUD operations with firebase??

  • @paultwocock5421
    @paultwocock5421 3 года назад +767

    "To get good at it you'll need to stop watching youtube and start building something"
    *True*

    • @HandledToaster2
      @HandledToaster2 3 года назад +25

      This is such an important advice that so many people don't realize they need.

    • @justadot5471
      @justadot5471 3 года назад +2

      I would love to but this f*cking problem with windows 11, ryzen, wsl2 and android studio is killing me! Can I sue someone for not allowing me to create an app that will earn me millions of $$ ?!

    • @paultwocock5421
      @paultwocock5421 3 года назад +1

      @@HandledToaster2 exactly for real he's talking to me

    • @rendoesmath
      @rendoesmath 3 года назад

      @Given ye true for development Linux is the best bet

    • @rei2502
      @rei2502 2 года назад +1

      and for anything in programming mostly

  • @tony_wxyz
    @tony_wxyz 3 года назад +938

    Jeff, 12 months ago I started closely following your content.
    I worked on side projects, I started a routine and I learned how to learn, all from your videos. To top this year off I scored a role as a software engineer at an awesome company, a job that I thought would always be beyond me.
    Today I signed up for lifetime access to fireship pro, to say thanks. But to also pay it forward, so you can keep putting out content and empower others like you did me.
    Thanks again mate, all the best.

    • @Fireship
      @Fireship  3 года назад +150

      That's awesome, congrats! It'll put your investment to good use :)

    • @белка-у8б
      @белка-у8б 3 года назад +3

      Man, I have that situation like you :)

    • @ytbook9639
      @ytbook9639 2 года назад +1

      Can you share more how you learned

    • @buuuba7022
      @buuuba7022 2 года назад

      You are not a software engineer unless you have a degree to back it up, you are just a programmer.

    • @Dion-es6qx
      @Dion-es6qx 2 года назад +33

      @@buuuba7022 I have a degree. The only thing its useful for is to help get your first job. Your on-the-job experience quickly supersedes any knowledge you got from your degree.

  • @mohannadalnono5222
    @mohannadalnono5222 Год назад +81

    12:08 almost most useful 12 minutes in my flutter development career.
    It have revived a lot of missed concepts

    • @lucascamelo3079
      @lucascamelo3079 7 месяцев назад

      True, I'll start refractoring my app after that.

  • @avneesh0612
    @avneesh0612 3 года назад +1005

    This 12 minute course is better than so many 12 hrs course 🥵🤣

    • @vaisakh_km
      @vaisakh_km 3 года назад +9

      For sure...

    • @yaminnather521
      @yaminnather521 3 года назад +43

      OK so what is a render object

    • @codingsense
      @codingsense 3 года назад +6

      @@yaminnather521 LOL

    • @robertpietraru1939
      @robertpietraru1939 3 года назад +2

      @@yaminnather521 What is it?

    • @yaminnather521
      @yaminnather521 3 года назад +19

      @@robertpietraru1939 the render object is the object that actually does the layout and painting of ui on screen. Widget is just the settings or parameters for the render object

  • @Killerbear02
    @Killerbear02 Год назад +7

    I love how you just blast through the important stuff and avoid unnecessary bla bla. Just what i want. 12 minutes densely packed with pure knowledge. Amazing video.

  • @harshagnihotri9318
    @harshagnihotri9318 3 года назад +429

    Literaly nailed the "certificate" thing🤣... "i watched 12 minute RUclips video"..... u are really my FAV tech dev out there... and then u do this🤣

  • @mohamedemad8901
    @mohamedemad8901 2 года назад +13

    every time literally every time I learn a new technology I keep tripping
    until I see your video about it and suddenly everything makes sense .
    you have no idea how much you helped, from the bottom of my heart thank you soo much

  • @VenomIsLazy
    @VenomIsLazy 5 месяцев назад +9

    Now i have 12 years of experience in flutter and Dart, Thank you so much

  • @kelvinmuriithi
    @kelvinmuriithi 2 года назад +41

    You are amazing. I'm supposed to learn flutter for an internal project and you just made what initially felt like a mountain look like an ant hill. May everything you desire come easily to you

    • @yuiitodoro7791
      @yuiitodoro7791 5 месяцев назад

      Yoo. I am in the same thing now ....can u tell me how u learned flutter , I am feeling lost on where to start

  • @Pilosofia
    @Pilosofia 3 года назад +156

    now I have +7 years of experience at flutter after watching this video.

    • @joshuatrampier4355
      @joshuatrampier4355 3 года назад +14

      Watching this video is at least worth 1 line on your resume.

    • @Pilosofia
      @Pilosofia 3 года назад +1

      the comments is a refrence for 10-year-experience developers .

  • @lalithkishore4122
    @lalithkishore4122 9 месяцев назад +17

    Man I can't wait to get that 12 Minute Certification

  • @Adam-ud6xh
    @Adam-ud6xh 5 месяцев назад +3

    5 minutes in and I’ve learned more than I have all month on other tutorials and courses. Your teaching style is RELATABLE while so many others are so dry. Glad I clicked!

  • @gauravgupta5530
    @gauravgupta5530 3 года назад +293

    @fireship, I loved this concept of 12 minutes bootcamp. please create more videos like this. and you channel will be loved even more 😍.

    • @Fireship
      @Fireship  3 года назад +222

      I am thinking about making a "basic training" series like this for other topics - if people want it...

    • @lakshanjayawaradana2024
      @lakshanjayawaradana2024 3 года назад +3

      @@Fireship Yeah Why not It is best to learn from best 🔥🔥

    • @stef9019
      @stef9019 3 года назад +1

      @@Fireship YES

    • @gauravgupta5530
      @gauravgupta5530 3 года назад

      Offcourse, please you will be blessed

    • @vaisakh_km
      @vaisakh_km 3 года назад +2

      @@Fireship 😁also provide those certificates as pdf...
      Can submit for appraisal...

  • @agoodmansaid
    @agoodmansaid 3 года назад +30

    Smart tip: press F5 instead of running "flutter run" in terminal. This way, when u save hot reload runs automatically!

  • @maxhart8814
    @maxhart8814 3 года назад +11

    I started my end of Masters work experiance 8 months ago choosing to take Flutter to make an app for them, now i have a job there doing it for multiple platforms! I learnt java before and it was an easy learning curve. Great video learnt lots of tips, hero widget!

    • @Chris-xc2zg
      @Chris-xc2zg 3 года назад +2

      i guess knowing Java really helps you understand Flutter better, I started my Java coursework this semester at college and also am working on flutter, it jus amuses me how much of the java concepts are actually present in Flutter, makes my job easier!

  • @MySmieszek
    @MySmieszek 3 года назад +40

    Bro, literarely searched for Flutter tutorials like 3 minutes ago and here you go! :D

  • @user-cf5uf7vf2g
    @user-cf5uf7vf2g 3 года назад +8

    i love the way your tutorial line up all code in one file to simplify the complex ideal of how widget call in or include.

  • @Kozi03
    @Kozi03 Год назад +2

    I've trawled RUclips for Flutter videos, this alone is better than any I've looked at and they have all been 1 - 8hr video. Hoping you have more like this once I'm done with this one. Thank you!

  • @JohnSnow-gi7iv
    @JohnSnow-gi7iv 3 года назад +15

    Just started learning flutter. This was really helpful.

    • @rajnadigottu7931
      @rajnadigottu7931 Год назад

      Hey, I'm thinking of learning Flutter from tomorrow. I'm completely new to coding. I don't know anything. I just wanna know how was ua journey and what do you think abt Flutter at this point. any suggestions?

  • @danielaloycedaniel
    @danielaloycedaniel 13 часов назад

    This is the best, imagine I knew nothing about flutter and yet I see a light

  • @sachindraragul1094
    @sachindraragul1094 2 года назад +6

    To the point. Started learning flutter yesterday. Glad I have seen this video today. Coming from Javascript and react background, this feels at home

    • @shaktixtha
      @shaktixtha 3 дня назад

      Hello there. What was your journey like in flutter coming from JS and react background? I would be delighted if you summarize your experience. Thanks.

    • @sachindraragul1094
      @sachindraragul1094 3 дня назад

      @@shaktixtha Hi. My work doesn't require using flutter. So I stopped learning it further .

  • @devolee8302
    @devolee8302 Год назад +2

    Man, this video really helps me grasp what Flutter is about. I've been reading n watching other flutter docs n tutorials but wow this just clicks me in right away. I would just need to watch this a few times to get the concepts n tips sink in better.

  • @UavDasher
    @UavDasher 2 года назад +4

    As always, absolutely brilliant. More content than other guys creating hours of tutorials. Big thanks. Keep this great work up please!

  • @kevindeason4525
    @kevindeason4525 Год назад

    I am just 5 :20 into this video and I am super impressed with how you have done this video. Super easy to follow and explains just about everything I wanted to know.

  • @nihongomastercom
    @nihongomastercom 2 года назад +18

    So, if you saw him transition quickly from the Stack component and he used the Align widget to have the Icon centered, you'll notice the icon wasn't centered on top of the red square Container, but centered to the middle of the screen. This is because the Stack component took the size of it's parent which is the body of the scaffold. So, the Icon was centered to the Stack, which was not constrained to the size of the container. Just something I saw in the video that flashed but might have confused some people.

  • @Khari99
    @Khari99 3 года назад +5

    Really glad more devs are taking Flutter seriously. After starting with it 2 years ago, it became my favorite framework. Now that it's ready for web, i'm transitioning from using a JavaScript stack completely.

    • @Randomdude-i8x
      @Randomdude-i8x 3 года назад

      I think flutter is amazing next gen framework. Really really smart stuff everywhere I look.

    • @kellymoses8566
      @kellymoses8566 2 года назад +1

      Flutter for the front end and Python or Go for the back end makes programming really fun.

    • @Randomdude-i8x
      @Randomdude-i8x 2 года назад +2

      @@kellymoses8566 is flutter for the web really ready for production? I found the loading times quite long, did I do something wrong?

    • @lucasguimaraes7041
      @lucasguimaraes7041 2 года назад

      @@Randomdude-i8x Flutter for web is absolutely not recommended in production right now.

    • @Randomdude-i8x
      @Randomdude-i8x 2 года назад

      @@lucasguimaraes7041 thanks, but can you elaborate?

  • @magiozh
    @magiozh 3 месяца назад

    No wonder. This 12-minute video takes me 1 hour to follow. It's pretty nice, thank you. Now I can print the certificate and frame it on my wall.

  • @Outlines
    @Outlines Год назад +1

    With ur certificate i can now apply for senior flutter dev. Many thanks

  • @dimitnone6795
    @dimitnone6795 3 года назад +2

    Thanks for the video, very nice!
    I finished it not in 12mim, but in 2-3 hours (installations, set up the system, coding along, searching documentation etc).
    I think that to me more comfortable witj flutter I have to learn dart.

  • @hamza-325
    @hamza-325 3 года назад

    I don't know why I came to watch this even when I know all these basics and I am already working on a Flutter project!
    Maybe because I am addicted to this channel.

  • @Incomestreamsurfers
    @Incomestreamsurfers 2 года назад

    holy shit this is some of the best content i've ever seen in my life

  • @haveiszalfaroqie
    @haveiszalfaroqie Месяц назад

    Thank you. Now I can proudly jam the "I watched 12mins YT vid flutter" certificate to make my portfolio more convincing to the HR.

  • @thesirpython
    @thesirpython 8 месяцев назад

    My motto forever will be: "Create awesome sh*t like Fireship!" ...everything on this channel is so good!

  • @ecampo123
    @ecampo123 3 года назад +2

    Thanks, I’m now adding flutter app development to my resume

  • @jiteshjaswani2239
    @jiteshjaswani2239 Год назад

    why do i all of a sudden have the confidence to go for it.
    thanks for not scaring me away from something i want to learn.

  • @WeirdStuff777
    @WeirdStuff777 9 месяцев назад +1

    Thank you for saving me hours of time to get the basics on flutter.

  • @RenatoFontes
    @RenatoFontes 2 месяца назад

    Dude, this is awesome. Thanks!
    And your course is only $20, thank you even more! :))

  • @cameronnicholson8207
    @cameronnicholson8207 2 года назад

    This video is perfect. I have been looking for so long for a video like this, that tells you how to start your app and it's up date!! thank you *subscribe*

  • @clancy-sigal
    @clancy-sigal 3 года назад +7

    im just amused how good modern day frameworks are. Imaging the old days typing everything up and draw the widgets

  • @devsutong
    @devsutong 2 года назад +4

    this is a micro bootcamp and more importantly a motivational video for the most of us, loved it! thank you!

  • @programmingvideosforstudents
    @programmingvideosforstudents 10 месяцев назад

    My favorite 'Flutter Teacher'! Learned a lot from you sir, keep it up!

  • @akhial
    @akhial 3 года назад +40

    Watching it at 2x speed... Now it's a 6 minute bootcamp 😎

  • @VeLawrence
    @VeLawrence 2 года назад +8

    Hey nice video, it took me to your course, I bough the course and I'm following it it is really nice
    I just wanted to point out that I faced my first flutter red screen following this video, the issue comes because the code that appears in the time 10:21 shows that the first screen begins with a MaterialApp, then when using the navigation you'd be getting an exception saying "Navigator operation requested with a context that does not include a Navigator".
    The solution for me was calling the runApp passing the StatelessWidget of my app (MainScreen) wrapped with the MaterialApp thus MainScreen starts with the Scaffold widget that actually has the navigator in the context:
    void main() {
    runApp(const MaterialApp(home: MainScreen()));
    }
    Thanks for sharing the video!

    • @ramshambo2001
      @ramshambo2001 2 года назад +1

      Thanks this helped me!!! :)

    • @marccometa112
      @marccometa112 Год назад

      I got lost here though I get it working, I didn't understand why it was needed but hey, thanks!

    • @leprechaunsh3938
      @leprechaunsh3938 3 месяца назад

      thanks a lot

  • @RevMan001
    @RevMan001 4 месяца назад

    I watch all his videos, because he makes videos that give you a create feel for the code in a very short period of time.

  • @HBWT
    @HBWT 5 месяцев назад +1

    Praise this man for saving us time

  • @morrowleap
    @morrowleap 3 года назад +2

    I just started learning flutter today
    and here is the video.

    • @vaisakh_km
      @vaisakh_km 3 года назад

      He has a unique power to scan everyones brain
      Similar thing happened for me almost 4 times...

  • @tusharbirdi2675
    @tusharbirdi2675 3 года назад +3

    This was awesome!! much better than those big courses for beginners which are never finished and we never got a certificate ;)

  • @haxificality
    @haxificality 10 часов назад

    I'm learning a lot while riding in the fastest bullet train ever. Have to rewind and pause tones of times. But it's worth it.

  • @flora3484
    @flora3484 3 года назад

    Great! This is one video a person can watch to get the full taste of working with flutter (though not its capabilities).
    I like such videos.

  • @uCodes880
    @uCodes880 Год назад +1

    I thought I was in there for hours
    Really good content man

  • @c9der
    @c9der 5 месяцев назад +2

    if You have watched it till 11:55 congrt you are already a flutter dev you just need to figure out how to install android sdk and flutter and buy the course to learn provider,firebase,cubit thanks buy(I mean bye)

  • @maticas-tech
    @maticas-tech 2 года назад +3

    HAHAHAHHA "That's pretty cool but there is no time to celebrate" made my day😂

  • @ajlayl
    @ajlayl 2 года назад +2

    As someone who learn faster by knowing what the heck to learn by steps this is soo much helpful than many of the courses I follow.. thank you so much

  • @backslashflutter
    @backslashflutter 3 года назад +2

    Thank god, I invested my time and effort at right place. ❤️

  • @Explore_Montreal
    @Explore_Montreal 3 года назад

    One of The best video I ever watched for flutter. THANKS

  • @HazemTamimi
    @HazemTamimi 3 года назад +1

    Man, God knows that I get excited when I see that you posted something. Anything. I just watch it and watch it again and I enjoy it. Your work is one of the reasons I open RUclips multiple times a day even within working hours...

  • @HeliomarMarques
    @HeliomarMarques 3 года назад +1

    The most productive 12 minutes I've ever seen

  • @eliasjohannes652
    @eliasjohannes652 2 года назад

    I'm currently migrating from Xamarin and this framework totally blows my mind

  • @WorldOfVarunApoorva
    @WorldOfVarunApoorva 6 месяцев назад +2

    I watched this course on 1.5x and completed it in 8 minutes. 🎉

  • @SuperGojeto
    @SuperGojeto 3 года назад +5

    Damn man! That was so much needed!I will definitely be doing your full course. Being a backend developer primarily I don't want to juggle with mastering different javascript frameworks like React and Angular. I want to learn one framework that handles all ui be it android or web! Flutter seems to be the one for me!

  • @Jarmister
    @Jarmister 3 года назад +2

    Dude I need to learn flutter for my new job xd. You have incredible good timing.

  • @glebhubarevich
    @glebhubarevich 3 года назад +1

    Fireship is the only channel on RUclips that I have to watch at 0.75 speed to understand anything

  • @AbhinavKulshreshtha
    @AbhinavKulshreshtha 3 года назад +4

    I started learning flutter 2 about a week ago, and this video comes out. Thanks for bootcamp. I really like the framework and animations that comes bundled with it, but I hate the deeply nested widgets. I didn't know about formatting benefits of optional commas. The tutorial I was following doesn't use them so I never bothered experimenting with them. I need to start using them from now on. Ironically I prefer using semi-colons in javascript even though people tells me not to use them.

    • @edoardoremondini3221
      @edoardoremondini3221 3 года назад

      Which tutorial are you following?

    • @AbhinavKulshreshtha
      @AbhinavKulshreshtha 3 года назад

      @@edoardoremondini3221 Udemy course on flutter 2, unofficially acquired. Course is decent but focuses only on framework features, it didn't focus on stuff like project structure, code guidelines etc.

  • @eliazonta7235
    @eliazonta7235 2 года назад +2

    8:25 where is randomColor defined? I did the same thing and it says that randomColor is not defined (ofc it is not), anyway top video ty !

  • @glorykananga1333
    @glorykananga1333 2 года назад

    What awesome concept is this short video! Thank you bro!

  • @charlesabju907
    @charlesabju907 Год назад +1

    Awesome video as always. 5:18 why are the strawberries censored?

  • @luissun
    @luissun 5 месяцев назад

    Muito bom, Resumiu basicamente 40 horas de aula em alguns minutos. Vlw mano

  • @ggre553
    @ggre553 Год назад

    I spent 4 weeks learning rn and now i see this 😂😂😂
    Damn it
    I converted to flutter ❤
    Its freaking amazing

  • @rutulpatel9433
    @rutulpatel9433 3 года назад +38

    Hey Jeff,
    Can you make a video on "how to make RUclips videos?"
    Your video looks amazing not sure how you manage the code appears in chunks in vscode.

    • @jerry9548
      @jerry9548 3 года назад +24

      He has a video where he explains some of this stuff on his second channel (Second channel: Jeff Delaney, video: How I make Videos for Programmers). Btw: the code appears in Chunks because he deletes the different code pieces in reverse and when he records them he uses Crtl + Z to show them on the screen piece by piece.
      Hope I could help you and have a nice day :)

    • @clumsySarthak
      @clumsySarthak 3 года назад +12

      Here you go:
      ruclips.net/video/N6-Q2dgodLs/видео.html

    • @HandledToaster2
      @HandledToaster2 3 года назад +7

      Pretty sure he writes the code, then Ctrl Z until it's blank, then Ctrl Y to put the code back.

    • @flyte9844
      @flyte9844 3 года назад +1

      fireship is the GOAT 🐐 🔥AAA content multiple times a week ! Ill happily renew my membership every month you're awesome keep up the good work !!

  • @kuroikenshi9217
    @kuroikenshi9217 3 года назад +1

    You must reach 1M before the end of the year :)

  • @nilsweber3343
    @nilsweber3343 3 года назад +1

    This morning I was sad that your other tutorial was a bit outdated and here we go, google helplessly around the web for a couple hours and there you come with a new awesome tutorial! Great stuff, keep it coming!

  • @maisan6234
    @maisan6234 Год назад

    one of the best introductory videos out there

  • @ryangrogan6839
    @ryangrogan6839 Год назад +1

    I'm genuinely amazed at how quickly I became proficient with Flutter. Dart is very nice, the documentation is (usually) better, and making a UI doesn't feel like swallowing a bag of rusty bolts and nails. Prisma has a Dart package, and I'm going to try it out using a local SQLite DB.

  • @willie1829
    @willie1829 2 года назад

    Thanks man, this 12mins just saved my life!

  • @DilmukhammadAbdukodirov
    @DilmukhammadAbdukodirov 7 месяцев назад +1

    Good and understandable tutorial. THANKS

  • @neltins5308
    @neltins5308 3 года назад +1

    Self taught myself Flutter in early 2019, never thought it would so popular now lol I would've stuck with it this whole time instead of doing React Native

  • @nithigd1014
    @nithigd1014 Год назад

    You saved me thanks a lot. i was struggling to where to start learning flutter me as a web developer

  • @meljatau3751
    @meljatau3751 3 года назад

    You're a gift to humankind 🙏🏿

  • @MogauIsak
    @MogauIsak Год назад

    Goodness, you're incredible at explaining things

  • @fusionsid
    @fusionsid 3 года назад +2

    I like how when I need it fireship makes a tutorial the next day.

  • @vincentmichael499
    @vincentmichael499 2 года назад

    You i feel like i should have seen this video first before starting my project. Very helpful. thanks

  • @ramkumarr1725
    @ramkumarr1725 2 года назад +1

    Flutter is freedom. Love. Trinity and Neo. Red Pill.

  • @donewithwork
    @donewithwork Год назад

    Fireship I gotta say, this is a really good video. Keep it up :)

  • @goldenshadow333
    @goldenshadow333 3 года назад

    This is awesome man! This video teaches what some courses teach in a week!

  • @shreyasphadnis5550
    @shreyasphadnis5550 2 года назад

    Amazing quality in just 12 minutes. Really impressive, Keep it up 😁😁😁

  • @cadehogan3061
    @cadehogan3061 2 года назад

    Thanks!

  • @jackkirby5287
    @jackkirby5287 3 года назад

    I am officially a Lifetime Fireship Pro member! :D

  • @reapergrim5324
    @reapergrim5324 2 года назад

    Adding senior flutter dev in my resume brb!

  • @dopse3264
    @dopse3264 Год назад

    11:34 oh my.... I have mastered the morph transition in powerpoint and now you tell me that flutter has such a morph transition :o Goodbye presentations in Powerpoint, HELLOOWW presentations in flutter :P

  • @bucketofinternet2744
    @bucketofinternet2744 2 года назад

    I want to build a simple dept managing app this was a smooth start. Thanks for the certificate btw :D

  • @naman-jain-00
    @naman-jain-00 2 года назад

    Thank you so much Fireship for creating such a helpful and an interesting Tutorial.

  • @muhammadfaraz3697
    @muhammadfaraz3697 2 года назад

    This is much better than those 36 hours long dull courses

  • @ilyamed
    @ilyamed Год назад

    build half of my app based on your video. thanks

  • @Reddit_StorryTeller
    @Reddit_StorryTeller 3 года назад

    Hey, I just found your RUclips channel and I have to say that you make very good and informative content. Keep up the good work :)

  • @MotionInMotion1975
    @MotionInMotion1975 2 года назад +1

    You got me hooked. Downloading the SDK...

  • @stuffedstuff7086
    @stuffedstuff7086 Год назад

    That certificate goes right into my CV: Professional flutter developer

  • @deenretrospect1
    @deenretrospect1 Год назад

    Definitely checking out the full course

  • @onagite
    @onagite 3 года назад +2

    Almost 1million ... lets go 💪

  • @嘿嘿嘿-z1v
    @嘿嘿嘿-z1v 2 года назад +1

    Thanks for this tutorial. I learn so much from it. You are my mentor :)