Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Flutter for Web

Flutter for Web

Showing the audience what Flutter is, what it is capable of and most importantly, where the web version is at right now. We also dive into some code and see how things work under the hood.

Andrei Diaconu

October 15, 2019
Tweet

More Decks by Andrei Diaconu

Other Decks in Programming

Transcript

  1. PENTRU WEB
    1. Ce este
    2. Ce oferă
    3. Cum se folosește
    4. Ce viitor are

    View full-size slide

  2. PENTRU WEB
    1. Ce este
    2. Ce oferă
    3. Cum se folosește
    4. Ce viitor are

    View full-size slide

  3. Care este cea mai lentă parte a unui browser?

    View full-size slide

  4. https://hacks.mozilla.org/2017/10/the-whole-web-at-maximum-fps-how-webrender-gets-rid-of-jank/

    View full-size slide

  5. PENTRU WEB
    1. Ce este
    2. Ce oferă
    3. Cum se folosește
    4. Ce viitor are

    View full-size slide

  6. Performant si mic
    > 60 fps

    ~ 4.5 Mb

    View full-size slide

  7. Performant si mic
    > 60 fps

    ~ 4.5 Mb
    WEB?

    View full-size slide

  8. Exact același UI
    WEB

    View full-size slide

  9. Exact același UI
    WEB
    WEB?

    View full-size slide

  10. Material Design
    100%

    View full-size slide

  11. Cupertino iOS
    100%

    View full-size slide

  12. Cupertino iOS
    100%
    WEB?

    View full-size slide

  13. Productiv și fun

    View full-size slide

  14. Productiv și fun
    WEB?

    View full-size slide

  15. PENTRU WEB
    1. Ce este
    2. Ce oferă
    3. Cum se folosește
    4. Ce viitor are

    View full-size slide

  16. Flutter Themes

    View full-size slide

  17. Flutter Inherited Widgets

    View full-size slide

  18. MediaQuery
    Theme
    MyReduxStuff
    MyApp
    AppBar FAB Payments
    Title Image QR Code

    View full-size slide

  19. WEB?
    CSS?
    HTML?

    View full-size slide

  20. HTML CSS FLUTTER

    View full-size slide

  21. PENTRU WEB
    1. Ce este
    2. Ce oferă
    3. Cum se folosește
    4. Ce viitor are

    View full-size slide

  22. 1.iOS
    2.Android
    3.Web
    4.Desktop
    5.OS?
    C++ Support
    3D Support
    Performance
    1.0 Stable
    Official support
    Fuchsia OS

    View full-size slide

  23. PENTRU WEB
    5. Întrebări
    6. Live coding

    View full-size slide