Skip to content
This repository has been archived by the owner on Nov 13, 2023. It is now read-only.
/ ESD-2023-Flutter Public archive

ESD Workshop - Flutter Cross-Platform Development

Notifications You must be signed in to change notification settings

sebivenlo/ESD-2023-Flutter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

image ESD Workshop - Flutter Cross-Platform Development

Above you can open or download our presentation slides named:

Flutter-ESD.pdf
Flutter-ESD.pptx

Table of Contents

  1. Setup Web IDE and Import Project
  2. Assignment: Interactive App Building
  3. Agenda
  4. Resources
  5. Sources

🚀 Setup Web IDE and Import Project

  • Installing Flutlab.io
    • Go to Flutlab.io. and register an account
    • Yes, registration is needed because of some limitations if not logged in
    • If asked to create an example project, press NO, we will provide you with one
    • Go to our assignment page here, scroll to the very bottom, download the .zip
    • On your Flutlab workspace, go to "Import Repository"
      image
    • Next, go to "Upload as a ZIP file" and attach our project
      image
    • You will be asked to provide a name - choose whatever you want.
    • Our project will be available to you on your personal workspace now. 🥳

📱 Assignment: Interactive App Building

  • You can read through and download the assignment here.
  • Interactive App Building
  • Code Integration Examples

📝 Agenda

Introduction (10 min)

  • Overview of Flutter/Dart
  • Flutter: Limitations and Considerations
  • Flutter vs. Other Frameworks: A Comparative Analysis
  • Dart vs. Java: Key Differences

Flutter Basics (20 min)

  • Understanding Widgets
  • Layout Techniques: Container, Row, Column, etc.

Advanced Topics (10 min)

  • State Management in Flutter
  • Utilizing Plugins and Packages

Setup (10 min)

  • Installation Guide for Flutlab.io
  • Choosing the Right IDE for Flutter

Interactive Part (30 min)

  • Hands-on App Development

Conclusion (5 min)

  • Workshop Summary
  • Additional Learning Resources

📚 Resources/Further Learning Materials

🤝 Sources