Vector
It all starts with a
Vector
SPARK

Empower Your Web Skills

Ignite Your Path to Development Success

Vector
Vector
Blurred PNG

SPARK is a welcoming program by the Open Source Software Club for first-year students, kickstarting your tech journey. No experience needed—just curiosity and a desire to learn!

Learn essential tools like HTML, CSS, and JavaScript to build websites. You'll write code, create web pages, and use Git to manage your projects.

Classes will be on campus, with seniors available for questions. Join our fun competitions to practice, learn, and connect with the tech community.

Agenda
Timeline
26 july 2025
Notes
VS Code & HTML 101
In this session, we’ll help you set up VS Code and walk you through the basics of HTML. You’ll learn how to write simple tags and understand how web pages are structured.
27 july 2025
Notes
HTML 102
Building on HTML basics, this session covers intermediate HTML concepts including forms, tables, semantic elements, and best practices for structuring complex web pages. You'll learn to create more interactive and accessible content.
8 August 2025
Notes
CSS 101
Advanced HTML topics including forms, meta tags, and SEO optimization. Also introduce CSS fundamentals like selectors, types- inline , external, and internal stylesheets. Learn how to style your HTML pages with colors, fonts, and basic layout techniques.
15 August 2025
Notes
CSS 102
Introduction to CSS fundamentals including selectors, properties, colors, fonts, and basic styling. Learn how to make your HTML pages visually appealing with cascading style sheets.
16 August 2025
Notes
CSS 103
Intermediate CSS concepts including layout with Flexbox and Grid, positioning, responsive design basics, and CSS animations. Learn to create dynamic and well-structured layouts.
17 August 2025
Notes
CSS 104
Advanced CSS techniques including CSS variables, advanced animations, transforms, modern layout patterns, and performance optimization. Master professional-level styling techniques.
24 August 2025
Notes
Git and Github
Learn version control with Git and collaboration through GitHub. Understand repositories, commits, branches, merging, and how to manage your code projects professionally using industry-standard tools.
Upcoming
Notes
JavaScript 101
Introduction to JavaScript programming including variables, data types, operators, and basic functions. Learn to add interactivity to your web pages with the world's most popular programming language.
Upcoming
Notes
JavaScript 102
Intermediate JavaScript concepts including DOM manipulation, event handling, arrays, objects, and loops. Learn to create dynamic and interactive web applications that respond to user actions.
Upcoming
Notes
JavaScript 103
Advanced JavaScript topics including ES6+ features, asynchronous programming, APIs, local storage, and modern development patterns. Build sophisticated web applications with professional JavaScript techniques.
Highlights
Events
24 August 2025
Prize pool ₹5,000+
Each participant has to replicate a given website using only HTML and CSS. Only the front end of the website is required to be replicated as closely, accurately, and efficiently as possible within the given time frame.
Coming Soon
Prize pool ₹6,000+
Freshers Season of Code (FSOC) is a mini GSoC-style event where first-years contribute to real projects by solving beginner-friendly issues using HTML, CSS, JS, and GitHub. Learn open source the fun and practical way!
Coming Soon
Prize pool ₹10,000+
Graphica is an 8-hour design and development hackathon where first-years build creative solutions from scratch using the tools they've learned. It's a fun test of creativity, collaboration, and quick thinking under time pressure.
You never know where one step can take you. Join our WhatsApp community. It might just be the start of something big.
Inquires
FAQS
What is a hackathon?
A hackathon is a collaborative coding event where participants work together to build innovative projects or solutions within a limited timeframe, usually ranging from a few hours to several days. It's a creative environment where developers, designers, and problem-solvers come together to brainstorm, code, and create something amazing from scratch.
What hackathons and competitions are part of SPARK?
SPARK includes three exciting competitions: Replica (HTML/CSS website replication), FSOC (Freshers Season of Code - open source contribution), and Graphica (8-hour design and development hackathon). Each event offers prizes ranging from ₹5,000 to ₹10,000+.
Do I need to be experienced to participate in the hackathons?
Not at all! These competitions are specifically designed for beginners. By the time the hackathons begin, you'll have learned all the necessary skills through SPARK classes. They're meant to be fun learning experiences, not intimidating challenges.
Can I participate in hackathons as a team or solo?
It depends on the event! Replica is an individual competition where you showcase your personal skills. FSOC involves individual contributions to open source projects. Graphica is a team-based hackathon where you'll collaborate with other participants to build creative solutions.
How do I register for the competitions and when do they start?
Competition registrations will open closer to the event dates. We'll announce registration details through our WhatsApp community and during SPARK classes. Make sure to join our community and attend classes regularly to stay updated on all competition announcements and deadlines.
Can I participate in hackathons as a team or solo?
It depends on the event! Replica is an individual competition where you showcase your personal skills. FSOC involves individual contributions to open source projects. Graphica is a team-based hackathon where you'll collaborate with other participants to build creative solutions.
What should I expect in a hackathon?
Hackathons are time-limited coding events where you build projects from scratch. You'll work individually or in teams to solve real-world problems, create innovative solutions, and present your work. It's a great opportunity to apply your skills, learn new technologies, network with peers, and compete for prizes in a fun, supportive environment.
How do I register for the competitions and when do they start?
Competition registrations will open closer to the event dates. We'll announce registration details through our WhatsApp community and during SPARK classes. Make sure to join our community and attend classes regularly to stay updated on all competition announcements and deadlines.
Blurred PNG