Flutter UI Tutorial - Designing Modern College Dashboard UI Design App

Sdílet
Vložit
  • čas přidán 4. 05. 2020
  • #Flutter #DashboardUI #College #UIDesign #Modern
    Hi everyone, I am ‪@abdulazizahwan‬ . In this video, we are going to learn Flutter from basic with best practice. Which we are going to create a Modern College Dashboard UI Design. In this section, we will implement many widgets and concepts, such as Stack, Expanded, Flutter SVG, NetworkImage, and much more. Happy watching!
    My Screen Recording: screen.studio/@Zgn84
    My Second Brain: taskade.com/?via=abdulazizahwan
    My Hosting: ultahost.com/#abdulazizahwan
    My UI UX Inspiration: mobbin.com/?via=abdulazizahwan
    My Screen Recording: www.screenstory.io/?via=abdul...
    Flutter Course: gumroad.com/a/659170419/fqamxr
    No Code Course: nocodecamp.lemonsqueezy.com/?...
    Support Me: buymeacoffee.com/abdulazizahwan
    ☕ BUY ME A COFFEE
    Link ► buymeacoffee.com/abdulazizahwan
    🤙 JOIN MY DISCORD
    Link ► / discord
    Hopefully, you would love this video.
    I am so grateful if you want to hit the subscribe button. Thanks
    👨‍💼 Business Inquiries: helloabdulazizahwan@gmail.com
    ----------------------------------
    🎬 ANOTHER PLAYLIST
    Flutter Firebase CRUD Tutorial
    Link ► • Flutter Firebase CRUD ...
    Flutter Tutorial - Basic [EN]
    Link ► • Flutter Tutorial - Bas...
    Android Studio Tutorial
    Link ► • Android Studio Tutorial
    Visual Studio Tutorial
    Link ► • Visual Studio Tutorial
    ----------------------------------
    📂PROJECT FILE
    Asset File
    Link ► gum.co/cDQTr
    Flutter Final Project
    Link ► gum.co/ytieD
    ----------------------------------
    👨‍💻 GEAR LIST
    Acer Swift 3 SF314-54G-51ZK
    amzn.to/2RLKw3o
    Canon EOS M50 15-45mm IS STM
    amzn.to/37kKeYb
    Logitech C922 Pro Webcam
    amzn.to/3aEi6Rw
    Microphone Clip-On BOYA BY-M1
    amzn.to/2vjbiJf
    ----------------------------------
    📌 SUBSCRIBE ME
    Here ► bit.ly/AbdulAzizAhwan
    ----------------------------------
    📱 FOLLOW
    Twitter ► / abdulazizahwan
    Github ► github.com/abdulazizahwan
    My Blog ► abdulazizahwan.com
    ----------------------------------
    Thanks for Watching!
    #Android
    #Java
    #Kotlin
    #Swift
    #Basic

Komentáře • 90

  • @devarshukani
    @devarshukani Před 2 lety +1

    content is really good and can easily understand this complex structure of flutter, thank you and keep it up :)

  • @isururanawaka5839
    @isururanawaka5839 Před 3 lety +1

    Thank you. Inspired me a lot. Learned a lot.

  • @turtleyoda7703
    @turtleyoda7703 Před 3 lety

    Great video! Thank you very much!

  • @_aguskhaer
    @_aguskhaer Před 3 lety

    it is clearly said that you're in my favorite flutter developer list! you helped a lot, videonya bermanfaat banget, sukses terus!

  • @muhamadhafizuddenhasan315

    I been looking for this! Good tutorial and well explained. Salam dari flutter beginner dari Malaysia 🙏

  • @denniscellovicjr4705
    @denniscellovicjr4705 Před 2 lety +1

    Abdul aziz thank you you made my day from somalia

  • @gilmcglory3748
    @gilmcglory3748 Před 4 lety +6

    I've been looking for a tutorial like this. I learned a lot. Thanks very much.

  • @nikhilgupta6624
    @nikhilgupta6624 Před 4 lety

    Thanks man. This helped a lot :)

  • @jayfps2931
    @jayfps2931 Před 3 lety +1

    helpfull tnx man 👍

  • @ArjunYadav-np4fh
    @ArjunYadav-np4fh Před 4 lety

    Very helpful video, learn many new things. Thanks

  • @nilsnere
    @nilsnere Před 3 lety

    Your tutorials are very helpful man thank a lot.. :)

  • @djjavvystark5470
    @djjavvystark5470 Před 3 lety

    Thank you very good tutorials

  • @dan748___5
    @dan748___5 Před 3 lety

    Really good explanation, thank you for share

  • @MohamedDernoun
    @MohamedDernoun Před 4 lety +2

    how can we make this responsive for multiple devices, specially for image assets ?

  • @rezhavelly8646
    @rezhavelly8646 Před 4 lety +2

    Ditunggu part selanjutnya bang 👍👍 sangat membantu saya yang lagi belajar flutter

  • @nuramirahnadhirah1168
    @nuramirahnadhirah1168 Před 3 lety +4

    Can you help me for onPressed method on each card.

  • @GhDnFghDt177
    @GhDnFghDt177 Před 2 lety +1

    Thanks, fantastic explanation,
    regards to you (Abdul Aziz) from Arabian island💞

  • @pearinnovation1419
    @pearinnovation1419 Před 2 lety

    i added image top_header but it dont fit completely at both side horizontly some space is left,m how do i solve his issue

  • @jhalakchitranshi8518
    @jhalakchitranshi8518 Před 3 lety +3

    Sir how we can go on next page after clicking on these cards

  • @ravronz9677
    @ravronz9677 Před 2 lety +1

    Just started watching. i don't mind your English bro keep up the good work

  • @neolempires
    @neolempires Před 3 lety

    nicely explained!. top gan mantap

  • @rgiemasangcay9690
    @rgiemasangcay9690 Před 2 lety

    Thank you so much!

  • @cadch1479
    @cadch1479 Před 3 lety

    Saya mau nanya, kalo Mau masukin icon itu gimana ya ? Saya kesulitan mencari icon format svg dan menggunakanya

  • @feilongiskandar3533
    @feilongiskandar3533 Před 3 lety

    you got ne wsuscribers bro...good job really appriciate it (:

  • @ironhummer3219
    @ironhummer3219 Před 2 lety +1

    the link for the images in the file has been removed can you please reupload them.

  • @jazzdev6473
    @jazzdev6473 Před rokem

    izin tanya bang, dalam satu page itu kan ada beberapa container yg dapat dipilih ya. Nah bagaimana sih logic nya jika container yg dipilih tersebut berubah warna? dan jika container lain yg di pilih maka warna container sebelumnya kembali spt semula

  • @abdallah.yaboasab5235
    @abdallah.yaboasab5235 Před 3 lety

    Where can i found like this images ?

  • @pujisetiawan4551
    @pujisetiawan4551 Před 2 lety

    Bang saya freshgrad pgn fokus ui flutter bener² dari 0 mulai nya dari mana ya? Ada rekomendasi web bljr?

  • @AkidoCraft
    @AkidoCraft Před 2 lety

    How i make these Cards a button that i can navigate?

  • @navpreetnavisinghsunner1164

    thanks

  • @nurulfitriah3844
    @nurulfitriah3844 Před 3 lety

    where I can get all the assets, please?

  • @bka-pm8pn
    @bka-pm8pn Před 2 lety

    How to display looping data from mysql & PHP into card?
    I'm waiting for the next video. Thank You

  • @adamalaoui5757
    @adamalaoui5757 Před rokem

    HI Can you create please tutorials about the backend for those apps please

  • @alperenyalcin3878
    @alperenyalcin3878 Před 3 lety

    Does it responsive

  • @aldifarzum3290
    @aldifarzum3290 Před rokem

    my image not showing. how to solve it ?

  • @sangputuokasusila9506
    @sangputuokasusila9506 Před 3 lety

    jika diclik berpindah halaman selanjutnya bagiamana ?? tutorial bang

  • @harshamilan3279
    @harshamilan3279 Před rokem

    Project downloads but older version can you send me to latest version of this project?

  • @Mfbzai
    @Mfbzai Před 3 lety

    Mantab gan

  • @akhilaambady3033
    @akhilaambady3033 Před 4 lety +4

    Can you help me to provide a onPressed on each cards

    • @bncaglar
      @bncaglar Před 3 lety +3

      you can just wrap with GestureDetector widget then write down "onTap: (){ //function here },"

  • @Karim-wd2je
    @Karim-wd2je Před 4 lety

    Thank you so much! How to enable hints in the android studio?

  • @RekhaSriK
    @RekhaSriK Před rokem

    how can i make card to clikable buttons that move to next page

  • @paininmydroid4526
    @paininmydroid4526 Před 4 lety

    I love you Abdul Aziz. AsSalamu Alaukum

  • @rajeshboga
    @rajeshboga Před 3 lety

    can i get code

  • @Godalming123
    @Godalming123 Před 3 lety

    Good video! Please give me a quik show off the app at the start instead of having to look at the end of the video.

    • @Godalming123
      @Godalming123 Před 3 lety

      i mean that it would be nice to see you clicking on the cards in the app to see if they do anything. Its also great to see people making coding videos like you

    • @abdulazizahwan
      @abdulazizahwan  Před 3 lety

      Ok will do

  • @herisetyawan5972
    @herisetyawan5972 Před 3 lety

    where i can get font ??

  • @AceHardy
    @AceHardy Před 4 lety

    ✍️

  • @TheDavid3climas
    @TheDavid3climas Před 3 lety +1

    height = size.height * .3 -> fail

  • @aldifarzum3290
    @aldifarzum3290 Před rokem

    can you give us tutorial create wave background as sized for mobile ?

  • @renplatypus6040
    @renplatypus6040 Před 2 lety

    Permisi, saya gagal pada import link file svg yang ada di menit ke 14:50. kalau boleh tau, nyari yang gratis dimana ya? terimakasih

    • @abdulazizahwan
      @abdulazizahwan  Před 2 lety

      Flaticon bisa

    • @renplatypus6040
      @renplatypus6040 Před 2 lety

      @@abdulazizahwan apa harus login terlebih dulu untuk mendapatkan svg nya?

    • @codewithmadani
      @codewithmadani Před 2 lety

      @@renplatypus6040 flaticon is not support free SVG anymore, you can download png version (64px) the insert it whit "image widget". the result it's same.

  • @okisyahroni1130
    @okisyahroni1130 Před 2 lety

    bang minta mentahan gambarny dong

  • @bacotanjng2204
    @bacotanjng2204 Před 4 lety

    Bang bagi kode hex,sama logo iconnya lah

    • @abdulazizahwan
      @abdulazizahwan  Před 4 lety

      Bukannya sudah ada semua di final project yang saya upload?

  • @syam9255
    @syam9255 Před 3 lety

    share contact mas, saya mau buat apps

  • @Game.Politan
    @Game.Politan Před 2 lety

    Pakai bahasa indonesia bang

  • @orek7327
    @orek7327 Před 2 lety

    Orang jawa mas?

  • @Mwitah
    @Mwitah Před 2 lety

    Nice work @Abdul Aziz Ahwan, how can i contact you?