Flutter Layouts for the CSS Developer

Learn how to align, position, and build layouts in Flutter with comparisons to CSS flexbox 💪📦 - they have more in common than you might think fireship.io/lessons/flutter-w...
- Get the T-Shirt, use promo FLTTR teespring.com/stores/fireship...
- Flutter Layouts flutter.io/docs/development/u...
- Flexbox developer.mozilla.org/en-US/d...

[@Alex-my1qz]

Bro this channel is so underrated

[@shaderone07]

not anymore!

[@thaanu]

That was really helpful. Have been looking for tutorials and didn’t really get my head wrapped around this. Thanks a lot.

[@alexanderviljoen6117]

You know what mate I’ve been struggling with flutters layouts and this has really helped me. Full on respect dude for a simple explanation! Thumbs up from me

[@shubhsheth]

Just loving the type of content you're coming up with. Appreciate your time and effort man ❤

[@thenavman7]

Great video man! I watched so many other tutorials on layouts but by far this is the best one.

[@mawulijo]

I love flutter and it's weird I have never had this point of view of it. Nice to know I was just flex boxing all this while. It adds a mild touch to the whole experience. Thanks man

[@taki_fouhal]

this video is so needed for every web developer that wants to try flutter, thank you for your time and efforts

[@gleesog4]

Fantastic video. I love the pace and succinctness of your communication. Generally, I find educational/training videos to be slow and laboursome, this gets right to the point.

[@ellsonmds5310]

The most comprehensive flutter tutorial so far, thanks

[@naga2054]

Awesome content as usual Jeff I like the pace of videos coming out this year

[@Fireship]

Thank you. I think I'm settling into a good pace, the workflow for Fireship.io has made me more productive.

[@chregano]

Great video as always. Thanks so much! Loving the Flutter content.

[@RagoDN2]

I'm really glad I discovered Flutter when I did. NativeScript is neat but Flutter has the advantage of everything being done in one language rather than three. Good video as always

I have been waiting for you to do flutter videos, thanks! A full Instagram project with firebase would be awesome - also with some tests maybe

[@r4t40]

Another Nice video.. I'm starting Flutter just because of your work!!! Keep going dude

[@markg5986]

VERY clear explanation. Thanks!

[@carltongordon]

A full Instagram project with flutter please Jeff? that would definitely get us a foot in the door

[@Fireship]

That would be cool, but insta has a lot of features that are more complex than they seem on the surface. Would be a good challenge tho.

[@carltongordon]

@@Fireship can be a basic level one witout the messaging and the heavy security

[@putinninovacuna8976]

hahahahahahahaha this guy is crazy, dude, are u really asking him for Instagram app? u clearly have no idea how hard is build a simple app, imagine instagram, fireship has so many things to do he hasnt time for build Instagram just because u said, building app like Instagram would take more than 1 person and it could tooks months

[@burakbirer]

@@Fireship well you're the only channel i know that can take that kind of challange :) Especially it would be great to see production grade cloud functions, real life security and firestore optimizations. A paid in-production style course would be ok too.

[@FunOfHeuristic]

Nicely explained with good examples Thanks 😀

[@chronyan]

This really helped me. Thank you!

[@sagnikpradhan3594]

That was a lovely video. More such videos!

[@fideltorres8109]

Video suggestion: From Angular to Flutter. This video would explain router | services | directives | components. Thanks for the great content

[@MsPedroGomes]

Channel is literally fire! Would love Tinder card style animations layout. There's already a couple of Flutter libraries that allow creating and handling Flutter animations pretty well, would be nice to check a few. Thanks for the amazing content.

[@matiullahkarimi7416]

Thanks for the great videos, please make some videos about state management in the flutter.

[@gabrielgutierrez641]

Great content Jeff!! I would like to see some examples with crud operations with firestore. Thank you!

[@beratsulimani9823]

Owww I love this Tshirt... Perfect explanation.

[@rakeshroy7986]

Nice tutorial, please add all flutter video in one playlist

[@haifzhan]

Wow! Great as always!

[@AlexanderPataridze]

Absolutely amazing. Thanks

[@ricardosmith2060]

lol this changed everything for me, I'm highly versed in CSS but did not understand flutter's layout at all. I watched this 10 min video and 1 hour later I am building an interface with little effort. At this rate i think i can get to an acceptable level of proficiency in a weeks time.

[@jorchay]

Great as always

[@grzegorzsokalski7328]

Love that content

[@nash9785]

Really enjoying these :-)

[@MrMatharu9]

Thank you for a very clear and concise introduction to Layout. Flutter is fast and smooth, unlike React Native. Will you be covering Flutter state management patterns ??

[@harshitpant3067]

Great stuff. GraphQL stuff would be awesome in the future

Great video!

[@micalevisk]

sick! video for flutter with firestore would be great

[@thejavascriptshow3754]

Great content as always,

[@Fireship]

Thank you!

[@jilblack1]

I love urs as well xd

[@armanmirk]

Hey these videos are great. Could you please do one about writing tests for a Flutter app?

[@hyzulfadli8289]

Awesome content

[@rithinprakash5045]

Flutter is awesome. Can you a video on state management in flutter

[@darshangowda309]

I'm here for the T-shirt 😋

[@protrag]

Thank you a lot

[@ikezedev]

Flutter uses dart, a javascript like language and uses styling similar to CSS...... It's a good thing that it is made for web developer to easily use flutter without so much stress. Thanks Jeff for this...... BTW, I love duolingo and it's UI

[@Fireship]

Thank you, yes Duolingo is awesome and their ui is pretty easy to clone in flutter

[@Synkto01]

It will be cool if you can explain how work with forms or observables like in angular

[@mycityofsky]

You are awesome!

[@fiordnord]

Awesome video, can't wait for app screens recreation in flutter. Let's also talk PWA, perhaps make fireship.io a pwa?

[@narcodico]

I'd like to see a video comparing Scoped Model and Flutter Redux with best practices.

[@ojolowoboluwatife1716]

Best Channel ever

[@SamuelCamargo1000]

Tks Jeff

[@avi12]

One of the main advantages of using Flutter over the native code for both platforms, is that Flutter applications will feed natively run on the incoming Google Fuchsia

[@abhinandankhilari9729]

Which vs code theme it is? Looks cool. Can you share the vs code preferences?

[@josemchen]

looks like Atom One Dark Theme

[@balajkhan9894]

More flutter please

[@siddhantkumar7036]

Http request with flutter/dart would be helpful!

[@dinuka_bandara]

😍 need to know about flutter bloc pattern state management and custom animations like css animations transitions, thank you

[@bibibobs]

I'd like to see shared state management next

[@ajanieniola9172]

Nice one

[@fm2010erro]

Well it could be a Widget in Flutter that lists your videos with push notification on fire base :D

[@Fireship]

Now that's a good idea 😁

[@fm2010erro]

@@Fireship Yes I thought it would be a good idea to :) By the way I love your work, In my daily job I work with Angular, and your videos are a true help in moments of need, I find you a inspiration for my work, so I'm a big fan of you... Keep the good work :D

[@andrewvillegas122]

Hi! I'm so glad I found your channel! QUick question--how can I place an entire column at the bottom? Long story short, I'm working on a true/false app, and I'd like my column containing my TRUE and FALSE buttons to be at the very bottom of the screen. How can I accomplish this? THank you sir!

[@MarcoMunk]

Thanks

[@RageBasterd]

yay more flutter

[@alinawaz4034]

is you are going to clone insta then you got a new subscriber!!

[@firaskudsy]

👍👍 am working on a side app with flutter and firestore. I would love to see a tutorial on data sharing.. best practice for flutter file structure.. and the most imporrant statful vs stateless and when to use them .. for angular and ionic developer am still seeing everything as a component.. i feel flutter need some changes in the way we think

[@Fireship]

Yes, this is a great area. I have my own opinions that don't align perfectly with the rest of the Flutter community. I have a dead simple state management approach using rxdart that I may open source in the future :)

[@dinuka_bandara]

we can use bloc pattern and rxdart for data sharing and state management

[@Just_JasonZA]

could you please go in-depth with Division in flutter, as the only tutorials on this are just about manipulation a button with animation, I feel that division is a lot easier to work with as one does not have to jump back and forth between parent and child just to change colour or position. thanks

[@Mendez_84]

I'd like to see how to share code between flutter and angular dart using the BLoC pattern

[@juaooliveiralp]

WOW VERY COOL

[@Shashank.Shinde]

Good video as always, I want tut on social media auth with Fultter

[@chandrashekard.7543]

Could you do a video on React hooks

[@sajjadhassanpourkasebnia6745]

I would like to see something like ngKNob done by flutter :)

[@themindstorm9947]

Thanks for this video! I also had a request for another: can you remake your AngularFirebase video on giving users usernames? Thanks!

[@Fireship]

That is on my list with emailpass login.

[@themindstorm9947]

@@Fireship thanks!

[@shabeer_m]

Nice

[@nunofsilva]

Great video. Please do one covering state management, specially BLoC :)

[@Gurpreetsingh-bl8gg]

It would be great if you can show how to set up flutter project into different OS also how to configure the emulators for the same

[@Fireship]

WINNER! - send me a direct message with your mailing address and T-shirt size :)

[@Gurpreetsingh-bl8gg]

@@Fireship Thanku........ :-). Done

[@anymeshsingh]

I would like to see the next video on firestore integration in flutter app😃

[@Fireship]

That may happen! I was thinking about doing a basic crud layout with Firestore.

[@anymeshsingh]

@@Fireship Thanx, It would really help in my college project.

[@aladdin8494]

perfect

please tell us how to get data from youtube v3 api. no content out there for that!

[@reek4136]

I would like to some basic Vue or Flutter videos

[@MightyMigi]

can you talk about Data bases I want to see how to implement other kinds not like fire base and splLight

[@JFkingW]

Please do a video about in app purchases

[@Fireship]

For sure. I am building an app now that includes inapp purchases, so will transfer that knowledge here :)

[@JFkingW]

@@Fireship great, can't wait!

[@JFkingW]

@@Fireship How is your app coming along? Can you give a little spoiler how you solved InApp purchases? 😁

[@adriandinca5682]

What color theme are you using?

[@venir_dev]

This video should updated with a GridLayout equivalent in Flutter, which is not trivial

[@Joshuaaa245]

How would you apply :nth-child?

[@rathileshc]

Please do video for flutter with firestore

[@Fireship]

Soon, very soon.

[@Raipad75]

@@Fireship hyped

[@josephsteve08]

I would like to see video about BLoC pattern

[@LukePighetti]

That's still a touchy subject in the community.

[@himesh_89]

complete firebase course with angular and how to architect on firebase

[@akashkasurde8979]

chatbot with dialogflow and flutter :)

[@panteliselef239]

Make a video about React Router

[@JohnDoe-zc4mu]

Awesomeuuuuu

[@hiteshchoudhary3412]

Hi Jeff, which editor and font family is this????

[@Gurpreetsingh-bl8gg]

Its visual studio code

[@orlandogarcia4403]

Background music?

[@LikeAndFavBF3]

Hi, unrelated question, what happened to your 2019 technologies video ?

[@Fireship]

Thank you for catching this, it's back up. Not sure what happened with that 😕

[@LikeAndFavBF3]

@@Fireship just wanted to recall, back there you made a comparison that mongodb wouldnt repalace mysql, is that right?

[@Fireship]

@@LikeAndFavBF3 Yes, I was quoting a sarcastic tweet that said mongo would replace postgres

[@RADIOSCATRACHASUTAN]

I am crap in front end man, cant get my head around with so many layouts..

[@vinceramcesoliveros6739]

I hope I can win this t-shirt

[@carddamom188]

This code has a serious lack of commas at the end... Do not auto format it without commas at the end!

[@subbre2006]

Flutter modelling and http services? :D

[@Fireship]

Dart has a nice HTTP package that would make a good video 👍

[@BogacGuven]

Only resolution for this video is 360p ?

[@Fireship]

KZbin does that when the video is first uploaded. It should have 4K option available in a few minutes.

[@BNakato]

What is BLoC?

[@bibibobs]

Business logic components

[@Ch1ll3dkro3te]

Where are the cloned UIs? ;)

[@ankushsarkar1746]

This is hot

[@gofudgeyourselves9024]

How about CSS layouts for Flutter Developers???

[@Fireship]

Haha, I think that audience segment is pretty small

[@LukePighetti]

Installation is the reverse of removal.

[@qazyhn94]

Insta like

[@digitalalliance4283]

Flutter vs React Navie"?

[@hiteshchoudhary3412]

Flutter bro

[@Fireship]

I touched on that a little bit here. They are similar in many ways, but I find flutter way more productive/intuitive kzbin.info/www/bejne/baSti5xmnNd5iJY