Introduction à Dart & Flutter : par où commencer ?

Session de lancement d'un communauté Dart & Flutter sur Abidjan, Côte d'Ivoire

Transcript

1. Introduction à Dart & Flutter Par où commencer ? Kouakou Neiba Aristide guyaristide@gmail.com @improvissus Agnaramon Boris-Carnot agnaramonboris@gmail.com @_agnamc_
2. De quoi allons-nous parler • Qu’est ce que Dart ? • Qu’est ce que Flutter ? • Outils de développement • Installations
3. Qu’est-ce que Dart ? • Langage de programmation • Facile à apprendre • Alternative à Javascript • Multi-plateforme
4. Qu’est-ce que Dart ? Quelques concepts ! • Tout est objet • Typage statique ou dynamique • Future, Async/Await • Collection if, Collection for
5. Qu’est-ce que Dart ? Quelques concepts ! • Tout est objet • Typage statique ou dynamique • Future, Async/Await • Collection if, Collection for
6. Qu’est-ce que Dart ? Quelques concepts ! • Tout est objet • Typage statique ou dynamique • Future, Async/Await • Collection if, Collection for
7. Qu’est-ce que Dart ? Quelques concepts ! • Tout est objet • Typage statique ou dynamique • Future, Async/Await • Collection if, Collection for
8. Qu’est-ce que Dart ? Quelques concepts ! • Tout est objet • Typage statique ou dynamique • Future, Async/Await • Collection if, Collection for
9. Qu’est-ce que Dart ? Quelques concepts ! • Tout est objet • Typage statique ou dynamique • Future, Async/Await • Collection if, Collection for
10. Qu’est-ce que Dart ? Quelques frameworks ! https://angel-dart.dev https://flutter.dev https://aqueduct.io http://angulardart.dev
11. Qu’est-ce que Flutter ? Open Source https://github.com/flutter/flutter Multiplateforme Android (4.1+) – iOS (8.0+) – Web – Desktop - Embarqué
12. • Développement rapide Itérations rapide, Hot Reload Qu’est-ce que Flutter ? • Portable Un seul code ? Performance
13. Architecture Application Native Qu’est-ce que Flutter ?
14. Architecture WebView (Ionic, Cordova) Qu’est-ce que Flutter ?
15. Architecture React Native Qu’est-ce que Flutter ?
16. Architecture Flutter Qu’est-ce que Flutter ?
17. Showcases https://flutter.dev/showcase
18. Outils de développement https://developer.android.com/studio/ https://code.visualstudio.com https://www.gnu.org/software/emacs/
19. • Dart SDK • Flutter SDK • Android SDK (pour le développement Android) Les outils
20. 1. Dart SDK 2. Flutter SDK (inclut le 1) Installations
21. Installation - Dart SDK https://dart.dev/get-dart
22. Installation - Flutter SDK https://flutter.dev/docs/get-started/install
23. Installation - Flutter SDK https://flutter.dev/docs/get-started/install/macos
24. Installation - Android SDK https://developer.android.com/studio#downloads
25. Emulateur Windows • Genymotion ( $ ) • Android studio (free) MAC OS • Genymotion ( $ ) • Android studio (free) • XCODE > open -a Simulator