Flutter Tutorial For Dummies

Поділитися
Вставка
  • Опубліковано 8 лип 2024
  • This is a Flutter tutorial for beginners where you will learn how to learn flutter from scratch. This video will show you how to install Flutter on Windows and Mac, then you will learn how to use Flutter. This tutorial about Flutter and Dart is really simple to understand. After the 2 hours you will have the Flutter fundamentals. This is how to learn Flutter for beginners / The simple and faster Flutter tutorial ever! I hope you like this Flutter Tutorial for dummies and feel free to ask your questions in the comments.
    LINKS
    Cheat Sheet PDF here: www.fluttermapp.com/checklist
    How to structure your files and save time (VIDEO): • 2 Flutter Tips You Sho...
    FREE FLUTTER ROADMAP
    A Free step by step guide to learn Flutter available here: fluttermapp.com/
    OVERVIEW
    🚀 Intro
    0:00​ Let's learn Flutter
    ⚡Install Flutter Windows
    0:23 Install Flutter SDK
    1:45 Install Android Studio
    4:48 Install Visual Studio Code
    6:40 Edit Environment Variables
    8:41 Accept Android licenses
    9:39 Create a Flutter Project
    12:14 Extensions you need
    13:37 Launch your Flutter App
    15:17 Launch on Physical Device
    ⚡Install Flutter MAC
    17:40 Install Flutter SDK
    19:55 Update your path
    24:04 XCode + Simulator
    24:46 Install Android Studio
    25:40 Install Visual Studio Code
    26:39 Extensions you need
    27:13 Create a Flutter Project
    29:40 Launch your Flutter App
    ⚡Learn Flutter
    30:26 What we will build
    31:13 Your cheat sheet
    32:35 Login Page
    1:05:30 Commit to learn Flutter
    1:06:00 Home Page
    1:37:00 Description Page
    💥If you want to create a more detailed timestamp in the comments, I will copy paste it inside this description, thank you! 💥
    🚀 Outro
    2:08:47 More Tips
    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.
    DISCORD:
    Invite: / discord
    CONTACT
    For business inquiries email me here: info@fluttermapp.com
    Website: fluttermapp.com
    #fluttermapp
    #flutter

КОМЕНТАРІ • 184

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

    I went through multiple flutter tutorials before and this tutorial goes directly to the point...awesome! Love the cheat sheet!

  • @karabongwato3391
    @karabongwato3391 Рік тому +6

    As a beginner flutter developer I’ve been searching for tutorials that can help me get started. This is exactly what I needed , now I’m confident to continue!

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

    I got in touch with Flutter due to my current exam on my job hunting, and currently playing around and comparing it to React Native. But your tutorial wants me to dive more deeper on this. I will commit on this even if I fail my exam, give me 2 weeks.
    Edit: I am hesitant at first for my current role in my job is React Native, but now I understand why people is saying Flutter is fast in development compared to RN.

  • @mig7287
    @mig7287 Рік тому +36

    Thanks.... I am 4 years old and understood everything.😀

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

    I loved this a ton! I'm new to Flutter and this video helped me unlike the other 3 videos I started watching but I'm glad you broke the concepts into understandable chunks

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

    ive been looking for simple flutter tutorials and this is by far the best and the easiest

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

    I am really so much thankful to you. The way you explained is just immaculate!

  • @hello----world
    @hello----world Рік тому

    Hi, I am thankful for this tutorial. It helped me get a grasp on flutter development and set me on the right path. One thing I did while following the tutorial was I created a widget specifically for the tiles on the home_page. This allowed me to apply any changes (such as GestureDetctor) to all the tiles by just changing it once. I strayed away a bit from the tutorial and I made this widget able to accept arguments, to allow for customization of every instance of that widget

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

    I just finished to watch your tuto! Thanks a lot ! Wish your the best!

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

    You are just AMAZING! OMG, by far one of the best tutorials I've seen yet! Keep up the fantastic work, and I'm looking forward to more of your vids. It will be great to have one on retrieving images from the cloud storage 😀

  • @moemen_yt810
    @moemen_yt810 7 місяців тому

    I Really commit to learning flutter, especially after watching this tutorial! Its truly an amazing tutorial about flutter, its like 4th tutorial I've watched from you guys (Flutter Mapp). They all help so much! ♥Much Love ♥

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

    Thanks so much😎hope you're feelin' well mate - finishing the year strong 🌟

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

    Thanks very much, I love your detailed explanation and not assuming that we know anything. Am definitely going to build this project too

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

    If i can learn from you for a couple of months, i can become a pro in no time. Thanks buddy

  • @JeffPalmer42
    @JeffPalmer42 Рік тому +9

    Can you please do a step by step for deploying to the App Stores? (Google, Apple, Microsoft)

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

    Thanks, very nice and easy to follow!

  • @User-NB7PK95
    @User-NB7PK95 10 місяців тому +1

    Appreciate your effort.
    You're an excellent teacher.
    I'm addicted to watch your videos.
    Hatsoff Sir.❤

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

    you are the best programming instructor ever.

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

    All right ! I WILL 100% commit to learn flutter, give me 3 weeks !

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

    This is the best flutter tutorial by far. Thanks for doing this and I love the French accent, 😀

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

    its an amazing video learn the flutter from beginning... Thanks ...

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

    Thank you, you make great videos on flutter.
    I'am Starting learning and you are helping me a lot. 👍

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

    I don't usually take the time to comment but this is an amazing tutorial. Much appreciated.

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

    Very simple and good teaching love it 1:06:05

  • @myst.youtube
    @myst.youtube 11 місяців тому

    I just finished this awesome tutorial, and damn, it's so good. That's why I'll 100% commit to Flutter

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

    this is so resourceful, you just got me upppppp

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

    You are really strong explainer, thanks a lot! You make a great gob, 'couse you ignite a desire to learn Flutter! Respect🤛

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

    Thank you very much. It easy to understand and very simple for beginer like me.

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

    I will 100% commit to learning Flutter!

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

    Best teacher so far, i got this!

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

    Your video is very helpful..you describe everything steps by step. Thank you so much for your kind information. ❤❤❤❤

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

    Alright!! I will 100% commit to learn Flutter. Give me 2 weeks!! Letsgooo!!!

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

    i never enjoy a tutorial as much i enjoy this one

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

    thanks for your previous 1 hour video and this video. from Bangladesh.

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

    Best tutorial!!! Thanks man

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

    Alright!! I will learn 💯 commit to learn flutter. Give me 2 weeks!! Let's goooo!!

  • @supreme-soft
    @supreme-soft Рік тому

    I'm really enjoying your video. I recommend everyone to try this one, you'll get more than you expect from his tutorial. Thanks for making this amazing video ever!!!

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

      Thank for the nice comment 🔥🚀🚀🚀

    • @supreme-soft
      @supreme-soft Рік тому

      @@FlutterMapp You're welcome 😊

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

    that was super helpful , i learned a lot cuz of you so thanks king ❤

  •  Рік тому

    impresionante, mil gracias, excelente!

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

    형 최고야..!!! 너무 고마워

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

    Great teacher

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

    THANKS YOU🥳

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

    AMAZING SIR, JUST AMAZING

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

    A very good course, I'm waiting for your 10hrs course

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

    Great video mate. You should do more project-focused videos.

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

    Awesome tutorial for beginners .Thank you :)

  • @mehdi2368
    @mehdi2368 7 місяців тому

    I will 100% commit to learn flutter❤

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

    Alright!! I will 100% commit to learn Flutter

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

    Very usefull video, your explanation is great, i can quickly understand flutter...

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

    Awesome!! Thanks a ton!!! 🙂

  • @IbrahimIbrahim-qn4ol
    @IbrahimIbrahim-qn4ol Рік тому

    Alright!! I will 100% commit to learning Flutter. Give me 2 weeks!! Lets gooo!!!

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

    Hell yeah I'm committing to creating my apps!!

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

    Thank you so much for this awesome tutorial. Well explained

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

    Hey fam! Just wanted to thank you for all the content you've been putting out! Best channel on the tube if you asked me😁

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

    thank u❤

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

    Thank you broo

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

    I will 100% commit to learn Flutter. Give me 2 weeks!

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

    I will 100% commit to learn Flutter

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

    Awesome! Thanks!!

  • @cafe-con-leche
    @cafe-con-leche Рік тому

    I love this!!!!!

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

    Alright!! I will 100% commit to learn Flutter give me 2 weeks!!! Letsgoo!!

  • @kasimcan
    @kasimcan Рік тому +14

    Update: I finished the video alhamdulillah
    Thank you so much for your great work! I learned a little Flutter before but i almost forgot the things and this video helped me so much. I watched first 1 hour and 19 minutes and i don't know maybe i'll learn it in rest of the video. I'm wondering how to do make things responsive for other screen resolutions. Because i made a container like header and gave it a specific size. When i opened the app in a phone with bigger screen, i saw there is a white area at the right of the container. How to solve this? Container has texts inside and gif image background so stretching it being weird. Can you take a video about it, because i really love your explanation of Flutter!
    Second question; is putting "const" is completely necessary for every stable thing? What if i didn't put it there? Thanks in advance!
    Third; at 2:05:32 can't we use trailing widget instead of action? Doesn't it work that way? And how can we use this method as making day and night mode, that can be set by phone's night mode switcher?

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

      have you create any apps after ?

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

    That was helpful video thanks for the video

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

    Excellent !

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

    Thank you so much for sharing. You are amazing. From Brasil

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

    I will finish this video and learn flutter in 2 weeks from now

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

    Thank
    guy

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

    This video is pretty crazy for beginner! I loved it man! I'm inviting my fellow developer friends to follow you. Keep It Up!
    🤩😍You gave me hope to become Flutter Developer! Thank you🤩😍

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

      Welcome aboard! Thank you for the nice comment 💯👋

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

    great job

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

    it was very helpfull thank's a lot but one question if i want the text change with the content what i do??

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

    I think this is the best tutorial for Flutter beginners ever! I really appreciate how you explain every step you take. I just completed it, and my app is centered around characters from The Matrix. It features icons of five characters, such as Neo, Agent Smith, Trinity, etc. When you click on each icon, you'll find a few sentences about each character individually. It looks fantastic, but the only issue I encountered was how to manage different descriptions for different characters.
    I created a final String variable, "baconText," and pasted different texts with '....' on the Home page. It works, but I'm wondering if it's possible to store these description texts on a "Description Page" rather than on the "Home Page." Thank you so much!

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

      Yes, you can store the variable. If you feel brave, check out the new Provider video. This is a more advanced concept, but it will allow you to handle the data in your app like a pro! 👏 (Video: ua-cam.com/video/FUDhozpnTUw/v-deo.html)

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

    you are simply awesome bro

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

    give me 2 weeks, lets goooo!!

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

    Perfect

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

    Please also make dart course

  • @meganet-wp1mz
    @meganet-wp1mz Рік тому

    nice tutorial

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

    We are also waiting for a course on state management

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

    Always waiting for your new videos

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

    Thanks well explained

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

      You're welcome

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

      How can you tell if it's well explained? When you yourself have commented just after the upload 😂
      2 hours ( a long pass!)

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

    I see somewhere else that Android Studio was better for complex projects, I ended up using it instead of VS Studio (I was already starting inside VS studio 😅)

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

    would love to learn flutter for more than 2 weeks

  • @user-fw1be9zx9g
    @user-fw1be9zx9g 5 місяців тому

    I have committed to become a Flutter developer

  • @ghulammurtaza7959
    @ghulammurtaza7959 Рік тому +12

    Hi, your videos are always great, but I have request to you please create Full Stack apps using Flutter and Firebase.

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

    i love u bro

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

    Great Tutorial - Easy to follow. Thanks. I still need to follow your tutorials. The link to the Two-tips video is broken. Hope you see this comment to fix it.

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

      Fixed, thanks for pointing it out 👍

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

    How we can make admin panel for any of our app?

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

    I just born.. & I understood everything.. :)

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

    You looked Bulk Dude! ❤❤

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

    How to install mac store in windows to make app cross platform in flutter?

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

    You're doing great but kindly make a tutorial on making Rest API's in dotnet core and integrate with flutter and then make a full application
    Thanks 😊

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

      How about you go on UA-cam and look for one of the thousand videos about rest api xD Integrating it with flutter really is the same as integrating it in any other framework and tons of documentation already exists on this. Don't be lazy :)

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

      @@alexanderdeprez6646
      There is no laziness man. I have to say that how we make an API of an audio file in dotnet core and integrate it in flutter and save that audio file in the SQL server database.
      Is there any best tutorial so kindly tell me. Otherwise keep your mouth shut
      Thank you ❤️

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

    I will commit to learn Flutter

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

    Hi, if i purchase your course and learn it, its the same code to make websites front end? or do i need to learn other stuff.

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

      Hi! You can code website front end with Flutter, BUT its not the best! So I do not recommend building websites with Flutter as for now 👍

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

    what should l do after this video?

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

    hey @Flutter Mapp, Can dart be really used for backend? Like making API's, twitter and discrod bots?

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

    Can please add api project using getx

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

    Awesome video brother. Please, could you do an example of a GPT-3 chatbot. DALL-E, Tensorflow etc. Cheers, bro!

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

    Can u make Disney+hotstar clone with flutter and notion as backend cms with notion api
    Disney+hotstar or Netflix
    We don't need video playing part
    Just info about series
    And in info screen details of cast of show or movie
    And also comments feature if poss

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

    bro im not able to fix all the checkboxes in terminal without that i cannot proceed please help

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

    So just “copy what I do but don’t worry about understanding why I’m doing any of it when you actually need to think for yourself”

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

    Create a flutter video for beginner to advance level 😍😍✌✌😍😍
    ( quick)