HackBU - Web Development

Getting Started

In this workshop, we will be tackling several topics relating to web development -- from laying out and decorating webpages with HTML to hosting them and interacting with user input using Flask and JavaScript!

Building Webpages

These sections will teach you the fundamentals of writing static webpages -- from layout and visual design with HTML and CSS to adding some simple interactivity with JavaScript.

HTML and CSS:

You'll learn how to build beautiful, static websites with HTML and CSS, and how to create forms (which we'll use later with JavaScript and Flask)!

Vanilla JavaScript:

You'll learn to use basic JavaScript syntax, take user input, give output, interact with HTML, and more!

Hosting with GitHub Pages:

Now that you know how to build a webpage, you'll learn how you can host a personal website for free using GitHub Pages!

Building Web Applications

These sections will show you how to build more interactive websites, like a to-do list and a Zalgo text generator! With what you learn here,

React.js:

Here, you'll learn how to build a basic to-do list using React, one of the most powerful JavaScript frameworks in the industry.

Hosting with Flask:

Host your HTML/CSS/JS and handle user input on the server side with Flask, a Python web back end.


If you have any thoughts on the workshop, please fill out our feedback form!