Flutter Study Jam @ GDG Hannover

Intro slides of the Flutter Study Jam
https://www.meetup.com/Hannover-Mobile-Development-Meetup/events/264054639/

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