This is an introductory workshop in Flutter with Dart. Through which attendees will learn to construct a mobile GUI application for Android and iOS devices using the latest tools and practices.
Objectives:
1. Use good graphical interface design principle to build a user interface
2. Code event procedures in a GUI program
3. Produce tested code that executes correctly and consistently
4. Ability to debug program using manual and programmatic tools
*Workshop level: Beginners, but must have programming background with any OOP language.
**Prerequisites: In order to participate in this workshop, you need:
- a laptop with Android Studio 4.0 or higher installed*
- Flutter SDK and dart plugins downloaded and installed on Android Studio*
- Setup an Android Emulator for testing purposes*
- Do a test drive to make sure all is running properly
For help on the above go to : https://flutter.dev/docs/get-started/install
2. Background
• Flutter is created and supported by Google
• Dart is similar to Swift, C#, Java, JS
• Dart combined with Flutter to make mobile apps.
• Other options
• React Native (not enough support)
• Flutter vs. React Native
3. Is it worth it?
• The decision to venture into Flutter and Dart
• Learning a whole new language
• The possibilities
4. Where you at
• Android Studio 4.0 or higher installed
• Flutter SDK and dart plugins downloaded and installed
• Setup an Android Emulator
• Did a test drive to make sure all is running properly
https://flutter.dev/docs/get-started/install
5. Where you will be
1. Exploring the Android Studio IDE
2. Exploring main elements of a Flutter app.
3. Create simple GUI form with:
a) text,
b) input fields, and
c) buttons.
includes styling and changes to properties
4. Understanding event handling (clicks)
5. Navigating through multiple screens
6. Using the console for debugging purposes
7. Testing in the emulator
16. Cool Short Cuts
• Alt + Enter : popup menu for wrapping widgets
• Ctrl + Space : options and Auto-complete
• Ctrl + Alt + L : reformat the code with correct indentations
17. iOS developer?
• Use Cupertino package:
• https://flutter.dev/docs/get-started/flutter-for/ios-devs
19. What’s Next!
• Join us for other workshops where we learn:
• Using firebase with flutter
• Online Store Demo!
• Would like more info?
• follow @pinkeeta.tech
• Or email pinkeeta.tech@gmail.com
• Subscribe to @pinkeeta.tech