$30 off During Our Annual Pro Sale. View Details »

Flutter Study Jam @ GDG Hannover

Lara Martín
September 07, 2019

Flutter Study Jam @ GDG Hannover

Lara Martín

September 07, 2019
Tweet

More Decks by Lara Martín

Other Decks in Programming

Transcript

  1. Flutter Study Jam
    @ GDG Hannover
    Lara Martin - Flutter/Dart GDE - @lariki
    Muhammed Salih Guler - Flutter/Dart GDE - @salihgueler

    View Slide

  2. Flutter Study Jam
    ● Get started on building Flutter apps
    ● Create your first Flutter application
    ● Who is this for:
    ○ You are new to Flutter.
    ○ You have tried Flutter but need a refresher.
    ○ You have some previous programming experience: This Study Jam does not cover the
    basics of programming!

    View Slide

  3. Agenda
    ● Intro to Flutter (~20 mins)
    ● Break (~10 mins)
    ● Codelab part 1 (~90 mins)
    ● Break (~20 mins)
    ● Codelab part 2 (~90 mins)

    View Slide

  4. What is Flutter?

    View Slide

  5. What is Flutter?
    ● Google’s mobile app SDK for crafting high-quality native interfaces on iOS
    and Android in record time. And also web!
    ● Flutter works with existing code.
    ● 1 codebase runs on both Android and iOS. And soon web!
    ● Apps are written in Dart language.
    ● Free and open source.

    View Slide

  6. Apps using Flutter

    View Slide

  7. Native iOS and Android Behaviour

    View Slide

  8. Programming Flutter

    View Slide

  9. Programming Flutter

    View Slide

  10. Programming Flutter
    RaisedButton()

    View Slide

  11. Programming Flutter
    RaisedButton(
    child: Text("Tap me"),
    )

    View Slide

  12. Programming Flutter
    Center(
    child: RaisedButton(
    child: Text("Tap me"),
    ),
    )

    View Slide

  13. Programming Flutter
    AppBar Body
    Scaffold
    Center
    RaisedButton
    Text
    Text

    View Slide

  14. Programming Flutter

    View Slide

  15. Hot Reload

    View Slide

  16. Let's start!

    View Slide

  17. http://bit.ly/flutter-codelab-1

    View Slide

  18. Resources
    Building layouts in Flutter tutorial
    Add interactivity tutorial
    Introduction to widgets
    Flutter for Android developers
    Flutter for React Native developers
    Flutter for web developers
    Flutter's Youtube channel
    Build Native Mobile Apps with Flutter (a free Udacity course)
    Flutter cookbook
    From Java to Dart codelab
    Bootstrap into Dart: learn more about the language

    View Slide

  19. Thank you!
    Lara Martin - Flutter/Dart GDE - @lariki
    Muhammed Salih Guler - Flutter/Dart GDE - @salihgueler

    View Slide