Duration
Introduction to Flutter with FlutterFlow
3 days
Overview
Introduction to Flutter with FlutterFlow is a comprehensive 3-day training program designed to equip participants with the skills and knowledge necessary to develop sophisticated mobile and web applications using FlutterFlow.
Participants will learn about various aspects of design system development, including importing designs from Figma, implementing design elements such as color, typography, and custom icons, as well as advanced topics such as data binding, state management, and integrating APIs.
The training will also cover animation techniques, customization with custom code, and app deployment on both mobile and web platforms.
Training Methodology
- Instructor-led sessions with hands-on exercises and demonstrations
- Group discussions and brainstorming sessions
- Q&A sessions to address participant queries and concerns
- Practical assignments to reinforce learning
Prerequisites
- Basic understanding of programming concepts
- Familiarity with Flutter or similar frameworks would be beneficial but not mandatory
Day 1: Introduction to Design System Development with FlutterFlow
- Understanding the fundamentals of design systems
- Importing designs from Figma into FlutterFlow
- Implementing color schemes and palettes
- Introduction to typography and its implementation
- Creating and integrating custom icons
- Building loading indicators and theme widgets
- Implementing default transitions and navigation bars
Day 2: Advanced UI Components and Data Handling
- Exploring the FlutterFlow canvas and widget tree
- Utilizing properties panel for widget customization
- Navigating pages and creating storyboards
- Introduction to various widgets including Columns, Rows, Container, Stack, ListView, GridView, StaggeredGridView, Wrap, and TabBar
- Implementing flexible and expanded widgets
- Handling hidden widgets and alignment techniques
- Introduction to data binding and the Action Flow Editor
- Managing app state and implementing forms
Day 3: Advanced Topics and Deployment
- Passing data between pages and components
- Integrating APIs for data retrieval and management
- Implementing animations to enhance user experience
- Customizing app behavior using custom code, functions, and widgets
- Exploring payment integrations
- Introduction to Firebase for backend services and analytics
- Deployment of FlutterFlow apps on mobile and web platforms
- Overview of app publishing process and best practices
Programme scope, delivery arrangements and suitability are confirmed during enquiry.