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

Flutter: Google's neue Cross-Plattform-Technologie

Flutter: Google's neue Cross-Plattform-Technologie

Jörg Neumann

February 26, 2020
Tweet

More Decks by Jörg Neumann

Other Decks in Programming

Transcript

  1. JÖRG NEUMANN THEMEN ▪ Frontend Technologies ▪ Mobile Development ▪

    Machine Learning ▪ Consulting, Coaching, Training KONTAKT ▪ Mail: [email protected] ▪ Twitter: @joergneumann ▪ GitHub: https://github.com/joergneumann ▪ Blog: http://www.headwriteline.blogspot.com
  2. DEVELOPMENT APPROACHES MVC/MVVM Reactive Compiled to native Interpreted (JavaScript) iOS

    SDK Android SDK Titanium, Cordova, PhoneGap, Ionic, … React Native Flutter
  3. WAS IST FLUTTER? BACKGROUND ▪ Open Source-Projekt von Google ▪

    Entwicklung nativer Apps für iOS & Android ▪ React-style Framework ▪ Basiert auf Dart & Skia ▪ Kompiliert zu nativem Code FEATURES ▪ Native Performance ▪ Mächtiger UI-Stack ▪ Material Components ▪ Hot Reload
  4. DEVELOPMENT DEVELOPMENT TOOLS ▪ Android Studio ▪ IntelliJ IDEA ▪

    Visual Studio Code ▪ Flutter CLI https://flutter.io/setup https://flutter.io/using-ide/
  5. ARCHITEKTUR Framework (Dart) Material Engine (C++) Skia Dart Text Widgets

    Rendering Animation Foundation Painting Gestures Cupertino
  6. CORDOVA System Services (Location, Bluetooth, Camera, …) HTML, CSS JavaScript

    Bridge Canvas Events WebView REACT NATIVE System Services (Location, Bluetooth, Camera, …) JavaScript Bridge Canvas Events Platform Widgets FLUTTER Widget Rendering System Services (Location, Bluetooth, Camera, …) Native ARM Binary Code Platform Channels Canvas Events APP PLATFORM
  7. DART FEATURES ▪ JavaScript Transpiler ▪ Ähnlich wie TypeScript ▪

    Typsichere, objektorientierte Sprache ▪ Kann auch nativ kompiliert werden
  8. JUST-IN-TIME COMPILATION PAY AS YOU GO ▪ Kompilierung während der

    Ausführung ▪ Schnelle Aktualisierungen während der Entwicklung
  9. LAYOUT LOCAL LAYOUTS ▪ Jedes Widget definiert sein eigenes Layout

    ▪ Widgets müssen nicht ihrem Elternelement mitteilen, wie sie positioniert werden sollen
  10. FAZIT FLUTTER VEREINFACHT DIE CROSS-PLATTFORM-ENTWICKLUNG ▪ Einheitliches Framework für die

    Entwicklung nativer Apps ▪ Einfache Entwicklung von Custom UIs ▪ Plattformspezifische Anpassungen leicht möglich ▪ Vorhandenes Wissen kann wiederverwendet werden