Web Development Workshop | Tech Winter Break GDG on Campus AISSMSCOE

GDG on Campus AISSMS College of Engineering, Pune, India

šŸŒ Tech Winter Break: Web Development for Google Solutions Challenge šŸŒ Dive into web development with GDG on Campus AISSMSCOE this winter! Learn to create a ā€œCommunity Notice Boardā€ web app, perfect for beginners. From HTML basics to CSS styling, interactive JavaScript, and API integration, this hands-on session prepares you to confidently tackle the Google Solutions Challenge.

Dec 30, 2024, 4:30ā€‰ā€“ā€‰6:00ā€ÆAM (UTC)

60 RSVP'd

Key Themes

AIAngularFirebaseGeminiNextVertex AIWeb

About this event

Event Description:

šŸŒ Tech Winter Break: Web Development for Google Solutions Challenge šŸŒ

Are you ready to kickstart your web development journey and dive into the Google Solutions Challenge? Join us at GDG on Campus AISSMSCOE for an exciting, project-based learning experience where youā€™ll build a Community Notice Board web app from scratch. This hands-on session is designed for beginners with little to no prior experience in web development.

What to Expect

During this session, youā€™ll explore the core building blocks of modern web development and learn how to bring your ideas to life. Our expert-led workshop will cover:

1ļøāƒ£ Introduction to the Project:

ā€¢ Overview of the ā€œCommunity Notice Boardā€ project, a versatile and practical app for posting and sharing announcements.

ā€¢ Insights into how this project aligns with themes of the Google Solutions Challenge.

2ļøāƒ£ HTML Basics:

ā€¢ Learn to structure your app with essential HTML elements like <h1> for titles, <form> for input, and <div> for dynamic content.

ā€¢ Work with pre-prepared starter code to hit the ground running.

3ļøāƒ£ CSS Styling:

ā€¢ Discover how to transform your appā€™s appearance with CSS.

ā€¢ Style forms, buttons, and layouts to create a visually appealing design.

4ļøāƒ£ JavaScript Interactivity:

ā€¢ Add functionality to your app using JavaScript.

ā€¢ Implement dynamic updates, allowing users to add notices to the board.

5ļøāƒ£ API Integration:

ā€¢ Learn how APIs can enhance your project with real-world functionality.

ā€¢ Integrate the Gemini API to summarize notice content or generate tags dynamically.

6ļøāƒ£ Connecting to the Google Solutions Challenge:

ā€¢ Explore how your app can be adapted and extended to meet the Challengeā€™s themes.


Why Attend?

šŸŒŸ Build your first web app through a hands-on, beginner-friendly approach.

šŸŒŸ Gain practical experience in HTML, CSS, JavaScript, and API integration.

šŸŒŸ Develop a project you can showcase in the Google Solutions Challenge.

šŸŒŸ Learn in an engaging environment that fosters creativity and collaboration.


šŸ’» Materials Provided: Starter code, examples, and resources to continue your learning.

Donā€™t miss this chance to transform your web development aspirations into reality. Whether you are stepping into coding for the first time or want to sharpen your skills, this session is the perfect starting point.

šŸŽŸļø Seats are limited, so register now and secure your spot today!

Organizers

  • Tanishq Nikam

    Organizer

  • Poorva G Shinde

    GDG on Campus Co-Lead

Contact Us