Skip to content

propublica/data-institute-2022

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

Data Institute 2022

For students of https://projects.propublica.org/graphics/ida-propublica-data-institute

Curriculum

Day 5

Friday, July 22

HTML + CSS Review

Exercises

  • Inspecting Sisi's website!, view source
  • Warm up:
    • Using your practice HTML file from before, add CSS styles to it such you change the:
      • color
      • font-family
      • font-size
    • On your own, look up how to do the following in CSS, and add it to your HTML file as well:
      • underline text
      • bold text
      • italicize text
  • HTML exercise: Copy and paste the code on this page into a file called `supreme-court.html` on your computer and follow the instructions inside to format the page.
  • CSS exercise: Now that your Supreme Court article has HTML, make a new `style.css` file, link it up to your HTML, and try to do the following:
    • Make the main headline dark red.
    • Use the font family "Georgia" for the main headline and the subheadline.
    • Center the text of the main headline and the subheadline.
    • Give the paragraphs a line height of 19 pixels.
    • Remove the underline from the links.
    • Make the "Related articles" label all uppercase.
    • Bonus: Make an underline appear when you hover over a link.

CSS Classes

In-Class Demos

  • Commenting in HTML and CSS
  • How to write your own CSS Class
  • How CSS deals with conflict

Optional Homework (It's a challenge!)

Only for those of you who have time and are looking for an extra challenge. This is 100% optional because we will not be talking about this in class tomorrow. Instead, if you do it, I'll give you an individual response via email or Slack.

  • Save this HTML onto your computer. Link to a new CSS file that you create. Write CSS to make the end result look like this image. You may only write CSS. You cannot edit the HTML file. When you're done, send me your files or send me the links of your files on Github and I'll give you feedback on how it went!

Scraping and tracking

Without Code In-Class Demos

Resource for learning on your own

  • First Web Scraper — this step-by-step tutorial covers not only how to write your own web scraper from scratch in Python, but how to install Python, how to write basic code (that you'll use to build your scraper) and also how to actually build the final scraper. I highly recommend that coordinate with someone else who is interested in learning, so you can work on it together. To give you a sense of how long it takes, during the 2-week Data Institute we spend 2 entire days going through this tutorial. So there's no need to rush!

Day 4

Thursday, July 21

Intro to Design

Lecture

Exercises

Let's make a webpage!

Exercises

Visualizing Data

Lecture

Making Charts

In-Class Demos

Day 3

Wednesday, July 20

Intro to Code

In-Class Demos

How Websites Work

In-Class Demos

  • How the Internet passes websites around
  • What HTML, CSS and Javascript contribute to a webpage

HTML

In-Class Demos

  • How to create your first HTML file
  • Shortcut to the basic HTML template
  • How to use:
    • <h1>
    • <h2>
    • <h3>
    • <p>
  • Let's look up together:
    • <img>
    • <a>
  • Can you figure out:
    • How do you make a bulleted list?

Exercises

Basic CSS

In-Class Demos

  • How to create your first CSS file
  • Shortcut to linking to your CSS file
  • How CSS styles work

Optional Homework

Copy and paste this code and follow the instructions inside to format the page.

Day 2

Tuesday, July 19

Exercise: Rural Hosptial Closures

Data from the Sheps Center, and a version already in Google Sheets for you.

Resources

Day 1

Monday, July 18

Intro to Data Journalism

Resources In our "advanced spreadsheets" section, we talked about splitting text to columns, making pivot tables, and using formulas. Here is a writeup of what we did, with links to other online resources.


What you'll need installed

Before class begins on Monday, you'll need to have signed up for the following accounts, and installed the following software on your computer.

ACCOUNTS

Go to each of these links and sign up for an account:

  • Github.com
    After signing up, make sure to confirm your e-mail address too, otherwise you won't be able to use the account. Github is the site we'll be using to share code and teach you how to publish your own webiste.
  • Google.com
    You probably already have Google account (if you have a gmail account, you're good). We'll be using Google Spreadsheets the most, which you'll have access to from any Google account.
  • Datawrapper
    A great website for creating data visualizations without needing to code.
  • Codepen
    We'll be using this website to share your in-class exercises, so your instructor can check your work.

SOFTWARE

Go to each link and download the app onto your computer:

  • Google Chrome
    Everything we'll be teaching you about previewing and testing code will work in other browsers like Firefox, Safari, and Internet Explorer, but each browser designs how it works a little differently. Since we'll be demoing everything in Chrome, it'll be easiest for you to follow along.
  • Slack (Mac, Windows)
    All of you should have received an invite to join the Data Institute Slack. If you've never used Slack before, it's basically a place where you can message with a group of people. You need both an account (which you should be able to set up based on your email invitation) and we want you to download the desktop app (which you can do by clicking on the Mac or Windows link above).
  • Sublime Text (Mac, Windows)
    This app is where we're going to be writing all our code. It's completely free, and will occassionally ask you if you'd like to pay, but payment is not required. For both beginners and experts, Sublime is one of the best apps for coding.

OPTIONAL

We won't be teaching these tools during class, but we highly recommend them and we want you to have easy access to them in case you need them in the near future. Your instructors will also be providing demo videos for how to use some of these tools.

  • Tabula (Mac, Windows)
    Your best friend for when you have a huge stack of data tables in PDF format and need to turn it into actual data you can use.
  • Open Refine (Open Refine's page, Mac, Windows)
    A great tool to help you clean data (ex: it can recognize that "Saint Paul" and "St. Paul" maybe refer to the same city in Minnesota)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published