Github and Website Workshop: Difference between revisions

Content added Content deleted

Inline

Latest revision as of 23:02, 5 May 2015

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.

Registration

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.

http://goo.gl/forms/ybYZ4uL8Ld

Policies

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.

Curriculum

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

Food

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.

Resources

HTML/CSS review

git summary of commands and terms

Ladies Learning Code workshop slides

Learn more git/review concepts:

intro to git commands - note that steps 1.18 to the end include commands we won't be using today
git - the simple guide

More coming soon!

Contact

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

Thanks!

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.

@@ Line 1: / Line 1: @@
-Welcome to the Github and Website Workshop — an afternoon session designed to introduce students to Github, git, HTML, and CSS, with the goal of creating a simple website hosted on Github.
+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 February 28th, 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.
+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.
 == Registration ==
+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.
-Registration will be opening soon! Check back before reading week for a link to sign up.
+http://goo.gl/forms/ybYZ4uL8Ld
 == Policies ==
@@ Line 14: / Line 16: @@
 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.
-Snacks will be provided to attendees.
-== Resources ==
+=== Curriculum ===
+This curriculum was written by the wonderful [http://julianguyen.org Julia Nguyen]
-Coming soon!
+Pre: [https://openhatch.org/wiki/Github_and_Website_Workshop/setup Setup]
+Challenge 1: [https://openhatch.org/wiki/Github_and_Website_Workshop/design_website Design your site]
+Challenge 2: [https://openhatch.org/wiki/Github_and_Website_Workshop/local_repo intro to git and Github - set up a local repo]
+Challenge 3:  [https://openhatch.org/wiki/Github_and_Website_Workshop/HTML_setup HTML - setting up a page]
+Challenge 4: [https://openhatch.org/wiki/Github_and_Website_Workshop/git-commit-changes git - pushing the first commit]
+Challenge 5: [https://openhatch.org/wiki/Github_and_Website_Workshop/CSS-stylesheet CSS - setting up a stylesheet]
+Challenge 6: [https://openhatch.org/wiki/Github_and_Website_Workshop/header Header - creating a fixed navigation bar]
+Challenge 7: [https://openhatch.org/wiki/Github_and_Website_Workshop/welcome-section Main - creating a welcome section]
+Challenge 8: [https://openhatch.org/wiki/Github_and_Website_Workshop/about-me-section Main - creating an about me section]
+Challenge 9: [https://openhatch.org/wiki/Github_and_Website_Workshop/three-column-section Main - creating a section with three columns]
+Challenge 10: [https://openhatch.org/wiki/Github_and_Website_Workshop/new-page-grid Main - creating a new page with a grid]
+Challenge 11: [https://openhatch.org/wiki/Github_and_Website_Workshop/git-partner-programming Git - partner programming and merge conflicts]
+Challenge 12: [https://openhatch.org/wiki/Github_and_Website_Workshop/footer Footer - creating a footer]
 === Food ===
 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.
+== Resources ==
+[https://openhatch.org/wiki/Github_and_Website_Workshop/HTML_CSS_review HTML/CSS review]
+[https://openhatch.org/wiki/Github_and_Website_Workshop/git_summary git summary of commands and terms]
+[http://tessalt.github.io/LLC-HTML-CSS/#slide-0 Ladies Learning Code workshop slides]
+Learn more git/review concepts:
+* [http://try.github.io/ intro to git commands] - note that steps 1.18 to the end include commands we won't be using today
+* [http://rogerdudler.github.io/git-guide/ git - the simple guide]
+More coming soon!
 == Contact ==
 If you have any questions about the event, you can contact [mailto:evy.kassirer@gmail.com Evy Kassirer].
-If you'd like more updates/information from WiCS:
+If you'd like more updates/information from the WiCS undergrad committee:
 [http://wics.uwaterloo.ca/ visit our website] (you can view our calendar here! more events coming soon)
 [http://facebook.com/groups/wicsUW/ join our Facebook group]
 [http://twitter.com/wicsuw follow us on twitter]