Wire to Web : Hands on WebDev Workshop

GDG Ranchi

Wire to Web is a beginner-friendly, hands-on web development workshop where you’ll learn to build and deploy real websites from scratch! From HTML, CSS, and JavaScript to backend basics and hosting with Google Cloud, this session covers it all—live on MS Teams. 💡 Live Demos | Learning Roadmap | Google Tools | Certificate for All Participants

Jun 12, 11:15 AM – 1:30 PM (UTC)

191 RSVP'd

RSVP

Key Themes

Certification Study GroupWeb

About this event

Join us for Wire to Web, a beginner-friendly, hands-on workshop designed to take you from basic concepts to live web deployment—all in one session! Whether you're just starting out or curious about how websites work, this workshop will give you a clear roadmap.

We begin with an introduction to web development—exploring frontend, backend, and full-stack roles, along with real-world tools like VS Code and GitHub. Then, dive into frontend development with HTML, CSS, and JavaScript through a live demo that shows how to build and style interactive web pages.

Next, we break down backend development using Node.js, APIs, and databases, and show how you can use Google Cloud Functions for serverless logic. You’ll also learn how to host your projects using GitHub Pages and Google Cloud Platform's free tier.

To keep your momentum going, we’ll guide you through a clear learning path and share some of the best free resources available—including Google Codelabs, Developer Profiles, and GSoC. End with a live Q&A and portfolio review session to get personalized feedback.

🔍 What to Expect:

Introduction to Web Development – Frontend, Backend, Full Stack… demystified!

Live Coding Demos – Build a stylish webpage, add interactivity with JavaScript, and see it in action!

Backend Basics – Learn how data flows behind the scenes using Node.js, APIs & Databases.

Hosting 101 – Take your project live with GitHub Pages and Google Cloud (free tier!).

Guided Learning Path – HTML → CSS → JS → Git → React → Backend

Google Ecosystem – Explore Google Codelabs, GDSC, GSoC, and Developer Profiles.

💻 Platform: MS Teams

📜 Certificate: All participants will receive a certificate of completion.

👥 Interactive Q&A + Live Portfolio Feedback – Get your doubts cleared and projects reviewed live!

Whether you’re a student or aspiring developer, this workshop is your first step from wireframes to real web apps.

Speaker

  • Rajeev Singh

    Revidd

    SDE

Organizers

  • Tushar Raj

    Adrosonic IT Consultancy & Services Pvt Ltd

    Organizer

  • Vikas Shukla

    Co-Organizer

  • Rishav Sinha

    Integra

    Co-Organizer

  • Amarjeet .

    Moderator

Contact Us