Building The Whatsapp Ui With Flutter
My participation in joining a programming workshop with little programming knowledge from a mechanical engineering background.
Date: 9 October 2020
Venue: Virtual/Google Meet
Organizer: Google Developer Student Clubs UTM
Graduate Attributes
Scholarship
Thinking Skills
Mini Report
Google Developer Students Club organized a hands-on Flutter workshop which teaches participants how to create a WhatsApp UI from scratch. Notably, the workshop is tailored for students who are new to Flutter and other types of programming, providing a slow and steady pace that allows participants to keep up with the guidance of the instructor.
At the start of the workshop, the instructor begins with the basic fundamentals of Flutter, such as types of widgets and properties in the language, emphasizing the importance of simplicity in creating a mobile application. Along the way, the instructor explain the concepts in practical terms in order to help the participants better comprehend the material and apply them to real-life scenarios. As the participants gain more confidence in the language, the workshop dives deeper into more complex topics such as form elements, navigation and styling.
Once the participants’ foundation in the language is secure, the instructor begins taking participants through the design process for creating a WhatsApp UI, such as selecting color schemes, layout design and other considerations. The instructor breaks down the concepts and coding processes step-by-step, encouraging the participants to engage in activities to solidify their understanding of the material.
Throughout the workshop, the instructor monitors the progress of the participants and offers help whenever needed. Additionally, the instructor provides valuable resources such as Flutter Development examples and best coding practices to ensure the participants have a good overall experience.
To conclude, this Flutter workshop is a great way for new Flutter developers to keep up with the basics of the language and get an in-depth experience of how to use the language to create a WhatsApp UI. With the instructor's clear presentation, guidance and feedback, participants can walk away with a better understanding of the language and the skills needed to build the user interface of a mobile application.
Self Reflection
I joined a Flutter workshop that taught me how to make a Whatsapp UI from a non-computer science student's perspective. This workshop provided me with a great opportunity to learn more about coding and understand how to create a user-friendly mobile application.
The workshop began with a brief introduction to the concept of Flutter and how it provides a platform for developers to create mobile apps. We were then given an overview of the code associated with creating a Whatsapp UI. The instructor walked us through the various components such as fonts, colors, templates, and other details that are necessary for the app's design.
Next, we were provided with clear examples of how to link the various components of the app together. We were then given step-by-step instructions on how to create the app, including the basic layout of the app, adding features and customization options, and troubleshooting problems. The instructor pacing is just right that I can follow his instruction without any issues.
Throughout the workshop, I felt that I was learning in an efficient and practical way. By the end of it, I was able to create a fully functional Whatsapp UI that I can interact with using Android emulator in my laptop. The instructor also provided helpful resources that I can refer to in the future to create similar apps.
My experience in the Flutter workshop improved my knowledge and understanding of coding. It provided me with a great platform to explore the world of mobile application development and familiarized me with important concepts related to coding. By learning how to make a functional Whatsapp UI, I felt I had made a major achievement in my mechanical engineering studies.