Developing cross platform mobile application with flutter

A presentation that highlighted on flutter, how to get started with flutter, debugging flutter application, code integration, and code deployment (CI/CD) in flutter

Transcript

1. Developing cross platform mobile application using flutter #DEVFEST #DEVFEST2019 Damola Adekoya Software Engineer at Interswitch Group devdammak Mentor: Coding Coach blog.dammak.dev
2. What is Flutter?
3. Flutter is a Google’s UI Kit for building beautiful native compiled applications for mobile, web and desktop in a single codebase.
5. Dart is a client-optimized programming language for application on multiple platform. It’s a statically typed Programming Language for creating mobile, web and desktop application. By Google
6. Any package manager ?
7. https://pub.dev
8. Why Flutter?
9. Beautiful UI Single Codebase Performance Hot Reload Native Experience Community Open Source
12. Who use flutter
13. Setting up and running flutter
14. Download flutter SDK Update your PATH variable environment Run flutter doctor Fix Issues Download IDE/Editor
15. Install and configure flutter on VS Code https://www.youtube.com/watch?v=5izFFbdHnWY
16. How to setup flutter on IDE/Editor https://www.youtube.com/watch?v=5izFFbdHnWY https://www.youtube.com/watch?v=tmCODlTGKjw https://www.youtube.com/watch?v=BDRQxfWrozY
17. Creating flutter project CLI flutter create {project-name} IDE Menu Bar
18. Everything is a widget
19. Anatomy of Flutter App MaterialApp Title Home Scaffold App Bar Title Text Body Widget
20. AppBar Body Scaffold Home
21. Stateless Widget Text Icon Card Asset Image •Immutable •build method called once •Render once
23. Stateful Widget Checkbox Radio Input Asset Image •mutable •Rebuild X time •Render X number of time
28. Pubspec.yaml
29. DEV TOOLS
30. Android Studio IDE Dev Tool
32. Welcome to CodeMagic
33. External Resources https://flutter.dev/ https://pub.dev/packages https://medium.com/flutter-community/ https://www.youtube.com/channel/UCwXdF geE9KYzIDdR7TG9cMw https://www.youtube.com/channel/UCFTM1 FGjZSkoSPDZgtbp7hA/videos
34. Any question or catch up with me devdammak