Github and Website Workshop

From OpenHatch wiki

Welcome to the Github and Website Workshop — an afternoon session designed to introduce cis and trans female students and non binary students to Github, git, HTML, and CSS, with the goal of creating a simple website hosted on Github.

This next offering of this workshop will be on Saturday March 7th, 2015 at the University of Waterloo in Waterloo, Ontario, Canada. This pages includes links to the curriculum we used so thats other can build on and learn from our curriculum.


There are limited spots available! Please fill out the following form by February 28th. We will let you know if you've been selected by March 3rd.


You can read our Code of Conduct here. You may also want to read through the Hacker School Rules. An announcement will be made at the beginning of the workshop regarding our recording policy.

Workshop Format

The workshop will be interactive and will involve you working on your own and on your own laptop. Everybody attending should bring a laptop and a power cord so that they don't run out of battery.

We will spend five hours working through self-guided content, discussing core concepts as a group. Mentors will be available to answer questions and help you work through the exercises.


This curriculum was written by the wonderful Julia Nguyen

Pre: Setup

Challenge 1: Design your site

Challenge 2: intro to git and Github - set up a local repo

Challenge 3: HTML - setting up a page

Challenge 4: git - pushing the first commit

Challenge 5: CSS - setting up a stylesheet

Challenge 6: Header - creating a fixed navigation bar

Challenge 7: Main - creating a welcome section

Challenge 8: Main - creating an about me section

Challenge 9: Main - creating a section with three columns

Challenge 10: Main - creating a new page with a grid

Challenge 11: Git - partner programming and merge conflicts

Challenge 12: Footer - creating a footer


Snacks will be provided to attendees. We will make our best effort to accommodate all dietary restrictions - if you have any concerns please contact us.


HTML/CSS review

git summary of commands and terms

Ladies Learning Code workshop slides

Learn more git/review concepts:

More coming soon!


If you have any questions about the event, you can contact Evy Kassirer.

If you'd like more updates/information from the WiCS undergrad committee:

visit our website (you can view our calendar here! more events coming soon)

join our Facebook group

follow us on twitter


This event would not be possible without all the volunteer mentors, our source of funding (details to be posted soon), and Women in Computer Science Committee.