Flutter Layouts for the CSS Developer

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

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

  • @Alex-my1qz
    @Alex-my1qz 6 лет назад +37

    Bro this channel is so underrated

  • @RagoDN2
    @RagoDN2 6 лет назад +5

    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

  • @taki_fouhal
    @taki_fouhal 3 года назад +1

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

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

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

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

    As a web dev, this pattern of thinking is very helpful in understanding how to layout mobile apps, thank you very much

  • @ZaffaUK
    @ZaffaUK 5 лет назад

    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

  • @thaanu
    @thaanu 4 года назад +1

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

  • @mawulijo
    @mawulijo 6 лет назад

    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

  • @ellsonmds5310
    @ellsonmds5310 5 лет назад

    The most comprehensive flutter tutorial so far, thanks

  • @naga2054
    @naga2054 6 лет назад +2

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

    • @Fireship
      @Fireship  6 лет назад +1

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

  • @shubhsheth
    @shubhsheth 6 лет назад +1

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

  • @gleesog4
    @gleesog4 5 лет назад

    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.

  • @ricardosmith2060
    @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.

  • @avi12
    @avi12 6 лет назад

    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

  • @fideltorres8109
    @fideltorres8109 6 лет назад +8

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

  • @chregano
    @chregano 5 лет назад +1

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

  • @carltongordon
    @carltongordon 6 лет назад +35

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

    • @Fireship
      @Fireship  6 лет назад +11

      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
      @carltongordon 6 лет назад +2

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

    • @putinninovacuna8976
      @putinninovacuna8976 5 лет назад +2

      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
      @burakbirer 5 лет назад

      @@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.

  • @r4t40
    @r4t40 6 лет назад

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

  • @ikezedev
    @ikezedev 6 лет назад +1

    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
      @Fireship  6 лет назад

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

  •  6 лет назад

    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

  • @rakeshroy7986
    @rakeshroy7986 6 лет назад

    Nice tutorial, please add all flutter video in one playlist

  • @MrMatharu9
    @MrMatharu9 6 лет назад

    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 ??

  • @abhinandankhilari9729
    @abhinandankhilari9729 6 лет назад +8

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

    • @josemchen
      @josemchen 5 лет назад +1

      looks like Atom One Dark Theme

  • @markg5986
    @markg5986 4 года назад

    VERY clear explanation. Thanks!

  • @FunOfHeuristic
    @FunOfHeuristic 6 лет назад

    Nicely explained with good examples
    Thanks 😀

  • @matiullahkarimi7416
    @matiullahkarimi7416 6 лет назад

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

  • @thejavascriptshow3754
    @thejavascriptshow3754 6 лет назад +6

    Great content as always,

  • @sagnikpradhan3594
    @sagnikpradhan3594 6 лет назад

    That was a lovely video. More such videos!

  • @gabrielgutierrez641
    @gabrielgutierrez641 6 лет назад

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

  • @chronyan
    @chronyan 5 лет назад

    This really helped me. Thank you!

  • @rithinprakash5045
    @rithinprakash5045 6 лет назад

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

  • @ojolowoboluwatife1716
    @ojolowoboluwatife1716 3 года назад

    Best Channel ever

  • @fm2010erro
    @fm2010erro 6 лет назад +5

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

    • @Fireship
      @Fireship  6 лет назад +1

      Now that's a good idea 😁

    • @fm2010erro
      @fm2010erro 6 лет назад

      @@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

  • @beratsulimani9823
    @beratsulimani9823 6 лет назад

    Owww I love this Tshirt... Perfect explanation.

  • @harshitpant3067
    @harshitpant3067 6 лет назад

    Great stuff. GraphQL stuff would be awesome in the future

  • @micalevisk
    @micalevisk 6 лет назад

    sick! video for flutter with firestore would be great

  • @haifzhan
    @haifzhan 6 лет назад

    Wow! Great as always!

  • @narcodico
    @narcodico 6 лет назад

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

  • @andrewvillegas122
    @andrewvillegas122 4 года назад

    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!

  • @Synkto01
    @Synkto01 6 лет назад

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

  • @jorchay
    @jorchay 6 лет назад

    Great as always

  • @AlexanderPataridze
    @AlexanderPataridze 6 лет назад

    Absolutely amazing. Thanks

  • @nash9785
    @nash9785 6 лет назад

    Really enjoying these :-)

  • @firaskudsy
    @firaskudsy 6 лет назад +2

    👍👍 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
      @Fireship  6 лет назад +3

      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
      @dinuka_bandara 6 лет назад

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

  • @armanmirk
    @armanmirk 6 лет назад

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

  • @darshangowda309
    @darshangowda309 6 лет назад

    I'm here for the T-shirt 😋

  • @siddhantkumar7036
    @siddhantkumar7036 6 лет назад +1

    Http request with flutter/dart would be helpful!

  • @bibibobs
    @bibibobs 6 лет назад

    I'd like to see shared state management next

  • @fiordnord
    @fiordnord 6 лет назад

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

  • @grzegorzsokalski7328
    @grzegorzsokalski7328 6 лет назад

    Love that content

  • @Gurpreetsingh-bl8gg
    @Gurpreetsingh-bl8gg 6 лет назад +1

    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
      @Fireship  6 лет назад +1

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

    • @Gurpreetsingh-bl8gg
      @Gurpreetsingh-bl8gg 6 лет назад

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

  • @Just_JasonZA
    @Just_JasonZA 4 года назад

    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

  • @themindstorm9947
    @themindstorm9947 6 лет назад +2

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

  • @JFkingW
    @JFkingW 6 лет назад +1

    Please do a video about in app purchases

    • @Fireship
      @Fireship  6 лет назад +1

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

    • @JFkingW
      @JFkingW 6 лет назад

      @@Fireship great, can't wait!

    • @JFkingW
      @JFkingW 6 лет назад

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

  •  6 лет назад

    Great video!

  • @dinuka_bandara
    @dinuka_bandara 6 лет назад

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

  • @nunofsilva
    @nunofsilva 6 лет назад +1

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

  • @rathileshc
    @rathileshc 6 лет назад +2

    Please do video for flutter with firestore

    • @Fireship
      @Fireship  6 лет назад +4

      Soon, very soon.

    • @Raipad75
      @Raipad75 6 лет назад

      @@Fireship hyped

  • @hyzulfadli8289
    @hyzulfadli8289 6 лет назад

    Awesome content

  • @SamuelCamargo1000
    @SamuelCamargo1000 6 лет назад

    Tks Jeff

  • @protrag
    @protrag 6 лет назад

    Thank you a lot

  • @Mendez_84
    @Mendez_84 6 лет назад

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

  • @josephsteve08
    @josephsteve08 6 лет назад

    I would like to see video about BLoC pattern

    • @LukePighetti
      @LukePighetti 6 лет назад

      That's still a touchy subject in the community.

  • @anymeshsingh
    @anymeshsingh 6 лет назад +1

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

    • @Fireship
      @Fireship  6 лет назад +2

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

    • @anymeshsingh
      @anymeshsingh 6 лет назад

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

  • @chandrashekard.7543
    @chandrashekard.7543 6 лет назад

    Could you do a video on React hooks

  • @venir_dev
    @venir_dev 2 года назад

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

  • @Shashank.Shinde
    @Shashank.Shinde 6 лет назад

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

  • @mycityofsky
    @mycityofsky 2 года назад

    You are awesome!

  • @alinawaz4034
    @alinawaz4034 6 лет назад

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

  • @balajkhan9894
    @balajkhan9894 6 лет назад

    More flutter please

  • @reek4136
    @reek4136 6 лет назад

    I would like to some basic Vue or Flutter videos

  • @sajjadhassanpourkasebnia6745
    @sajjadhassanpourkasebnia6745 6 лет назад

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

  • @MarcoMunk
    @MarcoMunk 6 лет назад

    Thanks

  • @panteliselef239
    @panteliselef239 6 лет назад

    Make a video about React Router

  • @ajanieniola9172
    @ajanieniola9172 6 лет назад

    Nice one

  • @MightyMigi
    @MightyMigi 6 лет назад

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

  • @adriandinca5682
    @adriandinca5682 6 лет назад

    What color theme are you using?

  • @hiteshchoudhary3412
    @hiteshchoudhary3412 6 лет назад

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

  • @LikeAndFavBF3
    @LikeAndFavBF3 6 лет назад

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

    • @Fireship
      @Fireship  6 лет назад

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

    • @LikeAndFavBF3
      @LikeAndFavBF3 6 лет назад

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

    • @Fireship
      @Fireship  6 лет назад

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

  • @RageBasterd
    @RageBasterd 6 лет назад

    yay more flutter

  • @Joshuaaa245
    @Joshuaaa245 6 лет назад

    How would you apply :nth-child?

  • @subbre2006
    @subbre2006 6 лет назад +1

    Flutter modelling and http services? :D

    • @Fireship
      @Fireship  6 лет назад

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

  • @himesh_89
    @himesh_89 6 лет назад

    complete firebase course with angular and how to architect on firebase

  •  5 лет назад

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

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

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

  • @juaooliveiralp
    @juaooliveiralp 4 года назад

    WOW VERY COOL

  • @aladdin8494
    @aladdin8494 5 лет назад

    perfect

  • @shabeer_m
    @shabeer_m 6 лет назад

    Nice

  • @RADIOSCATRACHASUTAN
    @RADIOSCATRACHASUTAN 3 года назад

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

  • @Ch1ll3dkro3te
    @Ch1ll3dkro3te 4 года назад

    Where are the cloned UIs? ;)

  • @BogacGuven
    @BogacGuven 6 лет назад

    Only resolution for this video is 360p ?

    • @Fireship
      @Fireship  6 лет назад +1

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

  • @akashkasurde8979
    @akashkasurde8979 6 лет назад

    chatbot with dialogflow and flutter :)

  • @orlandogarcia4403
    @orlandogarcia4403 4 года назад

    Background music?

  • @BNakato
    @BNakato 6 лет назад

    What is BLoC?

    • @bibibobs
      @bibibobs 6 лет назад

      Business logic components

  • @JohnDoe-zc4mu
    @JohnDoe-zc4mu 6 лет назад

    Awesomeuuuuu

  • @digitalalliance4283
    @digitalalliance4283 6 лет назад

    Flutter vs React Navie"?

    • @hiteshchoudhary3412
      @hiteshchoudhary3412 6 лет назад

      Flutter bro

    • @Fireship
      @Fireship  6 лет назад

      I touched on that a little bit here. They are similar in many ways, but I find flutter way more productive/intuitive ruclips.net/video/7sJZi0grFR4/видео.html

  • @manishgarhwal7119
    @manishgarhwal7119 5 лет назад

    Take a Pro Tip : Watch at 0.75x Speed.
    Thank me later

  • @the_pawlow
    @the_pawlow 3 года назад

    Who ever is trying around with 'FlatButton', it is deprecated since 2 Months.
    Use TextButton instead - Example:
    TextButton(onPressed: onPressed, child: Text("click me!))

  • @vinceramces
    @vinceramces 6 лет назад

    I hope I can win this t-shirt

  • @qazyhn94
    @qazyhn94 6 лет назад +4

    Insta like