Flutter Layouts for the CSS Developer

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ • 140

  • @Alex-my1qz
    @Alex-my1qz 5 років тому +37

    Bro this channel is so underrated

  • @RagoDN2
    @RagoDN2 5 років тому +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

  • @NicoleSatiembre
    @NicoleSatiembre 20 днів тому

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

  • @ellsonmds5310
    @ellsonmds5310 5 років тому

    The most comprehensive flutter tutorial so far, thanks

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

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

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

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

  • @fideltorres8109
    @fideltorres8109 5 років тому +8

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

  • @mawulijo
    @mawulijo 5 років тому

    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

  • @naga2054
    @naga2054 5 років тому +2

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

    • @Fireship
      @Fireship  5 років тому +1

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

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

  • @carltongordon
    @carltongordon 5 років тому +35

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

    • @Fireship
      @Fireship  5 років тому +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 5 років тому +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.

  • @shubhsheth
    @shubhsheth 5 років тому +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.

  • @avi12
    @avi12 5 років тому

    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

  • @chregano
    @chregano 5 років тому +1

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

  • @r4t40
    @r4t40 5 років тому

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

  • @ikezedev
    @ikezedev 5 років тому +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  5 років тому

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

  • @rakeshroy7986
    @rakeshroy7986 5 років тому

    Nice tutorial, please add all flutter video in one playlist

  • @abhinandankhilari9729
    @abhinandankhilari9729 5 років тому +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 5 років тому

    Nicely explained with good examples
    Thanks 😀

  •  5 років тому

    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

  • @thejavascriptshow3754
    @thejavascriptshow3754 5 років тому +6

    Great content as always,

  • @sagnikpradhan3594
    @sagnikpradhan3594 5 років тому

    That was a lovely video. More such videos!

  • @beratsulimani9823
    @beratsulimani9823 5 років тому

    Owww I love this Tshirt... Perfect explanation.

  • @matiullahkarimi7416
    @matiullahkarimi7416 5 років тому

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

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

  • @darshangowda309
    @darshangowda309 5 років тому

    I'm here for the T-shirt 😋

  • @MrMatharu9
    @MrMatharu9 5 років тому

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

  • @haifzhan
    @haifzhan 5 років тому

    Wow! Great as always!

  • @chronyan
    @chronyan 5 років тому

    This really helped me. Thank you!

  • @fm2010erro
    @fm2010erro 5 років тому +5

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

    • @Fireship
      @Fireship  5 років тому +1

      Now that's a good idea 😁

    • @fm2010erro
      @fm2010erro 5 років тому

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

  • @Synkto01
    @Synkto01 5 років тому

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

  • @nash9785
    @nash9785 5 років тому

    Really enjoying these :-)

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

  • @jorchay
    @jorchay 5 років тому

    Great as always

  • @narcodico
    @narcodico 5 років тому

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

  • @gabrielgutierrez641
    @gabrielgutierrez641 5 років тому

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

  • @Mendez_84
    @Mendez_84 5 років тому

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

  • @ojolowoboluwatife1716
    @ojolowoboluwatife1716 3 роки тому

    Best Channel ever

  • @harshitpant3067
    @harshitpant3067 5 років тому

    Great stuff. GraphQL stuff would be awesome in the future

  • @rithinprakash5045
    @rithinprakash5045 5 років тому

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

  • @dinuka_bandara
    @dinuka_bandara 5 років тому

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

  • @Gurpreetsingh-bl8gg
    @Gurpreetsingh-bl8gg 5 років тому +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  5 років тому +1

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

    • @Gurpreetsingh-bl8gg
      @Gurpreetsingh-bl8gg 5 років тому

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

  • @micalevisk
    @micalevisk 5 років тому

    sick! video for flutter with firestore would be great

  • @AlexanderPataridze
    @AlexanderPataridze 5 років тому

    Absolutely amazing. Thanks

  • @grzegorzsokalski7328
    @grzegorzsokalski7328 5 років тому

    Love that content

  • @firaskudsy
    @firaskudsy 5 років тому +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  5 років тому +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 5 років тому

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

  • @nunofsilva
    @nunofsilva 5 років тому +1

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

  • @bibibobs
    @bibibobs 5 років тому

    I'd like to see shared state management next

  •  5 років тому

    Great video!

  • @fiordnord
    @fiordnord 5 років тому

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

  •  5 років тому

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

  • @siddhantkumar7036
    @siddhantkumar7036 5 років тому +1

    Http request with flutter/dart would be helpful!

  • @Joshuaaa245
    @Joshuaaa245 5 років тому

    How would you apply :nth-child?

  • @hyzulfadli8289
    @hyzulfadli8289 5 років тому

    Awesome content

  • @adriandinca5682
    @adriandinca5682 5 років тому

    What color theme are you using?

  • @armanmirk
    @armanmirk 5 років тому

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

  • @rathileshc
    @rathileshc 5 років тому +2

    Please do video for flutter with firestore

    • @Fireship
      @Fireship  5 років тому +4

      Soon, very soon.

    • @Raipad75
      @Raipad75 5 років тому

      @@Fireship hyped

  • @MightyMigi
    @MightyMigi 5 років тому

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

  • @JFkingW
    @JFkingW 5 років тому +1

    Please do a video about in app purchases

    • @Fireship
      @Fireship  5 років тому +1

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

    • @JFkingW
      @JFkingW 5 років тому

      @@Fireship great, can't wait!

    • @JFkingW
      @JFkingW 5 років тому

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

  • @themindstorm9947
    @themindstorm9947 5 років тому +2

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

    • @Fireship
      @Fireship  5 років тому +1

      That is on my list with emailpass login.

    • @themindstorm9947
      @themindstorm9947 5 років тому

      @@Fireship thanks!

  • @chandrashekard.7543
    @chandrashekard.7543 5 років тому

    Could you do a video on React hooks

  • @LikeAndFavBF3
    @LikeAndFavBF3 5 років тому

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

    • @Fireship
      @Fireship  5 років тому

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

    • @LikeAndFavBF3
      @LikeAndFavBF3 5 років тому

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

    • @Fireship
      @Fireship  5 років тому

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

  • @mycityofsky
    @mycityofsky 2 роки тому

    You are awesome!

  • @SamuelCamargo1000
    @SamuelCamargo1000 5 років тому

    Tks Jeff

  • @balajkhan9894
    @balajkhan9894 5 років тому

    More flutter please

  • @josephsteve08
    @josephsteve08 5 років тому

    I would like to see video about BLoC pattern

    • @LukePighetti
      @LukePighetti 5 років тому

      That's still a touchy subject in the community.

  • @reek4136
    @reek4136 5 років тому

    I would like to some basic Vue or Flutter videos

  • @Shashank.Shinde
    @Shashank.Shinde 5 років тому

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

  • @sajjadhassanpourkasebnia6745
    @sajjadhassanpourkasebnia6745 5 років тому

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

  • @anymeshsingh
    @anymeshsingh 5 років тому +1

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

    • @Fireship
      @Fireship  5 років тому +2

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

    • @anymeshsingh
      @anymeshsingh 5 років тому

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

  • @orlandogarcia4403
    @orlandogarcia4403 4 роки тому

    Background music?

  • @protrag
    @protrag 5 років тому

    Thank you a lot

  • @hiteshchoudhary3412
    @hiteshchoudhary3412 5 років тому

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

  • @BogacGuven
    @BogacGuven 5 років тому

    Only resolution for this video is 360p ?

    • @Fireship
      @Fireship  5 років тому +1

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

  • @venir_dev
    @venir_dev 2 роки тому

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

  • @ajanieniola9172
    @ajanieniola9172 5 років тому

    Nice one

  • @alinawaz4034
    @alinawaz4034 5 років тому

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

  • @MarcoMunk
    @MarcoMunk 5 років тому

    Thanks

  • @subbre2006
    @subbre2006 5 років тому +1

    Flutter modelling and http services? :D

    • @Fireship
      @Fireship  5 років тому

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

  • @BNakato
    @BNakato 5 років тому

    What is BLoC?

    • @bibibobs
      @bibibobs 5 років тому

      Business logic components

  • @RageBasterd
    @RageBasterd 5 років тому

    yay more flutter

  • @panteliselef239
    @panteliselef239 5 років тому

    Make a video about React Router

  • @RADIOSCATRACHASUTAN
    @RADIOSCATRACHASUTAN 3 роки тому

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

  • @himesh_89
    @himesh_89 5 років тому

    complete firebase course with angular and how to architect on firebase

  • @Ch1ll3dkro3te
    @Ch1ll3dkro3te 4 роки тому

    Where are the cloned UIs? ;)

  • @aladdin8494
    @aladdin8494 5 років тому

    perfect

  • @akashkasurde8979
    @akashkasurde8979 5 років тому

    chatbot with dialogflow and flutter :)

  • @juaooliveiralp
    @juaooliveiralp 4 роки тому

    WOW VERY COOL

  • @digitalalliance4283
    @digitalalliance4283 5 років тому

    Flutter vs React Navie"?

    • @hiteshchoudhary3412
      @hiteshchoudhary3412 5 років тому

      Flutter bro

    • @Fireship
      @Fireship  5 років тому

      I touched on that a little bit here. They are similar in many ways, but I find flutter way more productive/intuitive ua-cam.com/video/7sJZi0grFR4/v-deo.html

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

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

  • @shabeer_m
    @shabeer_m 5 років тому

    Nice

  • @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!))

  • @JohnDoe-zc4mu
    @JohnDoe-zc4mu 5 років тому

    Awesomeuuuuu

  • @vinceramces
    @vinceramces 5 років тому

    I hope I can win this t-shirt

  • @ankushsarkar1746
    @ankushsarkar1746 4 роки тому

    This is hot