[SUMMARY] SEC S20W6 - Custom Fonts, Stacks and UI Widgets

Hi everyone!

The 6th week of Steemit Engagement Challenge has already finished in which we explored flutter mobile application development. We learnt Custom Fonts, Stack, Snackbar, Dropdown, Date and Time, and CircularProgressIndicator.


Designed with Canva

It was an exciting lecture and students learnt new things in the flutter mobile application development. It was another interesting and full of new concepts lecture for those students who are interested in mobile application development but they did not have any chance to learn they have gotten this splendid chance of learning mobile application development through an initiative by the Steemit Team.

The learning outcomes of this lecture include that the students learnt to implement custom fonts in the applications. They learnt how we can add custom fonts by adding a custom file or by using the package from the pub.dev. I taught the students by giving an example of the custom fonts by using Google fonts package.

I taught the students to manage the complex layout to place widget on each other. The students learnt Stack implementation. I showed them different examples of the Stack. I motivated them that in how many ways Stack helps us to build the beautiful user interface for the applications too enhance the user friendliness.

The students learnt the implementation of the dropdown menu in the application. In applications we need to to use dropdown menu to select one option from many. So now the students are able to integrate it in the application as they completed the related tasks as well.

The students learnt the implementation of current Date and Time in the applications while using flutter mobile application. They learnt to format the date and time by using a package named Intil from pub.dev. I taught them to get the date and time of the system.

The students learnt to add a loading effect in the application. I taught them to use CircularProgressIndicator to show the progress of the tasks. This indicator is often used while fetching and loading the data. It ads a good effect in the interface to keep the user engaged and satisfied. If we load data and it takes time and we do not show progress indicator then the user will become bore. So the students are now able to implement the progress indicator in the application.

I am happy that students participated with best of their knowledge and by learning the concepts provided in the lecture. Students made different screens to complete the tasks. They presented their tasks in videos and by making the gifs.

The quality of the work was awesome of all the students. And where they needed correction or improvement I tried my best to guide them and appreciated them. The students build weather application in which the weather was changing when the button was pressed. They added a loading effect by the implementation of the CircularProgressIndicator and when the weather was updated on the screen the application was notifying the user from the Snackbar. All the students tried their best to learn all the things and to develop the required application. And It was really good to listening to the good feedback of the users that they have learnt new things and now they are able to build applications in Flutter.

Statistics

During this week 4 genius students attended the lecture. Each entry was of high quality representing the learnt skills and hard work of students. There was a great competition of the quality of posts between all the participants. They remained stick with the required observations. I am very happy from the students for providing such a quality work.

Total Entries4
Invalid0
Plagiarized0

Top Users of the Week

The competition between the users was very high. I assessed the quality of the posts of the users keenly to select them in the top users. I also focused on their engagement with other users to pick the quality content provider as well as an engaging user. But mainly the quality of their post is kept in mind.

PositionUsernamePost LinkGrades
1@akmalshakirLink9.75
2@fombaeLink8.75
3@sergeykLink8.5
4@kouba01Link6

Conclusion

The last lecture of Flutter Mobile Application Development for the season 20 has ended successfully where I saw the good response from the users who are interested in mobile application development as well as coding and programming. This lecture was all about teaching the students about the implementation of the custom fonts, using Stack to place widgets on each other, Snackbar to notify the user as a bottom pop up about the action performed, Dropdown menu, Date and Time implementation and CircularProgressIndicator. It was a fruitful lecture for the students who learnt something new here while staying at Steemit. All the students performed well. And I have made meaningful comments on the homework of all the students to clear their misunderstandings as well as to correct them where correction was required. I suggested to students to show the video outputs where the state of the screen is changing so that I can analyze their work and can guide them if there is the need of some correction.


It was really a wonderful experience while teaching the people about Flutter mobile application development. It was not an easy job to cover a lot of things about flutter mobile application development but with dedication and hard work I tried my best to teach the students about all the widgets which are used to develop the user interface of the mobile applications.

Flutter Mobile Application Development under the Influence of Steemit Team

LectureThumbnailTitle
1SEC S20W1 - A Comprehensive Guide to Flutter Mobile Application Development
2SEC S20W2 - Mastering Flutter's Widget Tree, State Management, and Essential Widgets
3SEC S20W3 - Exploring User Inputs, Gesture Detection, Navigation, and Bottom Sheets in Flutter
4SEC S20W4 - Interactive UI Elements in Flutter: Crafting Dynamic Layouts with Card, Scrolls, and ClipRRect in Flutter
5SEC S20W5 - Flutter Toolkit – Managing Packages, Custom Application Icons and Streamlining Navigation
6SEC S20W6 - Custom Fonts, Stacks and UI Widgets