App Development with Flutter

My talk about App Development with Flutter at Devfest Tekirdag on 2 December '17

Transcript

1. App Development with Flutter Ahmet Yalçınkaya
2. Ahmet Yalçınkaya @theswiftist NSIstanbul - Mobil Dünya
3. app development now iOS - Android
4. future of app development AI - Machine Learning
5. DeepCoder Microsoft's AI writes code by looting other software 4 http://www.wired.co.uk/article/ai-write-code- microsoft
6. pix2code Generating Code from a Graphical User Interface Screenshot 4 https://github.com/tonybeltramelli/pix2code
7. codota Your AI Pair Programmer 4 https://www.codota.com/
8. Devfest Tekirdag Event App
9. Flutter one codebase to rule them all
10. What is Flutter Flutter makes it easy and fast to build beautiful mobile apps
11. What is Flutter A new mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.
12. Flutter 4 alpha 4 open source (github.com/flutter/flutter) 4 flutter.io
14. Dart Programming Language
15. IDE IntelliJ
16. Widgets Everything is a widget
17. class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return new MaterialApp( title: 'Devfest Tekirdağ', theme: new ThemeData( primarySwatch: Colors.red, ), home: new MyHomePage(title: 'Devfest Tekirdağ'), ); } }
18. new Text('Hello World', style: new TextStyle(fontSize: 32.0))
19. Layout System
20. Navigator Navigator.push(context, new MaterialPageRoute( builder: (_) => new MyCustomView(), ); Navigator.pop(context);
21. Hot Reload !
22. Dependencies pubspec.yaml name: devfest_tekirdag description: Devfest Tekirdag Event App dependencies: flutter: sdk: flutter firebase: ^0.6.6 charted: ^0.4.0 cupertino_icons: ^0.1.0 dev_dependencies: flutter_test: sdk: flutter flutter: uses-material-design: true
23. Pros 4 One language for Android and iOS 4 No more waiting for debugging (Hot Reload )
24. Cons 4 alpha 4 new features of OS
25. Let's Get Started $ git clone -b alpha https://github.com/flutter/flutter.git $ export PATH=`pwd`/flutter/bin:$PATH $ flutter doctor
26. Demo
27. Resources 4 Flutter https://flutter.io/ 4 Codelab: Building Beautiful UIs with Flutter https://codelabs.developers.google.com/codelabs/ flutter/#0 4 What’s Revolutionary about Flutter https://hackernoon.com/whats-revolutionary- about-flutter-946915b09514
28. Resources 4 Live Coding a Flutter App https://www.youtube.com/watch?v=w2TcYP8qiRI 4 Keynote: Flutter (Dart Developer Summit 2016) https://www.youtube.com/watch?v=Mx-AllVZ1VY
29. Thanks @theswiftist