Build Your App With Flutter - EASY Tutorial

Поділитися
Вставка
  • Опубліковано 8 лип 2024
  • This is how to learn Flutter in 2 hours. At the end of this tutorial you will be able to build your own app with Flutter. You will also receive a FREE Flutter checklist to make your learning experience as easy as possible. One of the hardest things when learning Flutter is remembering everything, but with the Flutter checklist provided in this 2-hour tutorial, you won't have to remember everything. This is by far the easiest way for beginners to learn Flutter. The tutorial is 2 hours long and covers most of the important aspects of Flutter. Keep in mind that there's much more to learn with Flutter, and if you like this teaching style, our courses will delve much deeper into Flutter. In just 2 hours, you'll learn the basics of Dart and Flutter and be able to build an app on your own if you keep the checklist nearby. For more information about Flutter, check out our UA-cam channel, where we focus exclusively on Flutter. Thank you, and please feel free to leave a like if you enjoyed this tutorial. This tutorial was made using Flutter version 3.7.6.
    LINKS
    Flutter Checklist: www.fluttermapp.com/checklist
    Visual representation of some Flutter Widgets [NO MORE AVAILABLE]: fluttermapp.com/widgets
    👍 Feel free to leave a like if you enjoy this content.
    OVERVIEW
    0:00​ Requirements
    0:30 Free Flutter Checklist
    1:30 Create a new Flutter project
    4:05 Launch your Flutter project
    6:00 Let's code!
    7:20 Extensions
    11:15 Auto "const"
    12:55 Flutter Key concepts
    15:30 Visual representation of Widgets
    18:03 What we will build
    20:50 Home Page 📜
    23:55 Add images
    27:52 Solve Errors
    31:25 Null Safety
    46:30 Custom Widget
    51:42 Pass Data
    58:12 Create a class
    1:07:05 Change page
    1:08:00 Description Page 📜
    1:09:00 Navigator
    1:19:42 Bacon ipsum
    1:32:30 Functions
    1:35:40 Arrow function
    1:47:50 Bottom Navigation Bar
    1:59:10 Profile Page 📜
    2:07:48 Value Notifier
    MISSION
    Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and straight to the point Flutter videos.
    SOCIAL MEDIA:
    Twitter : FlutterMapp
    Website: www.fluttermapp.com
    Discord Invite: / discord
    CONTACT
    For business inquiries email me here: info@fluttermapp.com
    Website: fluttermapp.com
    #FlutterMapp
    #Flutter

КОМЕНТАРІ • 114

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

    Simple, straightforward, and no waste of time. Best Flutter tutorial - period!

  • @ruksharalam173
    @ruksharalam173 11 місяців тому +4

    Probably, one of the best tutorial vids I've seen in a while. Would love more project-based flutter vids.

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

    This is the best tutorial for Flutter on UA-cam!

  • @ThinhNguyen-tn7vu
    @ThinhNguyen-tn7vu Рік тому

    Perfect! I spent 2 hours to watch this. Love it !

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

    Best tutorial I found till now on flutter

  • @L..700
    @L..700 10 місяців тому +5

    This is the best tutorial I've had so far because I actually understand the whole video and able to finish the app. It gives me more confidence to continue my journey with flutter instead of ending with endless frustration. Thank you

  • @JunaidhFardeen
    @JunaidhFardeen 10 місяців тому +1

    Best Tutorial so far. Tried so many tutorials, but this helped the most with my understanding.

  • @iamkartiknayak
    @iamkartiknayak Рік тому +8

    A follow-up video would be helpful covering switches, sliders and provider state management

  • @Rui25Almeida
    @Rui25Almeida 10 місяців тому +1

    Thx for the course, been learning flutter for a while. You helped me a lot, waiting for more videos in the future 🔝

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

    Such a great and informative video. Straight to the point and can be easily followed. Please keep up making videos like this. I'm super thankful 😊

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

    Thanks man!! Greetings from Brazil!! You help a lot!!!

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

    Very nice. Great job. I was following until @1:05 and tried to replicate everything by myself with success cause of your great explanations. So excited to dive deeper. Thank you

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

    Many thanks to you! ❤

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

    The best course ever!

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

    Thnaks for fresh video!

  • @eliyahutarab4862
    @eliyahutarab4862 10 місяців тому +1

    I am very new to Flutter and i am already half way in this video and i know that there is a lot to learn but this for sure gave me the push needed to continue with it Thank you very much

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

    Lots of wonderful resources! I'm grateful I found this channel!

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

    This is best thing I have listened to anything in flutter

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

    thank you for the tutorial!

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

    Excellent video again, thanks a lot!

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

    The best way to start!

  • @IsxaaqAcademy
    @IsxaaqAcademy Рік тому +5

    Facts vs. Tutorial promises:
    _ Installations will take a day
    - The Path concept will look like to you as a new alien planet
    - You will be stuck at Flutter Doctor
    - Setting an emulator will test your patience
    - Running the gradle task will take forever
    - You will code, but you will forget how you get here
    - You will uninstall it and reinstall it 7 weeks later
    But eventually the victory at the end is so sweet. Never surrender and google everything.

    • @fabiano8888
      @fabiano8888 11 місяців тому +1

      I struggled like that on my first try but succeeded. The next day, I did the same on my second laptop just to appreciate how much I have learned. What I realized is that learning Dart and Flutter is much easier and fast paced in comparison with other languages I've tried and got frustrated before.
      My motivation level is higher than ever in a long time. This channel is the best and most updated so far, and I hope it will keep like that.

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

    Thanks ❤

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

    best flutter tutorial , thanks

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

    thanks ! nice tutorial!

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

    Very nice. I have followed your step and built my first flutter app.

  • @imaximus_code
    @imaximus_code 2 місяці тому

    I am loving it, the way he teaches is on a whole new level, I'm gonna watch all of your videos

    • @FlutterMapp
      @FlutterMapp  2 місяці тому

      Thank you Prince! Wish you the best for your projects 🔥

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

    I was literally just following your other 2h tutorial. It's been so helpful!

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

      I really hope this will help (This course have a checklist also to make things easier 👍)

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

    Thanks for the great content..

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

    What a nice flutter course, well done !.

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

    this is amazing thanks

  • @leon.dev89
    @leon.dev89 5 місяців тому

    Thank you for this, I learnt a lot.

  • @abdiqaniahmad
    @abdiqaniahmad 2 місяці тому

    DUDE YOU DESERVE A NOBLE PRICE, HUGE THANKS 👍🏻👍🏻👍🏻

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

    Really passionate about what you do. We really appreciate it the entire flutter community keep educating and motivating future programmers one day someone will make a couple of millions and remember you with a generous tip. Believe that

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

    You're doing a great job 👏 🎉keep going....

  • @user-ls1ge5jd9g
    @user-ls1ge5jd9g 2 місяці тому

    Many thanks man!!!

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

    I would like to see a video about how to create an email form that actually sends an email out of the app with and without the use of Firebase. Thanks so much for this two hour video. It’s been helpful to refresh my past learning of Flutter very quickly.

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

    Wow ! Thanks👍

  • @user-ie5hx5mu6c
    @user-ie5hx5mu6c 3 місяці тому

    You're the best of the best, you did the tutorial with your heart, so thanks a lot for that Sir.

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

    Will Don its very useful thanks bro💜

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

    Hello there good sire! I woul like to express my graditute and thank you! This was an amazing tutorial, full of insights!

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

    Amazing content man tysm !!

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

    nice tutorial. worth watch

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

    Thanks for your time & efforts.

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

    Very very good and simply explain tutorial ❤

  • @KStone-zx3cc
    @KStone-zx3cc 9 місяців тому

    You deserve more than 5 stars. thank you very much

  • @neeleshagashe1173
    @neeleshagashe1173 2 місяці тому

    Thanks Buddy

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

    I work as a backend developer, and I primarily use Java. Recently, I decided to learn React, and I built an app using React Native, which took me about a month. After watching this video and some others on UA-cam about Flutter, I realized it is very easy and intuitive, especially for someone who has already worked with React Native.
    In my personal experience, people who are proficient in Java should choose Flutter, as Dart is very similar to Java. On the other hand, if you are skilled in JavaScript, React Native would be a better choice. I am confident that I can rebuild the same app in just one week. I encountered several issues with React Native, particularly with local storage. I ended up using SQLite, but the performance is much slower in React Native. I hope Flutter will surprise me in this regard.
    Thanks a lot, and keep up the good work :)
    P.S. Could you make a video about local storage in Flutter, specifically SQLite? I've noticed that most people on UA-cam use key-value stores, but those are not as useful for managing relational data.

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

    Dude you are the beeeest

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

    Thank you sir
    For helping many people ❤❤❤

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

      Flutter to the moon 🔥 Thank you!

  • @snapshuttre
    @snapshuttre 11 місяців тому +3

    I have gone through many flutter tutorials from many channel and left all of them unfinished, because at some point I couldn't keep with what's going on. because I didn't know that basic thing - "Flutter is widget inside widget, simple as that!". At that point I knew I have finally found the video that is gonna actually teach me about flutter and will give me a kick start on flutter. Now I have just completed the whole video, and I just wanna say Thank you a lot! you have helped me more than any flutter developer I have watched. Thank you for giving me the starting push. Now I am gonna learn flutter inside and out.

    • @FlutterMapp
      @FlutterMapp  10 місяців тому +1

      Letsgooo! Thanks for sharing what helped you to learn Flutter.

    • @user-fr2fm3ri3w
      @user-fr2fm3ri3w 9 місяців тому

      He is French yet mananges to explain everything better then the average American in English and builds a real project so you see stuff in action and don’t get bored. Hands down the best flutter content by far.

  • @ShaunyTravels.
    @ShaunyTravels. Рік тому

    This is amazing 👏 🙌

  • @codewithakthar-wc2nn
    @codewithakthar-wc2nn Рік тому

    Great Content to learn

  • @user-kw4kp7eq9m
    @user-kw4kp7eq9m Рік тому

    Good job!

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

    Excellent video
    (Une vidéo excellente)
    Keep up the good work
    You rock 👾

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

    thx u bro very much!!!

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

    Really appreciable.

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

    Hello, I really did like your style of teaching, it's straightforward to follow, thank you,
    but please I would like to have a description for every image but I am still having a hard time trying to do this, please I need help on this.

  • @user-zy6lz2lq6t
    @user-zy6lz2lq6t 9 місяців тому

    well Done bro

  • @user-wr4yl7tx3w
    @user-wr4yl7tx3w Рік тому

    do you have a cheatsheet version for MacOS?

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

    Flutter and Firebase, please 🙏

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

    Does it have github link?

  • @user-pb6bt3qw4y
    @user-pb6bt3qw4y 8 місяців тому

    The Widget option is not available in the website. other website give me plz.....

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

    The Widget option is not available in the website,. Can you please check and add it again.

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

    I recommend anyone who wants to earn money, make some flutter mobile app and sell it.
    Im making approximately 50-100€ a day from my apps. And I just learned the coding of mobile apps. But luckily I have been coding for 20 years.
    Its not hard to pick up new language like Dart.

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

    i placed the SingleChildScrollView in same place in your code, the scrolling function is not working

  • @imaximus_code
    @imaximus_code 2 місяці тому

    it seems the widget page on your website is no more available

  • @user-nr7ey5sn5y
    @user-nr7ey5sn5y 2 дні тому

    We need checklist please

  • @imaximus_code
    @imaximus_code 2 місяці тому

    Hello, I can't access the widget web page. It say page not found

  • @sauravmodak507
    @sauravmodak507 10 місяців тому +1

    fluttermapp widgets not available any more

  • @mohammedal-salehi4678
    @mohammedal-salehi4678 Рік тому

    Why this item is not available in my location?!

  • @user-cx8tq4xh8f
    @user-cx8tq4xh8f Рік тому

    The book is not avalibel in my country, why

  • @user-wh5qu4nf3r
    @user-wh5qu4nf3r Рік тому +1

    Do you have a course on Udemy?

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

      We don't, the courses are available on FlutterMapp.com. But the course will be updated soon, so don't buy it right now. 👍 Should be available in 1 week.

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

    May I ask what is the difference between this video and "Flutter Tutorial For Dummies" I want to start learning by doing, but I got confused about what I should watch?

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

    the site to visualize flutter widgets doesnt load :(

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

      I know! It's no longer available on the website. The website was built with Flutter before (and it was terribly slow 😂), but now it's built with React Native.

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

    I can't download there is a problem "Sorry, this item is not available in your location" how can I solve ?

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

      Sxp vpn isticmaal saas lee kudagsan kartaa pdf ka

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

    thanks a lot sir.
    but i can't download the checklist!!!

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

    Sir complete 215 widjet

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

    Bro pdf not downloading

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

      enter 0 and then u will can download this

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

      Yeah, I don't know why they want the user to enter 0.. Weird. Anyways, good learning!

  • @ahmedalial-selmy895
    @ahmedalial-selmy895 11 місяців тому

    Links are soooo annoying and at the end not working😏

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

    Just call it an underscore instead of "this little thing" already

  • @user-lr4te4st5e
    @user-lr4te4st5e Рік тому

    Hello everyone!
    Isn't it too late to learn Flutter in 2023 for earning money?

  • @pietrononame4945
    @pietrononame4945 23 дні тому

    2 hours? It is not easy or intuitive. So good bye Flutter with such "Hello Worlds" in 2 hours..

    • @FlutterMapp
      @FlutterMapp  18 днів тому

      What was the biggest pain point? Maybe I can do a video about it. Thanks!

  • @ale.xander
    @ale.xander 11 місяців тому +1

    just like auto const, you can also have auto semicolon, it should be like this:
    "editor.codeActionsOnSave": {
    "source.fixAll": true,
    "quickfix.insertSemicolon": true,
    }

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

    just correcting, to use see all the possible arguments avaible on mac is ⌘+i