Skip to main content
Flutter Seminar 20
26
Introduction
This session introduces Flutter and its role in cross-platform app development.
Focus on practical concepts for a one-hour seminar: core architecture, UI
building blocks, and a full-stack demo workflow.
Expected outcome: attendees can create a basic Flutter app and connect it to an
API.
01
Topic 1
Subtopic 1: Overview of Flutter
Flutter is an open-source, Google UI framework for building Android, iOS and web apps from a single codebase.
Key advantages: fast development with hot reload and consistent, beautiful UI across platforms.
Subtopic 2: Widgets & UI Composition
Everything in Flutter is a widget: layout, text, buttons and lists compose the UI.
Understand stateless vs stateful widgets and common widgets like ListView and ListTile to display dynamic
data.
Subtopic 3:
Architecture & Project
Structure
Flutter consists of Framework, Engine, and Platform layers
enabling cross-platform apps from one codebase.
Project layout: lib/ with main.dart, widgets, and
pubspec.yaml for dependencies. Understand build flow to
link UI, platform channels, and external services.
02
Topic 2
Subtopic 1: Backend & APIs
APIs act as the bridge between Flutter and data sources.
Design REST endpoints (e.g., GET, DELETE) with clear payloads and error handling to support app operations
like fetching and removing records.
Subtopic 2: Database
Integration (MySQL)
Use MySQL to store structured data such as
student records.
Backend (Node.js + Express) performs queries
and exposes API routes; secure connections
and proper schema design ensure reliable data
access.
Subtopic 3: Demo Flow: Fetch Display Delete
→ →
Demo sequence: call API to fetch student list, render with ListView/ListTile, and invoke DELETE to remove
entries.
Emphasize network error handling, state updates, and confirming destructive actions for a smooth user
experience.
Conclusions
Deliver a concise one-hour seminar covering Flutter
fundamentals, UI composition, architecture, and a full-stack
demo (API + MySQL).
Attendees should be able to scaffold a basic app, connect to
an API, and implement simple CRUD interactions.
CREDITS: This presentation template was created by Slidesgo, and includes
icons, infographics & images by Freepik
THANK YOU
Do you have any questions?
youremail@freepik.com
+00 000 000 000
yourwebsite.com Please keep this slide for attribution