Dart (https://www.dartlang.org/) is a general-purpose programming language to build web, server, IoT and mobile applications. Flutter (https://www.flutter.io/) is a promising project to build mobile apps for iOS and Android from a single codebase in Dart. Dart and Flutter significantly increase the productivity of the developers. Slides from following meetup https://www.meetup.com/Luxembourg-Dart-Lang-Meetup/events/235373973/

1. DISCOVER FLUTTER
STÉPHANE ESTE-GRACIAS - 07/12/2016

2. DISCOVER FLUTTER
THANKS TO
NYUKO.LU REYER.IO

3. INTRODUCTION

4. DISCOVER FLUTTER - INTRODUCTION
FLUTTER: ORIGINS
▸ Open Source Software under a BSD license
▸ Developed by Google
▸ Disclosed by Eric Siedel in July 2015
during Dart Developper Summit 2015
▸ Project name was Sky
▸ https://www.youtube.com/watch?v=PnIWl33YMwA

5. DISCOVER FLUTTER - INTRODUCTION
FLUTTER: GOALS
▸ Flutter is an early-stage (Tech Preview)
▸ Help developers build
▸ Mobile apps for iOS and Android
from a single codebase in Dart(lang)
▸ High-performance: i.e. at least 60fps
▸ Compliant with iOS and Android design rules

6. DISCOVER FLUTTER - INTRODUCTION
FLUTTER GALLERY

7. DISCOVER FLUTTER - INTRODUCTION
FLUTTER DART FRAMEWORK

8. GETTING STARTED

9. DISCOVER FLUTTER - GETTING STARTED
INSTALL FLUTTER ON YOUR FAVORITE PLATFORM
▸ Prerequisites
▸ For Android: Android SDK and Android SDK Platform-Tools
▸ For iOS: Xcode (on MacOS only)
▸ Install Flutter on MacOS, Linux Ubuntu/Debian, (Windows not yet available)
▸ https://flutter.io/setup/
▸ Install an IDE: IntelliJ only supported for the moment

10. HELLO WORLD

11. DISCOVER FLUTTER - HELLO WORLD
HELLO WORLD: LIB/MAIN.DART
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
// This widget is the root of your application.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
home: new MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}

12. DISCOVER FLUTTER - HELLO WORLD
HELLO WORLD: SCREENSHOT

13. HOT RELOAD

14. DISCOVER FLUTTER - HOT RELOAD
HOT RELOAD

15. COMMUNITY

16. DISCOVER FLUTTER - COMMUNITY
EVENTS
▸ Dart Events
https://events.dartlang.org
▸ Dart Developper Summit
https://events.dartlang.org/2016/summit/
https://www.youtube.com/playlist?list=PLOU2XLYxmsILKY-
A1kq4eHMcku3GMAyp2
▸ Meetup Luxembourg Dart & Flutter
https://www.meetup.com/Luxembourg-Dart-Flutter-Meetup/

17. DISCOVER FLUTTER - COMMUNITY
USEFUL LINKS
▸ Flutter website https://flutter.io/
▸ Questions on StackOverflow http://stackoverflow.com/tags/flutter
▸ Chat on Gitter https://gitter.im/flutter/flutter
▸ Source code on Github https://github.com/flutter

18. Q&A