🌐 WebXcelerate - 3 Day Web Development Workshop 

📍 Venue: Lecture Hall 1, D Block, Model Institute of Engineering and Technology, Jammu

📅 Date: 2nd April – 4th April 2025

⏰ Time: 1:45 PM onwards

🔥 About the Event

GDG on Campus MIET presents WebXcelerate, a comprehensive 3-day workshop designed to provide students with practical, hands-on experience in modern web development using Google technologies. Whether you're a complete beginner or someone looking to refine your web development skills, this workshop will guide you through building a fully functional, interactive web application from scratch.

This workshop will take participants step-by-step through HTML & CSS for structuring and styling, JavaScript for dynamic interactions, and Firebase for backend and database integration, ensuring they gain real-world skills that can be applied to personal projects, hackathons, and professional development.

🚀 Workshop Schedule & Learning Outcomes

🔹 Day 1: Web Development Basics with HTML & CSS

📖 What You'll Learn:

• Introduction to Web Development – Understanding how websites work.
• HTML Fundamentals – Structuring web pages using headings, lists, forms, and tables.
• CSS for Styling – Learning CSS properties, selectors, and layouts.
• Flexbox & Grid – Creating responsive and modern web designs.
• Real-world Use Cases – Building structured, accessible, and well-designed webpages.

🛠 Hands-on Activity:

• Project Kickoff – Start building a personal portfolio website using HTML & CSS.
• Apply animations, transitions, and basic styling to enhance the look and feel of the webpage.

🔹 Day 2: Adding Interactivity with JavaScript

📖 What You'll Learn:

• Introduction to JavaScript – Variables, data types, and control structures.
• DOM Manipulation – Changing web page content dynamically.
• Event Handling – Making webpages interactive with user inputs.
• Functions & Loops – Writing reusable and efficient code.
• API Calls & Fetching Data – Basics of fetching data from external sources.

🛠 Hands-on Activity:

• Enhancing Portfolio Website – Add interactive elements, animations, and form validation.
• Implementing a dynamic contact form that interacts with users.

🔹 Day 3: Backend & Database Integration with Firebase

📖 What You'll Learn:

• Introduction to Firebase – Understanding how Firebase simplifies backend development.
• Authentication with Firebase – Implementing Google Sign-in & Email Authentication.
• Firestore Database – Storing and retrieving user data.
• Hosting & Deployment – Deploying your web app using Firebase Hosting.

🛠 Hands-on Activity:

• Connect Portfolio Website to Firebase – Implement authentication and store user details.
• Deploy the Final Web Application – Learn how to publish your project online for the world to see.

📌 Why Should You Attend?

✅ Learn by Doing – Hands-on coding experience with practical projects.

✅ Master Google Technologies – Work with Firebase Authentication, Firestore, and Hosting.

✅ Build a Real Project – Complete your own interactive, deployed web application.

✅ Mentorship & Guidance – Get support from experienced mentors throughout the workshop.

✅ Networking & Collaboration – Connect with like-minded peers and industry experts.

✅ Kickstart Your Web Development Journey – Develop skills useful for internships, freelancing, and career growth.

💡 Who Can Join?

🔹 Beginners looking to enter the world of web development.

🔹 Students & developers wanting to expand their knowledge.

🔹 Tech enthusiasts curious about Google’s web technologies.

🌟 Join us for this exciting learning experience and take your first step toward becoming a web developer! 🚀