GoCoderz LIVE Master Class

Introduction

Welcome to the GoCoderz LIVE Master Class for the National Coding Competition! This event presents a fantastic opportunity for students of all ages to showcase their coding skills and creativity. During this session, students participated in hands-on coding activities led by our master trainer, who provided invaluable tips and tricks to enhance their coding capabilities.

The session was specifically designed for students in grades 7 to 10. Engaging with the master class videos beforehand helped participants prepare for the competition. Today's live session focused on developing projects in three programming languages: MIT App Inventor, Python, and Web Development.

MIT App Inventor

The first segment of the master class introduced MIT App Inventor, a platform that allows users to create mobile applications. Participants were guided through the process of creating an Image Marker Project. This project aimed to label parts of an image, making it more descriptive and informative.

To begin, students created a new project titled "image markup." The interface was divided into various sections, namely the user interface, viewer, components, and properties. The instructor guided students through the steps of adding components such as labels and buttons for browsing images.

Students learned to drag and drop components onto the canvas, changing properties like font size, color, and alignment. They were also taught how to change pen colors using buttons, allowing them to annotate images effectively. A component known as Activity Starter was used to import images from Android devices.

After customizing their apps, participants connected to an Android emulator to see their work in action. The overall goal of the project was to effectively label different parts of an image, demonstrating how to transform a generic image into an informative one.

Python Programming

Next, the focus shifted to Python, where students were introduced to advanced modules for plotting graphs. Using Pandas for data manipulation and Matplotlib for data visualization, participants learned how to import libraries and read data from CSV files. They created a project that plotted a graph of calories burned over time.

Starting with a new folder in Visual Studio Code, students created Python files and installed necessary libraries. They created a CSV file containing data for plotting and used Data Frames to organize their information.

The session emphasized the importance of using proper variable names, matching data column titles accurately. Once the data was in place, students utilized Matplotlib to plot their graphs and customize the appearance of the axes and overall layout. Finally, they learned how to save their plots, demonstrating an interactive way to present data visually.

Web Development

The final project of the session focused on Web Development. Students created a tribute page dedicated to APJ Abdul Kalam using HTML and CSS. The process began by generating a basic boilerplate code in HTML. They structured the webpage by adding headings, images, and informative sections about Kalam's life and contributions.

Participants learned to style their pages using external CSS, applying background colors, adjusting margins, and setting font properties. The session covered various HTML elements, including paragraphs, headings, and lists to present information clearly and attractively.

By the end of the web development project, students gained hands-on experience in creating a fully functional tribute page that showcased their skills in both HTML and CSS.

The master class concluded with a strong encouragement for all participants to continue developing their projects and expand their coding knowledge.

Keywords

• GoCoderz
• LIVE Master Class
• National Coding Competition
• MIT App Inventor
• Python
• Pandas
• Matplotlib
• Web Development
• APJ Abdul Kalam
• HTML
• CSS
• Image Marker Project
• Data Visualization

FAQ

Q: What programming languages were covered in the GoCoderz master class?
A: The master class covered MIT App Inventor, Python, and Web Development (HTML and CSS).

Q: What was the main project in MIT App Inventor?
A: Participants created an Image Marker Project to label and describe parts of an image.

Q: How did students visualize data in the Python segment?
A: Students used Pandas for data manipulation and Matplotlib to plot graphs based on the data.

Q: What was the focus of the Web Development project?
A: The focus was on creating a tribute page for APJ Abdul Kalam using HTML and CSS.

Q: Can students still work on their projects after the master class?
A: Yes, students are encouraged to continue refining and expanding their projects.