Building your first Flutter App - with a Codelab!

Learn how to build your first Flutter app, an that application generates cool-sounding names, such as "newstay", "lightstream", "mainbrake", or "graypine". Users can ask for the next name, favorite the current one, and review the list of favorite names on a separate page. The app is responsive for different screen sizes.

Chapters:
0:00 Step 1 – Introduction
2:00 Step 2 – Set up your Flutter environment
7:23 Step 3 – Create a project
14:08 Step 4 – Add a button
29:17 Step 5 – Make the app prettier
54:42 Step 6 – Add functionality
1:02:44 Step 7 – Add navigation rail
1:23:03 Step 8 – Add a new page
1:27:41 Step 9 – Next steps


#Flutter

[inakisanchez]

I have an interview in a few days for a position with flutter.
I'm a Backend dev and had no experience with this but, man, this was so clear to me.
Thank you

[autozone]

This kind of content is of critical importance. Explaining basic concepts in a simple & easy to follow way is a key for flutter enablement, also seeking help from Filip to present the content is a huge extra!

[durgeshanand]

I first heard of flutter when i wanted to make an app with user authentication as a project to get selected for a team of app developers at my college.(i had no exp in dev before that other than writing html for my own fun webpages). I had 7 days to learn, setup and complete the task and 2 days were spent on setting up and ensuring everything works. It was really the hardest step in my journey.

[MirkoRaimoViaggi]

I'm reading the comments: 99% (not accurate) of them are about the love we feel for Filip. A lot of us think to know flutter thanks to him, Matt, Emily and Andrew but, most of the time, we forget that there is a whole team behind both the amazing technology they created and the crafting of these videos, so... to the whole flutter team: Thank you ❤

[andrealmeida]

Just to say "Thank you"! This was my first contact with Flutter and as an "Old Programmer (I started with Basic in 1984)" I was a little scared by the format of everything, despite programming well in Python, this Dart format was still very strange to me. Now I'm ready to make my first program in Flutter.

[DominusZeikyu]

I'm still fairly new to Flutter, but had experience with Java and Android development and I really enjoyed your lesson and appreciate the flexibility in your guide and the little challenges in it which I enjoyed as well, Thanks Filip!

[bawagrafix]

I have seen your video 2 times, it was very logical and straight forward and to the point, basic stuff and structure is very clear and with minimalistic code, I am converting my existing web app based on php, html, javascript. your tutorial made my life easier as you have not made confused by using alternative methods, you taught only the things which are practical and most logically useful rest playing with options left to developer that's good good but flow of developing good UI is awesome. I really appreciate you work.

[my_wave_app]

Hello! Big thank you to Flutter and the community, this video was a great start for me to get into mobile app programming and here we go: My Wave App (content creator dashboard on mobile) is live so thanks to Youtube and this channel!

[peshalele]

Hi. I finished the tutorial and wanted to go for the advanced version in the codelab. But when I clicked the link it brings me to DartPad but no advanced code. Any idea where can I find the advanced code?

[TheVerbalAxiom]

Thank you for this tutorial. You teach at a great pace, good explanations, and always in detail. You're good at teaching others for sure!

[mlcalache]

Loving the course, content and methodology. Thank you!!!

[loqmanhaidarah]

Thanks bro, we appreciate all the work you done and the way of explanation.

[thebestcoderever]

i know html css js and c+ and I want to make apps so I am learning using this video thank you the the team that made flutter and filip

[asumahyakubu]

Welcome back Filip, we really miss you 😍😍

[twofishonechips]

amazing presentation style; I'm enjoying watching and learning immensely!

[killercaty]

You should become a teacher, just a thought. Was able to learn this and actually pay attention a hundred times easier than any of my college professors teachings. Thank you!

[BenjaminVestergaard]

I've done my share of cross compiling, working with microcontrollers and RTOS embedded platforms... reminding me that flutter will also work with my linux desktop is really something that speeds up development.

It would, however be nice with a basic GUI designer like gtk, because even though flutter is quite straightforward to design by code, it feels like a lot of typing just for prototyping your layout, which can easily be automated.

With .Net/C# or Delphi/Pascal you can design your layout in minutes and then start assigning actions to your buttons/widgets... makes it easier to assign the design phase to an actual UX designer, and then take over or assign the programming afterwards.

Programmers are not necessarily good designers and vice versa.

[sonderbazz]

First off - great tutorial and codelab. 👏
Found a bug in the codelab though - or atleast I think it's a bug. On the 9th step you link to a advanced version of the app but the link takes us to a dartdev page which doesn't include the app in question. Hope you will fix the link.
Thx.

[mkobuolys]

Waiting for the speed run version now, Filip! ✌️

[daeyoungkim]

Fantastic introduction! I started to jump from C# to Flutter just to broaden my coverage. Super interesting.