Course : FlutterFlow, develop a multiplatform application without coding

No Code tool based on Google's Flutter Framework

Practical course - 5d - 35h00 - Ref. FLF
Price : 3060 CHF E.T.

FlutterFlow, develop a multiplatform application without coding

No Code tool based on Google's Flutter Framework



Create cross-platform mobile apps with no-code FlutterFlow. Based on Flutter, FlutterFlow lets you create native interfaces on iOS and Android, without a single line of code, from a drag & drop interface. This tool enables you to develop quickly and put your products online easily.


INTER
IN-HOUSE
CUSTOM

Practical course in person or remote class
Disponible en anglais, à la demande

Ref. FLF
  5d - 35h00
3060 CHF E.T.




Create cross-platform mobile apps with no-code FlutterFlow. Based on Flutter, FlutterFlow lets you create native interfaces on iOS and Android, without a single line of code, from a drag & drop interface. This tool enables you to develop quickly and put your products online easily.


Teaching objectives
At the end of the training, the participant will be able to:
Design a cross-platform mobile application with FlutterFlow
Structuring a mobile application page
Understand the main principles of data management
Access and manipulate data
Testing and deploying a mobile application

Intended audience
Anyone wishing to learn how to create no-code mobile applications.

Prerequisites
No special knowledge required.

Course schedule

1
Genesis and context: introduction to no-code

  • What is a no-code?
  • The no-code market today.
  • No-code and low-code: what's the difference?
  • Advantages and disadvantages of no-code, when to use no-code tools?
  • The advantages and differences of no-code platforms.
  • Can no-code replace code?
Storyboarding workshops
Overview of the different no-code platforms.

2
FlutterFlow, introduction and environment discovery

  • What is FlutterFlow?
  • Discover the official documentation.
  • Pricing and differences.
  • FlutterFlow environment, dashboard, projects, marketplace, team organization, resources.
  • Canva Area, Tool Bar, settings, design system.
  • UI builder, Widgets Panel, Widget Tree, Widget Properties.
  • Discover widgets.
  • Preview mode and test mode.
Hands-on work
Create an account on the FlutterFlow website. Create a new project and modify the text widget.

3
Layout, basic structure, use of page elements

  • Understanding layout with FlutterFlow.
  • Layout widgets: column, row, stack, container. Main and secondary axes.
  • Creation of new pages.
  • Widget AppBar and Silver AppBar.
  • NavBar.
  • Drawer and EndDrawer.
  • FloatingActionButton.
  • Discover navigation actions: Navigate To, Navigate Back, Drawer.
Hands-on work
Create a simple layout from a mock-up. Create multiple pages using different page elements.

4
Event management

  • What is an event action?
  • The various possible actions.
  • Add one or more actions.
  • Event types: On Tap, On Double Tap, On Long Press.
  • Define a sequence of actions.
Hands-on work
Creation of a page with event management for a snack bar.

5
Data and back-end

  • Discover and manage Local State.
  • Query and manipulate locally hosted data.
  • Discovering and managing Firestore/Firebase.
  • What is a database?
  • Connect a Firestore database with a FlutterFlow application.
  • Firestore database structure.
  • Querying and manipulating data hosted on Firestore
Hands-on work
Set up a Firebase account and create an application with data management.

6
Forms management and authentication

  • The different form widgets.
  • Save form data to database.
  • Firebase authentication system.
Hands-on work
Creating an application with authentication.

7
Animation

  • The different types of animation.
  • Add animation to page elements.
  • Animation triggers.
  • Animation on action trigger.
Hands-on work
Create multiple pages with animation management.

8
Integration, testing and deployment

  • The various possible integrations with FlutterFlow (Supabase, Admob, Algolia...).
  • AppStore deployment with Codemagic.
  • Google Play deployment with Codemagic.
Hands-on work
Creation and testing of a complete application.


Publication date : 11/17/2025



This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.

Dates and locations

Dernières places
Date garantie en présentiel ou à distance
Session garantie
From 7 to 11 December 2026
FR
Remote class
Registration
From 6 to 10 September 2027
FR
Remote class
Registration
From 6 to 10 September 2027
EN
Remote class
Registration

REMOTE CLASS
2026 : 7 Dec.

2027 : 6 Sep., 6 Sep.



This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.