Flutter Basics by a REAL Project

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ม.ค. 2025

ความคิดเห็น • 447

  • @flutterguys
    @flutterguys  ปีที่แล้ว +15

    🌐 JOIN TO TELEGRAM COMMUNITY
    🔗 t.me/flutterguysgp
    You can DOWNLOAD Design file from HERE :
    🔗 www.pixeltrue.com/free-ui-kits/fitness-app-ui-kit

  • @truszko91
    @truszko91 ปีที่แล้ว +259

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

    • @babar-khan
      @babar-khan 11 หลายเดือนก่อน +2

      why not react native ??

    • @tomeynotes
      @tomeynotes 11 หลายเดือนก่อน +11

      @@babar-khanflutter is way faster

    • @JustinShaedo
      @JustinShaedo 8 วันที่ผ่านมา

      Thank you. Checking for comments like this is my first thing before watching a video; can save so much time!

  • @oracleking4252
    @oracleking4252 10 หลายเดือนก่อน +47

    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

  • @cryptoboy1461
    @cryptoboy1461 ปีที่แล้ว +80

    This is the best intro to Flutter on TH-cam. Great work!!

    • @flutterguys
      @flutterguys  ปีที่แล้ว +2

      Thank you!

    • @100sdf9
      @100sdf9 10 หลายเดือนก่อน

      What theme are you using?
      @@flutterguys

    • @flutterguys
      @flutterguys  9 หลายเดือนก่อน

      Dracula

  • @ivovicente9811
    @ivovicente9811 ปีที่แล้ว +82

    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 🤣

  • @clarifier88
    @clarifier88 ปีที่แล้ว +36

    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!

  • @ItsMe-vo1du
    @ItsMe-vo1du ปีที่แล้ว +156

    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 ❤️

    • @flutterguys
      @flutterguys  ปีที่แล้ว +6

      Glad it helped!

    • @palguypalguy
      @palguypalguy ปีที่แล้ว +6

      @@flutterguys this should have part 2 🙏

    • @vinit095
      @vinit095 ปีที่แล้ว +2

      I was lost after 8 minutes. Too much stuff is pushed in small videos.

    • @charafhamidi7828
      @charafhamidi7828 11 หลายเดือนก่อน

      thank you si mahdi a great tuto @@flutterguys

    • @fabiano8888
      @fabiano8888 11 หลายเดือนก่อน +1

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

  • @shadyhumourtv2503
    @shadyhumourtv2503 ปีที่แล้ว +16

    Fine tutorial!!! Fine content. I stopped doing flutter for a while, this puts me back right on track.

  • @theinfinox
    @theinfinox 10 หลายเดือนก่อน +5

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

  • @SuperShivammm
    @SuperShivammm ปีที่แล้ว +16

    Very professional way of using flutter power. Appreciate your talent and way of teaching in a short and sweet manner. Thanks again

  • @sharathkumarhk4260
    @sharathkumarhk4260 หลายเดือนก่อน +3

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

  • @semoneram1604
    @semoneram1604 8 หลายเดือนก่อน +2

    as a beginner i should say this is one of the best videos for flutter to catch the things up, great work

  • @TheFlozen
    @TheFlozen ปีที่แล้ว +4

    best topic on Flutter ever for basic learner. Thank you

  • @minnac4045
    @minnac4045 8 หลายเดือนก่อน +3

    The most efficient tutorial I have ever watched! Thank you!

  • @pnfrc
    @pnfrc 3 หลายเดือนก่อน

    Experienced iOS developper here, this is exactly the type of content that I needed to get Flutter's basic, thank you so much !

  • @madhutvk
    @madhutvk ปีที่แล้ว +5

    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.

    • @flutterguys
      @flutterguys  ปีที่แล้ว +4

      I will try my best

    • @its_mahabubur
      @its_mahabubur 11 หลายเดือนก่อน

      hey whats your theme
      @@flutterguys

  • @perpetualplus
    @perpetualplus ปีที่แล้ว +4

    I so in love with this breakdown, it's understandable, in details. .. 😭😭, I finally understand some flutter basics, I love you 🥺

  • @ahmedaltaher
    @ahmedaltaher ปีที่แล้ว +32

    Absolutely terrific tutorial, thank you a lot for the great effort 🤩

  • @filipecotrimmelo7714
    @filipecotrimmelo7714 7 หลายเดือนก่อน +1

    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.

  • @Ali_ibn_Mizrob
    @Ali_ibn_Mizrob 7 หลายเดือนก่อน +2

    I am Junior Flutter Developer. You wrote very well, I learned a lot for myself, I enjoyed watching your 25 minute lesson.

    • @flutterguys
      @flutterguys  6 หลายเดือนก่อน

      Glad to hear that!

  • @trappu
    @trappu 7 หลายเดือนก่อน +8

    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.

  • @jayribagchi2182
    @jayribagchi2182 ปีที่แล้ว +4

    These are the videos every frontend engineer must see! Thankyou so much 🌟🌟

  • @IdrisQadir
    @IdrisQadir 6 หลายเดือนก่อน

    I just started coding in flutter , but this video is the best video I found. Thanks a lot!

  • @adelalahmed1722
    @adelalahmed1722 8 หลายเดือนก่อน +1

    Best introduction to design implementation!

  • @MahenderKumar92700
    @MahenderKumar92700 ปีที่แล้ว +3

    very informative and to the point tutorial. Thanks @FlutterGuys

  • @raunakdey7
    @raunakdey7 10 หลายเดือนก่อน +1

    Very good tutorial for those who wants an overview of flutter

  • @chovbee
    @chovbee 4 หลายเดือนก่อน

    This was the perfect pace I needed to get a good basic understanding of this. Amazing video!

    • @flutterguys
      @flutterguys  4 หลายเดือนก่อน

      Glad it was helpful!

  • @siddharthpatel2193
    @siddharthpatel2193 3 หลายเดือนก่อน

    This is by far best flutter intro.

  • @TaofeekAgiri
    @TaofeekAgiri 2 หลายเดือนก่อน

    Best flutter crash course using the design to explain every decision made and also learnt cool vscode tricks for productivity

  • @rr2r2r2ra
    @rr2r2r2ra ปีที่แล้ว +9

    Just finished the video. I love your teaching style, I hope you make another one about Riverpod with this style.

  • @fadelgueye3374
    @fadelgueye3374 ปีที่แล้ว

    One of the best efficient intro flutter's tutorial I've ever seen

  • @fabiano8888
    @fabiano8888 11 หลายเดือนก่อน

    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!

  • @Tinny0613
    @Tinny0613 3 หลายเดือนก่อน

    I'm new to flutter with c# and html experience. I'm so excited to get started.

  • @ajmalleonard
    @ajmalleonard ปีที่แล้ว +5

    This tutorial was just amazing. Straightly and understandable

  • @sheikhnahid0734
    @sheikhnahid0734 ปีที่แล้ว

    it tooks 2 weeks for successfully learning every part. Thank you very much bro!

  • @adriandecerio
    @adriandecerio หลายเดือนก่อน

    This is pure raw knowledge, thanks!

  • @SWBroTips
    @SWBroTips ปีที่แล้ว

    as a flutter junior It's a great recap for me
    Thanks for your effort , keep it up👏

  • @giandenorte
    @giandenorte ปีที่แล้ว

    I like this! Just subscribed mate 🥳

  • @thealtairian3238
    @thealtairian3238 ปีที่แล้ว

    one of the best tutorials out there about flutter

  • @raihanrabbani386
    @raihanrabbani386 ปีที่แล้ว

    im glad youtube recommended this video to me

  • @Grinwa
    @Grinwa ปีที่แล้ว +1

    Awesome just what i needed 🎉

  • @OnlyVocals-Nomusic
    @OnlyVocals-Nomusic 5 หลายเดือนก่อน

    this is great and straight forward. love to watch complex codes too

  • @dominicdeepan
    @dominicdeepan ปีที่แล้ว

    OMG! That was some intense 25min flutter tutorial that I ever watched!

  • @vivekkumar-pc1xy
    @vivekkumar-pc1xy 6 หลายเดือนก่อน

    your teaching method is absolutely amazing. Thanks for this amazing tutorial

    • @flutterguys
      @flutterguys  6 หลายเดือนก่อน

      I'm glad you like it

  • @DuQuels93
    @DuQuels93 ปีที่แล้ว

    The perfect video to start with flutter. You should say that extract to Method is less performantic that extract to Widget

  • @BattleVillaX
    @BattleVillaX 3 หลายเดือนก่อน

    Extra Ordinary Tutorial .. Kudos

  • @imosesmwila
    @imosesmwila ปีที่แล้ว +1

    Great video, your teaching style is impressive.

  • @cippogrande862
    @cippogrande862 ปีที่แล้ว

    this video is really good. I have subscribed and gave a like.

  • @JBtronic
    @JBtronic ปีที่แล้ว +1

    The way you teach is Amazing 😍

  • @simardeepsinghmudhar7065
    @simardeepsinghmudhar7065 ปีที่แล้ว

    Great Tutorial, to the point and no bs

  • @arnabkundu8812
    @arnabkundu8812 ปีที่แล้ว

    THE BEST so far

  • @hbfl3x50
    @hbfl3x50 ปีที่แล้ว +1

    fast paced and helpful 🔥❤

  • @nishitpatel5137
    @nishitpatel5137 ปีที่แล้ว

    OMG, what a great tutorial. plain and simple.

  • @bru_pache
    @bru_pache ปีที่แล้ว

    This tutorial is the best! Thank you very much for sharing your knowledge :D
    Greetings from Argentina❤

  • @junevalorant4707
    @junevalorant4707 3 หลายเดือนก่อน

    the phase is fast but I am miraculously understand it, thanks!! this is great

  • @STEMPEdu
    @STEMPEdu 2 หลายเดือนก่อน

    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🎉

  • @MohammadAli-wb4xg
    @MohammadAli-wb4xg 5 หลายเดือนก่อน

    Exceptionally well explained !

  • @nix6030
    @nix6030 9 หลายเดือนก่อน

    I just learn flutter last week.. thank you again :D

    • @flutterguys
      @flutterguys  9 หลายเดือนก่อน

      That's great!

  • @syedshishir1098
    @syedshishir1098 ปีที่แล้ว

    it was an absolutely good video to learn something about flutter in one shot! I just loved this tuto😍😍

  • @impfect
    @impfect ปีที่แล้ว

    Fun tutorial thanks! 👌

  • @ahtar1610
    @ahtar1610 ปีที่แล้ว

    Excellent video!

  • @JoeGeoh
    @JoeGeoh ปีที่แล้ว

    Your channel is very underrated, you deserve more recognition and love! Thanks for the content.

  • @ChetanKumar-w5x5b
    @ChetanKumar-w5x5b 2 หลายเดือนก่อน +1

    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

  • @blindender9979
    @blindender9979 ปีที่แล้ว

    Unbeliavable good, ty❤

  • @1CheeseBurger
    @1CheeseBurger ปีที่แล้ว

    This is beyond beneficial. Thanks a lot!

  • @keylen_reynold
    @keylen_reynold 7 หลายเดือนก่อน

    This best flutter video i saw so far;

  • @shalomsims
    @shalomsims ปีที่แล้ว

    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

  • @itsamotherflutter
    @itsamotherflutter 8 หลายเดือนก่อน +1

    Very interested. Thanks for sharing! ❤

  • @RamdanCode
    @RamdanCode ปีที่แล้ว +2

    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! 🚀✨

    • @flutterguys
      @flutterguys  ปีที่แล้ว

      Thank you very much for your comment.. You gave us great energy. I hope we can be worthy of your beautiful comment.

  • @DevNightly
    @DevNightly 8 หลายเดือนก่อน

    Where have I been from the last hours! this could save me time!

  • @NoOverXplain
    @NoOverXplain 7 หลายเดือนก่อน

    First i need exactly tutirial like this to start my journy🙏 thankyou sir... New subbed

  • @ieatcrayons3322
    @ieatcrayons3322 ปีที่แล้ว

    Ty man if i had something like this video when i first start
    My learning curve would be a lot faster😂

  • @moazelsawaf2000
    @moazelsawaf2000 ปีที่แล้ว +1

    Great video, thank you so much ❤

  • @isalinass
    @isalinass หลายเดือนก่อน

    Great video, thanks guys!

  • @Wolfgang93981
    @Wolfgang93981 6 หลายเดือนก่อน

    Good! You do this very well! Make more of this! 👍👍👍👍👍👍

  • @doddytushar
    @doddytushar ปีที่แล้ว

    very nicely explained!

  • @techwithotabek
    @techwithotabek ปีที่แล้ว +15

    If you pause the video and independently implement all the concepts explained, you will gain a significant amount of knowledge.

  • @humzaiqbal9908
    @humzaiqbal9908 ปีที่แล้ว

    Thank you very much man, you are absolute legend

  • @sumit_soni
    @sumit_soni ปีที่แล้ว

    Bro this was superbb👌🏻👌🏻
    I haven't seen a tutorial like this 💯💯
    Thanks a lot ❤

  • @marcosotilio6319
    @marcosotilio6319 ปีที่แล้ว

    Great Video🎉🎉

  • @Jorge-bf4bm
    @Jorge-bf4bm 4 หลายเดือนก่อน

    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.

  • @maximilianbarabas5438
    @maximilianbarabas5438 ปีที่แล้ว

    U are amazing!🎉❤

  • @flutterIgnite
    @flutterIgnite ปีที่แล้ว +2

    beautiful and concise. The AI voice is almost perfect

  • @rachitdoescode
    @rachitdoescode ปีที่แล้ว

    bro taught me something in 25 min what i was planning to complete in month.

  • @eliuddyn
    @eliuddyn ปีที่แล้ว

    This is amazing 🔥🔥

  • @missyplays6117
    @missyplays6117 8 หลายเดือนก่อน

    thank you so much! im in college i got a job as junior dev recently this helped me so muchhhh 💗💗💗💗💗💗!!

    • @flutterguys
      @flutterguys  7 หลายเดือนก่อน

      Glad I could help!

  • @SudhirSingh-bb6rj
    @SudhirSingh-bb6rj ปีที่แล้ว

    I appreciate your effort, please make more such videos

  • @swargaraj
    @swargaraj ปีที่แล้ว

    Thank You Very Much!

  • @syedasadshah-go8ki
    @syedasadshah-go8ki 6 หลายเดือนก่อน

    It was hard but i did it, Thank bro !

  • @armandiskandarsyah5414
    @armandiskandarsyah5414 ปีที่แล้ว

    speed run tutorial, like it so much!

  • @flutterguys
    @flutterguys  ปีที่แล้ว +8

    You can download Figma file from here :
    freedesignresources.net/fitnest-fitness-app-ui-kit/

  • @fairphoneuser9009
    @fairphoneuser9009 8 หลายเดือนก่อน

    That's most probably the first video ever I've watched at a speed of 0.75... 😁
    But it's definitely absolutely great! 🙂

  • @ahmedyousif4782
    @ahmedyousif4782 7 หลายเดือนก่อน

    Thanks man, this was really helpful

  • @gowthamch
    @gowthamch ปีที่แล้ว

    GOAT tutorial

  • @aqueleprogramador
    @aqueleprogramador หลายเดือนก่อน

    What an awesome video, thanks a lot!

  • @mozammalhossain968
    @mozammalhossain968 ปีที่แล้ว

    Thank you, for your video.
    I didn't know about the IntrinsicHeight, after watching your video i've solved the issue on my project.

  • @jackvessalius7913
    @jackvessalius7913 ปีที่แล้ว

    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!

  • @greatIdea_pays
    @greatIdea_pays ปีที่แล้ว

    I love you allot bro. I'm impressed

  • @syedmunafahmed04
    @syedmunafahmed04 ปีที่แล้ว

    Helpful ❤🎉

  • @zongxun7118
    @zongxun7118 ปีที่แล้ว

    thank you. this was great.