Published using Google Docs
trico-hackathon-resources
Updated automatically every 5 minutes

Tri-Co Hackathon 2021: Getting Started

💪🏽 The Tri-Co Hackathon is back! February 2-3, 2021, students from across the Tri-Co and across the globe will be gathering virtually to design and build prototypes that address real world problems.

Here is a curated list of resources to help you get started building websites and web apps from the Tri-Co Digital Scholarship team.

Questions? Suggestions? Follow this link to join us on Slack or email us at digitalscholarship@swarthmore.edu.

🕵🏽‍♀️ Your Mission

  1. Check out the following topics and resources
  2. Join us on Gather at 11am on Tuesday (2/2) for a live session to work through your questions and sticking points
  3. Go build things!

In this document:

Tri-Co Hackathon 2021: Getting Started

🕵🏽‍♀️ Your Mission

🤔 How the internet works (Video, < 1 min)

🕸 HTML/CSS Fundamentals

🤝 Versioning & Collaboration

🔤 Natural Language Processing

🚪 Design, Accessibility, & User Experience

Deployment

🤿 Go Deeper

🤔 How the internet works (Video, < 1 min)

🕸 HTML/CSS Fundamentals

Get a working understanding of structuring web page content with HTML and styling that content with CSS. 

Web Design in 4 Minutes, Jeremy Thomas (Demo)

How To Build a Website with HTML, Erin Glass (Tutorial)

Step-by-step tutorial on how to build a simple website including project set up, editing, and file management.

HTML Fundamentals, Tania Rascia (Guide)

Clear, complete, and brief explanation of the basics.

CSS Diner, Luke Pacholski (Game)

Play with food and test your knowledge of CSS selectors. For a more “entertaining” approach, visit CSS Diner.

HTML Basics and CSS Basics, MDN (Guide)

Mozilla Developer Network (MDN) is the best source for complete, up-to-date reference on all things web. Here are two brief guides to get you started.

🤝 Versioning & Collaboration

How to work on code together, sanely and sustainably using git and GitHub.

Introduction to GitHub, GitHub Training Team

In less than an hour, learn git and GitHub through building and deploying a live website using GitHub Pages

Git-It (Desktop app)

Open-source app for quickly learning git and GitHub through desktop app based interactive tutorial. Particularly good for details and advanced usage left out of most resources.

🔤 Natural Language Processing

Get started with libraries and techniques for gathering and parsing texts using Python.

Cultural Analytics & Python, Melanie Walsh (Tutorial)

Interactive tutorials for collecting, analyzing, and visualizing text data using common Python libraries and the Jupyter notebooks.

Advanced NLP with spaCy, Ines (Tutorial)

Get started with spaCy, a Python library for Natural Language Processing library. Do stuff with text data including identifying names, places, concepts, and applying machine learning techniques.

🚪 Design, Accessibility, & User Experience

Universal design means designing web resources better for everyone including taking into account users’ (dis)abilities.

Web Accessibility Workshop, Alice McGrath (Slides)

Introduction to accessibility and practical guidelines for getting started.

Checklist, A11y Project (Guide)

Checklist for helping identify where accessibility issues might be in your project.

Introduction to Web Accessibility, WebAIM (Guide)

Overview of issues diverse users face using websites and techniques for addressing them. WebAIM is one of the oldest organizations working on issues of accessibility on the web.

Information Architecture, Usability.gov (Guide)

Concise guidelines for organizing content on the web.

Web Accessibility Tutorials, W3C (Tutorials)

Tutorials from W3C, an open consortium that maintains standards for the web.

Deployment

How do we get our projects up on the web? A few tools to get started with deploying our code.

Domain of One’s Own: Accessing Files (Guide)

Haverford and Bryn Mawr students have access to web-hosting through Domain of One’s Own. Install applications like WordPress but also serve files you upload. More information for each college below:

GitHub Pages (Guide)

Publish HTML/CSS and JavaScript to the web straight from you GitHub repository using GitHub Pages.

Getting Started on Heroku with Python (Tutorial)

Heroku is a platform that allows you to deploy dynamic applications to the web with support for most programming languages. A great for live prototypes that use databases, rely on server-side scripts, or you simply rather write in a language you are familiar with. Here is a tutorial on how to get started with Python.

Sidenote: This tutorial uses a Python framework called Django. Here is a link for getting started with a similar but simpler framework called Flask.

Deployment Module by Andy Janco (Tutorial)

Course materials from Web Application Development including a more in-depth treatment of deployment concepts and tools used in production environments.

🤿 Go Deeper

Web Application Development by Andy Janco (Tutorial)

Online course materials for Haverford DS’s student developer training. Offers modules on:

Front-End Web Learning Path from LinkedIn Learning (Resource List)

An in-depth list of tutorials on LinkedIn Learning covering 33 topics. For a deeper dive  into any one of the topics above.

Data Visualization: Storytelling by Bill Shander (Tutorial)

Online course from LinkedIn learning about how to think about, and craft, stories from data by examining many compelling stories in detail.

Our Privacy Opportunity by OpenMined (Tutorial)

Online course exploring issues of privacy across the web and the implications.