Mobile Development

Flutter: Build Cross-Platform Apps from Scratch

Design, build, and ship mobile apps for both iOS and Android from a single codebase with Flutter and Dart — no prior mobile experience needed.

Beginner to Intermediate
4 days
HRD Corp claimable

Overview

This hands-on course helps developers get productive with Flutter, Google’s UI toolkit for building natively compiled apps for mobile, web, and desktop from a single codebase.

Participants learn Dart fundamentals, Flutter’s widget-based architecture, layouts, navigation, state management (setState and Provider), and how to connect apps to backend APIs — including Laravel API integration. By the end, participants have built and deployed a working Android app. The course also covers UI theming, error handling, performance optimization, and local storage for a well-rounded foundation in real-world Flutter development.

Schedule is tentative and subject to change based on the trainer’s delivery and participants’ progress.

What you’ll learn

Write Dart code and understand Flutter's widget tree, project structure, and layout system
Build and style UIs using core widgets, layout widgets, and custom theming
Use packages, assets, and animations (Lottie) in a Flutter project
Navigate between screens and pass data, handle forms and user input
Manage state using setState() and the Provider package
Work with asynchronous programming, dynamic lists/grids, and local storage
Connect a Flutter app to REST APIs and integrate with a Laravel backend for authentication
Debug, optimize, and deploy a Flutter app as an Android build

Who should join

Developers looking to build mobile apps for iOS and Android with one codebase
Web and backend developers expanding into mobile development
Teams evaluating Flutter for upcoming projects
Anyone with basic programming knowledge wanting to learn app development

Prerequisites: Basic programming knowledge (any language) is recommended. Bring a laptop with the Flutter SDK, Android Studio or VS Code, and an emulator or physical device set up beforehand. No prior mobile development experience required.

Course modules

01 Introduction to Flutter & Dart

Dart syntax and Flutter fundamentals, then setting up the environment and a device/emulator. Hands-on: install the Flutter SDK, configure a device, and run the default counter app.
02 Project Structure & Basic Widgets

How a Flutter project is organized and the core building-block widgets. Hands-on: explore a starter project's structure and build a screen with basic widgets.
03 Layout Widgets & UI Styling

Composing layouts with Flutter's layout widgets and applying styling. Hands-on: build a Profile Card using layout and styling widgets.
04 Packages, Assets & Navigation

Adding external packages and assets (including Lottie animations), and navigation with data passing. Hands-on: add a Lottie animation and build multi-screen navigation with passed data.
05 Hands-on Project: Authentication UI

Apply everything so far to build a complete login/register UI. Hands-on: build a full Authentication UI from scratch.
06 Forms, User Input & State Management (setState)

Building forms, capturing input, and managing local widget state with setState(). Hands-on: build a form with validation and manage its state.
07 Asynchronous Programming & Dynamic UI

Async programming in Dart, used to build dynamic lists and grids. Hands-on: build a dynamic list/grid populated with asynchronously loaded data.
08 APIs & Backend Integration

REST API fundamentals, testing endpoints with Swagger/OpenAPI, and integrating with a Laravel backend for authentication. Hands-on: explore endpoints with Swagger, then fetch data and implement Laravel-based auth.
09 Local Storage & State Management with Provider

Persisting data with SharedPreferences and managing app-wide state with Provider. Hands-on: implement local storage for preferences and refactor state to use Provider.
10 UI Enhancement, Error Handling & Performance

Advanced theming, error handling/debugging, and performance optimization. Hands-on: debug a sample app, apply a custom theme, and optimize a slow screen.
11 Mini Project & Deployment

Bring everything together in a mini project, then build and deploy as an Android build. Hands-on: complete the mini project and generate a deployable Android build.

FAQ

+ Is this course HRD Corp claimable?

Yes, subject to your grant approval. Tarsoft is a registered training provider and will help with the application.

+ Do I need mobile development experience?

No. Basic programming knowledge in any language is enough — no prior mobile experience required.

+ Can this be run in-house for our team?

Yes — we deliver private cohorts on-site or online, and can integrate with your own backend where practical.

Related courses

Web Development

Laravel: From Zero to Full-Stack

Gain the essential skills to kickstart modern web development — hands-on coding experience building real-world web applications with Laravel.

HRD Corp claimable

Web Development

PHP Fundamentals for Laravel Development

Build a solid foundation in PHP — the language behind Laravel — covering core syntax, control flow, data handling, and object-oriented programming.