Web Development

In this club, you will learn that 'Inspect Element' isn't hacking.


Signup Form

Fill out the form above so we can register you into the club. Our club meetings occur every Wednesday lunch in B12. All new members are welcome to join any time they'd like.

Requesting your own website

Website Request Form

Any Campolindo student or faculty is allowed to submit a request for their own personal website. We cannot guarantee that we will get to everyone, but we will try to at least reply, using the contact info you supply.

What we Do

Web developers have many tools, and there is no best combination to create the best website. We prioritize tools that are most friendly to new web developers. Some of the tools we use are explained below, but this is not an exhaustive list.

In this club, the majority of our time will be spent dealing with front-end development. Front-end development is essentially about how you actually view content in your browser. HTML deals with the structure, CSS with the styling (how nice and pretty it is), and Javascript with dynamically changing elements.

Html css js icons

However, styling using CSS is quite repetitive. Although each website looks different, it would be much more convenient to have some code to use as a foundation for our own custom styling. For this, we use Bootstrap, a front-end framework. If CSS is paint on a canvas, then Bootstrap is an industry-standard paint brush and color palette.

Bootstrap icon

For static websites that only rely on the tools used above, we can put these static files on Github Pages for free. They allow us to pick any subdomain as well, although with some limitations.

Github pages icon

But, sometimes the tools above aren't enough. These tools are great, but they are limited in that they don't allow any interaction with the user. What if we wanted a user login system or wanted to store user input in a database? For this, we need a back-end/server-side framework. That's Ruby on Rails.

Ruby on Rails is a framework, not a programming language. The actual programming language it's based upon, and the main one we'll be using in this club, is Ruby. The language is called Ruby, and the framework's short name is Rails.

Ruby on rails icon

When we use Ruby on Rails, we need to host our server somewhere. Github Pages can serve static files, but it can't host a Ruby on Rails web app. Thus, we turn to Heroku, whose free tier services are more than enough for the small-scale web apps we are working with.

Heroku icon