Topic outline

  • Course Information


    This course consists of slides and hands-on modules for creating a mobile application user interface by using Flutter. The Powerpoint slide describes the definition of Flutter, explain about the Flutter widget, and discusses how to design a mobile app by using Flutter Scaffold widgets. It also shows examples of using 5 important Scaffold properties in designing a simple mobile app: appBar, body, floatingActionButton, drawer, and bottomNavigationBar. The pdf module consists of a step-by-step instruction to write the codes using Visual Studio Code and an Android emulator.

    At the end of this course, learners should be able to:

      • Describe what is Flutter,

      • Explain what is a Flutter widget, and

      • Design a Flutter mobile app using Scaffold widgets.


    1. Sazilah Salam

    • Week 1