📱 FULL Flutter Beginner Course • Programming Basics / Widgets / Navigation / User Input / UI

Поделиться
HTML-код
  • Опубликовано: 13 июн 2024
  • 📱 Flutter Courses • mitchkoko.app/
    💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
    👨🏽‍💻 Coding my startup.. / mitchkoko
    ~ ;
    TIMESTAMPS
    0:00 intro
    0:41 table of contents
    2:06 programming fundamentals
    3:31 variables
    4:46 basic math operators
    6:24 comparison operators
    7:39 logical operators
    9:36 if else statement
    13:04 switch statement
    14:21 for loops
    18:04 while loops
    19:21 functions
    20:36 functions with parameters
    22:17 functions with return type
    24:13 data structures • LIST
    26:55 data structures • SET
    27:33 data structures • MAP
    29:38 widgets • SCAFFOLD
    31:42 widgets • CONTAINER
    34:22 widgets • TEXT
    35:04 widgets • ICON
    35:52 widgets • APP BAR
    37:09 widgets • COLUMN / ROW
    41:53 widgets • LISTVIEW
    44:24 widgets • GRIDVIEW
    46:45 widgets • GESTURE DETECTOR
    48:35 navigation • ROUTES
    51:35 navigation • DRAWER
    55:37 navigation • BOTTOM NAV BAR
    59:48 stateless vs stateful widgets • COUNTER APP
    1:04:58 user input • TEXTFIELD
    1:10:28 TO DO APP
    1:52:42 ECOMMERCE APP UI
    2:22:01 Final Thoughts
    ~ ;
    📱 INSTAGRAM • / createdbykoko
    🐦 TWITTER • / createdbykoko
    📱 TIKTOK • / createdbykoko
    🎧 FLUTTER POD • / @flutterpod
    💬 JOIN DISCORD SERVER • / discord
    💻 GITHUB • github.com/mitchkoko/
    🖥 WEBSITE • mitchkoko.app/
  • НаукаНаука

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

  • @createdbykoko
    @createdbykoko  8 месяцев назад +40

    🔥 I'm coding a startup.. www.patreon.com/mitchkoko

  • @user-mz9dp7sk2z
    @user-mz9dp7sk2z 3 месяца назад +74

    Spent the whole day searching for flutter courses. Stuck to this one because you made it so simple. Most courses dont even explain what the widgets really do. Thank you

    • @SnehaYadav.56
      @SnehaYadav.56 2 месяца назад

      Hey bro if you are practicing flutter
      I have app idea but my laptop is not good enough to run Android studio and emulator so will you help me
      😅😊

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

      @@SnehaYadav.56 just do it in vs code and use only emulator from android studio

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

      @@SnehaYadav.56 I had the same problem. What I did was that I created my flutter app in vscode. If you check at the bottom panel theres a tab showing available devices. You can connect an actual phone to your laptop via usb cable and it will appear in the available devices list. If its not there, you will have to make some settings changes in your phone. You can check a tutorial for it on yt how to use real phone for flutter in vscode. If you want I can send the link here

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

      @@SnehaYadav.56 I have a good laptop ! What are you planning ? 🤔

    • @SnehaYadav.56
      @SnehaYadav.56 Месяц назад

      @@Tushar_995 are you learning flutter
      I am creating an app for airline pilots to train for their radio telephony language. For that, in app, there will be home page in which there will be list of 50 questions. After clicking each question, the new page will open. On new page, there will be three tabs. On first tab, there will be question. On second tab, there will be speech to take. On which user will say his call on which the reply will be fetched from dialogue API which will be printed on 3rd tab there will be 50 questions like this and the description of each question on first tab of every question so every time when the user will scroll down the homepage list next questions will load.

  • @BrandonJF4
    @BrandonJF4 9 месяцев назад +102

    Thank you for this. You're a phenomenal creator and instructor. Doing this - while making it accessible and free is the most insane benefit to the community and I couldn't personally commend you enough for doing so. Appreciate you, Mitch!

  • @jm7974
    @jm7974 6 месяцев назад +39

    TRULY APPRECIATE THAT YOU SPENT THE FIRST HOUR JUST SHOWING HOW THE UI PIECES FIT TOGETHER before dropping in to the details of coding. Nobody else bothers to give big picture stuff, so most people tell you what to type, but without understanding why, which they can't seem to conceptualize is important, the what is almost wasted for learning. GREAT JOB!!!

  • @superammar7719
    @superammar7719 9 месяцев назад +35

    I landed a flutter dev job just by watching and implement what I learn from you,
    Just in a period of 7 months I start learning from your videos and create small application and improve my self, now I can consider myself as a very good flutter developer I can create a fully functional e-commerce apps.
    Thanks a lot Mitch ♥♥♥

    • @user-gu5ts5nx8r
      @user-gu5ts5nx8r 9 месяцев назад +2

      wonderful. congratulations.

    • @PaKa-kj3rj
      @PaKa-kj3rj 9 месяцев назад +1

      A $1 fiver job to make a counter app, so good.

    • @creepcakes856
      @creepcakes856 6 месяцев назад

      congratulations it worked successfully for you!!!!

  • @user-te3mj2ck4g
    @user-te3mj2ck4g 3 месяца назад +8

    You changed the way I look at flutter! The best course I've seen so far!

  • @fadhilivunza
    @fadhilivunza 6 месяцев назад +4

    Best online course so far!!!!, precise and straight to the point I recommend it to all Flutter beginners, keep up the good work Mitch...

  • @kachraseth7746
    @kachraseth7746 9 месяцев назад +4

    That's some honest contribution to this topic! We really appreciate your work man! Congrats!!

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

    This has got to be one of the best introduction tutorials on a developer tool I have ever seen on RUclips. Well structured and a great balance between pace and clarity. Very easy to follow the general concept and specific syntax of Dart and how to get started, regardless of project. Well done. Thank you!

  • @hariprendergast5855
    @hariprendergast5855 8 месяцев назад +40

    After countless tutorials over many years this is the best I've seen, so succinct and carefully planned 💯

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

      leave tutorial hell and build

  • @DominusZeikyu
    @DominusZeikyu 8 месяцев назад +24

    This course has genuinely helped me a lot, your explanation is exceptional and pretty straight forward. That's 2 apps in the bag for my portfolio. God Bless you Mitch!

  • @thatmagicalcat
    @thatmagicalcat 3 месяца назад +2

    I have learnt flutter in 2022, didn't use it since then and eventually forgot the concepts, i wanted a short and quick video to refresh my previous flutter knowledge, this video really helped me out. Thanks!

  • @SukiBuild
    @SukiBuild 4 месяца назад +11

    This guy is genius. Honestly, I bought a flutter course on Udemy and the dude just could not get the concepts across the way you do. He made it seem so out of reach, not as beginner friendly as I hoped. And he has the highest rating for Flutter course on Udemy. Thanks man, subscribed.

    • @axlkurt
      @axlkurt 4 месяца назад +3

      same happened to me, the guy explains like 4 ways of doing stuff and gets into really complicated stuff very early. maximilian is called, its not bad, just kinda confusing

    • @SukiBuild
      @SukiBuild 4 месяца назад +3

      @@axlkurt oh yeah, that’s the exact same guy. He over explains stuff to the point it gets confusing, you’re not talking to dummies for crying out loud. I would have bought Angela Yu’s flutter course because she’s an amazing teacher, but the reviews says she hasn’t updated her flutter course in a while. Hey 100 days of coding and Web development courses are 10/10 though.

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

      +1 guys 😢

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

    Excellent course. Keep it up!! Millions of thanks for making quality content free and accessible to all. ❤❤❤

  • @rckashyapcpe
    @rckashyapcpe 8 месяцев назад +22

    I'll be a Flutter Developer. I'm saying it here and I'll be back here when I finally do.

    • @DewidBielecki
      @DewidBielecki 22 дня назад +1

      It was 8 months ago. How is your journey now?

    • @Kha_57
      @Kha_57 20 дней назад

      ​@@DewidBieleckihe died

    • @akshat_senpai
      @akshat_senpai День назад +1

      ​@@DewidBieleckiHe never came back

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

      @@akshat_senpai I guess we'll never know

  • @nosjin666
    @nosjin666 2 месяца назад +3

    Starting my Flutter adventures right here and now along with all of you guys with master Mitch cooking some smooth and delicious tutorials for us.

  • @joebashour
    @joebashour 17 дней назад

    Very simple. Very comprehensive. Straight to business.
    This covers almost every point any beginner should need. Thanks a lot, Mitch!

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

    Bro! Hands down best program explanation I’ve ever heard. You make these concepts absolutely clear.

  • @FullStack_Pro
    @FullStack_Pro 4 месяца назад +5

    Respect to the author! These are the best Flutter video tutorials for beginners on all of RUclips! Thank you!!!

  • @rowinaseidler315
    @rowinaseidler315 5 месяцев назад +4

    This is a fantastic tutorial. I did a computer science degree 20 years ago and have not programmed since as I went immediately into teaching and now homeschool my kids. This is such a great introduction back into coding…so well taught! We are working on a homeschool app project and have chosen Flutter so hopefully will have it complete by the end of the year and your course will have certainly been a great help!

  • @ayandaumoses6930
    @ayandaumoses6930 2 месяца назад +1

    Thank you soo much. Spent a lot of time searching for an intuitive course like this. You made everything simple for me

  • @shreyassirshikar7521
    @shreyassirshikar7521 4 месяца назад +1

    Hey Mitch! Thank you so much for investing your time in such an amazing and insightful tutorial. Spending 2 & a half hours on this tutorial was sufficient for a beginner like me to grasp the fundamentals of flutter and to comprehend all associated elements. Keep posting :)

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

    Appreciate your work, you just made my flutter journey so easy. Thank you

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

    This is one of the best and intuitive Flutter tutorial out there. Kudos.

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

    Great tutorial and the voice is so calm and clear its for radio voice. Nice job

  • @jondoe79
    @jondoe79 8 месяцев назад +6

    The best tutorial so far, every explanation is crystal clear

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

      way of customizing their own button. I prepared this short solution to show
      ruclips.net/video/_rarCxycuzA/видео.html

  • @nagaprasadg1817
    @nagaprasadg1817 6 месяцев назад +1

    SERIOUSLY, THE BEST TUTORIAL ON FLUTTER!!! THANKS A LOT FOR THIS TUTORIAL MAN

  • @ChrisKlein3
    @ChrisKlein3 7 месяцев назад +2

    Thank you! I've been learning so much from your channel. Greetings from Brazil! 🇧🇷 🚀

  • @donnymollie
    @donnymollie 29 дней назад

    Great job! Your teaching is clear and simple. Thanks so much!

  • @HuntingAndFishingPakistan
    @HuntingAndFishingPakistan 6 месяцев назад +9

    I started to learning flutter in 2021 but couldn't proceeded because of some personal reasons. Yesterday I started to learning again and luckily come across your tutorial. I'm sure after this tutorial I'll be able to create my own app and publish it to the play store.
    Love this tutorial.
    Everything to the point.
    No time wasting

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

      🤔 how its Possible with 2 hours video.

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

      Because I already have degree in computer science. and this video clear almost all concepts relating flutter
      @@sheshasaikummarikuntla7941

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

    I have never seen anything so awesome explained, fun to watch and eager to try! Thank you for this great course!

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

    Thank you so much Mitch. You don't know how many people you helped with this. You are amazing

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

    This is hands down the most helpfull beginner course i've watched! thanks💯

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

    Mitch, you are an excellent teacher. Thanks for this tutorial.

  • @joshuaeichler-summers2173
    @joshuaeichler-summers2173 5 месяцев назад

    Thanks for making this video. The most useful tutorial I have found online!

  • @ryyyyy2010
    @ryyyyy2010 8 месяцев назад +1

    thank you for this course man, really appreciate it.

  • @Muni2626
    @Muni2626 6 месяцев назад

    Thank you for this explanation easily understanding the concepts Mitch!, Three years of learning you have just explained in just 30 mins😅. Once again thank you a lot..!

  • @atziazas
    @atziazas 9 месяцев назад +2

    So excited for this. Thank you ❤❤❤😊

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

    Great content! You've saved me hours of searching online for simple and obvious things that a Flutter beginner like me would have done. Thank you!

  • @user-mq7nf2wu5s
    @user-mq7nf2wu5s 7 месяцев назад +4

    SERIOUSLY THE BEST TUTORIAL ON FLUTTER!!! THANKS A LOT FOR THIS TUTORIAL MAN!!!!

  • @neozes
    @neozes 3 месяца назад +4

    That is a really hi value flutter lesson. One of the best ive seen.

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

      thank you so much for your support

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

    This is so useful and well explained. Thank you so much for creating this! 🙏

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

    Definitely need this, thanks mitch 👍

  • @themarcomoreira
    @themarcomoreira 8 месяцев назад +2

    Wow, this video was incredibly insightful! I've been diving into Flutter and your explanations were so clear and helpful. Thanks for sharing your expertise, it's made a real difference in my learning journey! 👍👏

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

      way of customizing their own button. I prepared this short solution to show
      ruclips.net/video/_rarCxycuzA/видео.html

  • @ItsHelmetBro
    @ItsHelmetBro 19 дней назад

    29:15 Bro just showed my 3 years of Computer Science in less than 15 mins LOVE IT!

  • @ahmedivy
    @ahmedivy 8 месяцев назад +207

    Bro you teached me all flutter in 2 hours, while my professor is just teaching us dart for 3 weeks 😂😂

    • @devstuff2576
      @devstuff2576 8 месяцев назад +13

      how many of you are in class? How many of those learn at same speed? How many classes does he have? How long is a class? I could go on and on but point is, you are slow

    • @gatovsky
      @gatovsky 8 месяцев назад +10

      How do you want to learn a framework if you don't know the language with which it was developed?

    • @BooleanDev
      @BooleanDev 8 месяцев назад +6

      i assume its a class for beginners? they need to learn the basics first

    • @s1nistr433
      @s1nistr433 7 месяцев назад +5

      They're teaching flutter in schools now? That happened quick

    • @user-re8lt2gy3g
      @user-re8lt2gy3g 7 месяцев назад +5

      Because he is rushing stuff obviously for the video, tf

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

    This is very cool Mitch! Thank you very much for this tutorial.

  • @user-rz7ry5xt9y
    @user-rz7ry5xt9y 12 дней назад

    Thank you so much Mitch

  • @user-ej9bw4el4i
    @user-ej9bw4el4i 3 месяца назад +1

    Thank you for this video. It is a great course, and it explains Flutter basics quickly and fluently.

  • @JoseLuisGarcia1234
    @JoseLuisGarcia1234 6 месяцев назад

    thank you so much for this incredible tutorial!

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

    Thank you brother, you're the best 🙏🏽

  • @Kelvinthechamp
    @Kelvinthechamp 3 месяца назад +1

    Excellent course i was searching for good flutter course glad i found your channel and this course finished non stop at one go quite simple yet powerful explanation

  • @SeanPizzaSpark
    @SeanPizzaSpark 7 месяцев назад +2

    Dude! You really saved me. I was about to give up Flutter and this tutorial alone saved my life. Thank you so much for being understanding!

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

      Why you wanted to give up? Any specific reason?

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

      @@wiki4672 I really tried to learn Flutter and almost all the tutorials are cramped and it didn't give you anytime to understand things meanwhile this video let's you really understand the concepts of Flutter while also understanding Dart at the same time.

  • @rithvik119am6
    @rithvik119am6 8 месяцев назад +2

    you are crazy good, I am good at Python but I always wanted to start learning flutter but I'm not too fond of documentation and other videos made me not start but you are very very good man, thanks for helping me start

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

    finished it. it was awesome!

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

    Thanks a lot, Mitch! Good work!

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

    Thank you , youtube should recomend this for every one who type ( flutter course )

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

    Best tutorial I have ever come across

  • @shaukatali2578
    @shaukatali2578 6 месяцев назад +1

    bro you are awesome man ... thank you for this course

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

    Exceptional introduction to flutter!!

  • @I.B_GameBoy
    @I.B_GameBoy 12 дней назад

    The Best tutorial online

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

    Thank you so much for your hardworking and generosity, this tutorial worth rewarding Gold...
    More wisdom

  • @at.8887
    @at.8887 6 месяцев назад

    You are insane for this! Thank you!

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

    You are amazing, your work is great, congratulations. Endless Thanks

  • @user-iu7hh3yv5e
    @user-iu7hh3yv5e 4 месяца назад

    one of the best flutter tutorials, simple and easy to understand ❤❤

  • @jastinebitbit4432
    @jastinebitbit4432 8 месяцев назад +1

    Thank you very appreciated, you are the great teacher.

  • @guynatumanya
    @guynatumanya 9 месяцев назад

    Thank you Mitch, love from Uganda

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

    Wonderfull. Thats really helpfull. Thank you.

  • @user-ye9vm1wi4o
    @user-ye9vm1wi4o 6 месяцев назад +2

    only tutorial you will ever need to start building your own project. This is so great

  • @conceptcoder
    @conceptcoder 9 месяцев назад +2

    I really courius about how u think creative to build every single page in flutter.... It's so nice

  • @nuelscorner9987
    @nuelscorner9987 8 месяцев назад +1

    Hi Mitch, Thanks for this great work, thanks

  • @juanpineda-montoya
    @juanpineda-montoya 8 месяцев назад +1

    Thanks for sharing!

  • @pratyushvaibhav
    @pratyushvaibhav 8 месяцев назад +1

    We learn best by doing -absolutely correct

  • @AcordesRafa
    @AcordesRafa 2 месяца назад +1

    Thanks a lot for this training, You are amazing professor. I give You the like and new subscriber.👍

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

    Thank you buddy for this

  • @RobelLumasag-yw4dc
    @RobelLumasag-yw4dc 8 месяцев назад +1

    besttt! Thank you for this!

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

    Great Class , i m about ot finish the video, great way to work

  • @user-ds7cp3tu4z
    @user-ds7cp3tu4z 3 месяца назад +1

    Bro you’re so good thanks👍

  • @thomasdeguitre7373
    @thomasdeguitre7373 4 месяца назад +1

    Thx bro, this course is very good !!

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

    You are doing a great job, keep going bro!!🤟

  • @nobody007
    @nobody007 9 месяцев назад +3

    Hey Mitch i really like your videos . Could please do more videos on backend like api integretion and statemanagement

  • @MoucheSoldatNoireenCoted-fv4dx
    @MoucheSoldatNoireenCoted-fv4dx 5 месяцев назад

    this is the best training ever

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

    Thank you I love your tutorial, so that I can remember stuff better I even bought the beginner handbook which is very helpful thank you very much.

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

    hey man you dropped this 👑

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

    Thx mitch 💜

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

    My POV: I'm a bit sleepy watching it, and you sound like a rapper or something. All of it is still worth it. Keep it up, and thank you so much, Sir

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

    Mitch, you're probably the best flutter teacher out there...keep it up my brother 👍👍👍

  • @I.B_GameBoy
    @I.B_GameBoy 12 дней назад

    Your videos are Great

  • @abdullateefbalogun4316
    @abdullateefbalogun4316 8 месяцев назад +1

    Thank you buddy. you are amazing

  • @AnkitDave06
    @AnkitDave06 12 дней назад

    Great content

  • @steps.ofLife
    @steps.ofLife 9 месяцев назад +1

    Ufff @mitch koko ,the most awaiting course is out know with any charges ❤😮

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

    thank you for on poiny and brief tutorial it was very helpful

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

    Thank you 🥺 koko bro you make this video i am waiting from a long time but i covered most of the topics of basics please also make for intermediate learners ❤❤💛💛

  • @user-id7db2qp8p
    @user-id7db2qp8p 3 месяца назад

    i love mr.koko voices!!!!

  • @mustaphayusuf6091
    @mustaphayusuf6091 4 месяца назад +1

    Thank you very much bro!
    I am a .net maui developer and learning flutter in our company, i found it so understandable and fully understood mvu concept and widgets, in just 2 hours, i followed every minute of it. I have no choice but to follow up each of your videos and watch. Thank you! thank you!!

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

    amazing explanation!

  • @Mi3a3a
    @Mi3a3a 8 месяцев назад +1

    Bro you are the best.

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

    souch a good tutorial, made flutter look easy, thanks

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

    Hey @Mitch, I am a big fan of your work and love your style. I have even bought some of your things.
    I just wanted to say that I do disagree with something you said here in the beginning. This video can replace a boot camp or an online course on mobile dev but not computer science. As a lifelong computer science person, I know that CompSci is so many things such as computer architecture, formal logic, compiler construction, operating systems, and programming among many others.
    Programming/coding happens to be very useful for the industry hence it has become lucrative.
    Love your work! thanks again :)

  • @BlueHeadsJena
    @BlueHeadsJena 9 месяцев назад +27

    Very cool. But I wait for an intermediate or expert course 😊

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

      ​@@mindblower113Nope Mitch's breakdown is easier to understand and get a fast grasp on the information given. Just saying duo 🤝🏾

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

      ​@@mindblower113but its kinda confusing sometimes

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

      @@vukasinsl1 yh but we would have to learn one way or the other