Flutter Basic Training - 12 Minute Bootcamp

Поділитися
Вставка
  • Опубліковано 21 лис 2024

КОМЕНТАРІ •

  • @Fireship
    @Fireship  3 роки тому +208

    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?

    • @josueorozcoaltamirano7101
      @josueorozcoaltamirano7101 3 роки тому

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

    • @axelbryancasauran5159
      @axelbryancasauran5159 3 роки тому

      ​@@josueorozcoaltamirano7101 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 роки тому +684

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

    • @HandledToaster2
      @HandledToaster2 3 роки тому +23

      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 роки тому

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

    • @rendoesmath
      @rendoesmath 2 роки тому

      @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 роки тому +901

    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 роки тому +142

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

    • @белка-у8б
      @белка-у8б 2 роки тому +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 роки тому +31

      @@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.

  • @harshagnihotri9318
    @harshagnihotri9318 3 роки тому +409

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

  • @mohannadalnono5222
    @mohannadalnono5222 Рік тому +71

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

    • @lucascamelo3079
      @lucascamelo3079 5 місяців тому

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

  • @avneesh0612
    @avneesh0612 3 роки тому +973

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

    • @vaisakh_km
      @vaisakh_km 3 роки тому +8

      For sure...

    • @yaminnather521
      @yaminnather521 3 роки тому +40

      OK so what is a render object

    • @codingsense
      @codingsense 3 роки тому +6

      @@yaminnather521 LOL

    • @robertpietraru1939
      @robertpietraru1939 3 роки тому +2

      @@yaminnather521 What is it?

    • @yaminnather521
      @yaminnather521 3 роки тому +16

      @@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 Рік тому +3

    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.

  • @mohamedemad8901
    @mohamedemad8901 2 роки тому +10

    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

  • @kelvinmuriithi
    @kelvinmuriithi 2 роки тому +39

    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 3 місяці тому

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

  • @Adam-ud6xh
    @Adam-ud6xh 3 місяці тому +2

    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 роки тому +289

    @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 роки тому +223

      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...

  • @lalithkishore4122
    @lalithkishore4122 8 місяців тому +8

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

  • @VenomIsLazy
    @VenomIsLazy 3 місяці тому +3

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

  • @MySmieszek
    @MySmieszek 3 роки тому +37

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

  • @user-cf5uf7vf2g
    @user-cf5uf7vf2g 3 роки тому +7

    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.

  • @Pilosofia
    @Pilosofia 3 роки тому +146

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

    • @joshuatrampier4355
      @joshuatrampier4355 3 роки тому +13

      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 .

  • @agoodmansaid
    @agoodmansaid 3 роки тому +27

    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!

  • @Kozi03
    @Kozi03 Рік тому +2

    I've trawled UA-cam 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!

  • @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.

  • @sachindraragul1094
    @sachindraragul1094 2 роки тому +5

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

  • @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?

  • @magiozh
    @magiozh Місяць тому

    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.

  • @RevMan001
    @RevMan001 3 місяці тому

    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 3 місяці тому +1

    Praise this man for saving us time

  • @WeirdStuff777
    @WeirdStuff777 8 місяців тому +1

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

  • @programmingvideosforstudents
    @programmingvideosforstudents 9 місяців тому

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

  • @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.

  • @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.

  • @ecampo123
    @ecampo123 2 роки тому +2

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

  • @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 2 роки тому

      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?

  • @backslashflutter
    @backslashflutter 3 роки тому +2

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

  • @thesirpython
    @thesirpython 6 місяців тому

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

  • @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.

  • @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.

  • @eliasjohannes652
    @eliasjohannes652 2 роки тому

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

  • @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

  • @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.

  • @glorykananga1333
    @glorykananga1333 2 роки тому

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

  • @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 UA-cam multiple times a day even within working hours...

  • @Outlines
    @Outlines Рік тому +1

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

  • @devsutong
    @devsutong 2 роки тому +4

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

  • @DilmukhammadAbdukodirov
    @DilmukhammadAbdukodirov 5 місяців тому +1

    Good and understandable tutorial. THANKS

  • @UavDasher
    @UavDasher Рік тому +4

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

  • @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...

  • @WorldOfVarunApoorva
    @WorldOfVarunApoorva 4 місяці тому +2

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

  • @Incomestreamsurfers
    @Incomestreamsurfers 2 роки тому

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

  • @luissun
    @luissun 4 місяці тому

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

  • @meljatau3751
    @meljatau3751 3 роки тому

    You're a gift to humankind 🙏🏿

  • @Explore_Montreal
    @Explore_Montreal 2 роки тому

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

  • @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

  • @maisan6234
    @maisan6234 Рік тому

    one of the best introductory videos out there

  • @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*

  • @HeliomarMarques
    @HeliomarMarques 3 роки тому +1

    The most productive 12 minutes I've ever seen

  • @nithigd1014
    @nithigd1014 Рік тому

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

  • @MogauIsak
    @MogauIsak 11 місяців тому

    Goodness, you're incredible at explaining things

  • @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.

  • @fusionsid
    @fusionsid 3 роки тому +2

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

  • @Jarmister
    @Jarmister 3 роки тому +2

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

  • @RenatoFontes
    @RenatoFontes 25 днів тому

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

  • @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

  • @ggre553
    @ggre553 11 місяців тому

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

  • @deenretrospect1
    @deenretrospect1 Рік тому

    Definitely checking out the full course

  • @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

  • @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!

  • @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 ;)

  • @akhial
    @akhial 3 роки тому +40

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

    • @danvilela
      @danvilela 3 роки тому +5

      Need a new certificate

  • @glebhubarevich
    @glebhubarevich 3 роки тому +1

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

  • @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!

  • @waitingforjungkooksmixtape5421
    @waitingforjungkooksmixtape5421 10 місяців тому

    Thank you for this comprehensive tutorial, it helped much

  • @vincentmichael499
    @vincentmichael499 2 роки тому

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

  • @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 Місяць тому

      thanks a lot

  • @MotionInMotion1975
    @MotionInMotion1975 2 роки тому +1

    You got me hooked. Downloading the SDK...

  • @shreyasphadnis5550
    @shreyasphadnis5550 Рік тому

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

  • @SuperGojeto
    @SuperGojeto 2 роки тому +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!

  • @naman-jain-00
    @naman-jain-00 Рік тому

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

  • @MixeilCheishvili
    @MixeilCheishvili 2 роки тому

    i used flutter about 2-3 year ago, except of new state managements i think everything is the same and i like it

  • @htt803
    @htt803 2 роки тому

    Thanks very much. I got cert by watch it 3-4 times

  • @kuroikenshi9217
    @kuroikenshi9217 3 роки тому +1

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

  • @baadrqaaba9529
    @baadrqaaba9529 3 роки тому

    I hope you make a video about dependency injection and mvvm in flutter . I love the way you present .

  • @ramkumarr1725
    @ramkumarr1725 2 роки тому +1

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

  • @reapergrim5324
    @reapergrim5324 2 роки тому

    Adding senior flutter dev in my resume brb!

  • @goldenshadow333
    @goldenshadow333 2 роки тому

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

  • @arcrimeaball
    @arcrimeaball 3 роки тому +10

    PyTorch/Tensorflow in 100 seconds (or even Beyond 100 seconds)
    It'd be nice to make tutorial for fullstack ML application, like emotion detection in real time 🔥

  • @vivekjunghamal5730
    @vivekjunghamal5730 2 роки тому

    Basic revision! Time for diving deeper :)

  • @ilyamed
    @ilyamed Рік тому

    build half of my app based on your video. thanks

  • @嘿嘿嘿-z1v
    @嘿嘿嘿-z1v 2 роки тому +1

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

  • @muhammadfaraz3697
    @muhammadfaraz3697 2 роки тому

    This is much better than those 36 hours long dull courses

  • @bucketofinternet2744
    @bucketofinternet2744 2 роки тому

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

  • @ilyosjon
    @ilyosjon 3 роки тому +1

    I love how mush this loves his mom! Moms are the best!

  • @stuffedstuff7086
    @stuffedstuff7086 10 місяців тому

    That certificate goes right into my CV: Professional flutter developer

  • @jackkirby5287
    @jackkirby5287 3 роки тому

    I am officially a Lifetime Fireship Pro member! :D

  • @donewithwork
    @donewithwork Рік тому

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

  • @rutulpatel9433
    @rutulpatel9433 3 роки тому +38

    Hey Jeff,
    Can you make a video on "how to make UA-cam 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:
      ua-cam.com/video/N6-Q2dgodLs/v-deo.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 !!

  • @maticas-tech
    @maticas-tech 2 роки тому +3

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

  • @saiham4500
    @saiham4500 2 роки тому

    Soo much in just 12 minutes of video. 🔥🔥

  • @cryora
    @cryora Місяць тому

    The randomColor() part tripped me up

  • @onagite
    @onagite 3 роки тому +2

    Almost 1million ... lets go 💪