Data Journalism

Home
Syllabus
Outline
Resources
Instructor
Final Project
Final Project Submissions
Week 14 - Above and Beyond
Class 25: New Frontiers
Class 26: Final Presentations
Week 13 - Revisiting the Web
Class 23: Figma to Web and SVG
Class 24: Advanced CSS
Week 12 - Revisiting Graphics
Class 21: Advanced Charting
Class 22: Prototyping in Figma
Week 11 - Embedding
Class 20: Basic Embedding
Week 10 - Making Interactives
Class 18: Being Trilingual
Text Content Exercise
Second Interactive Assignment
Class 19: The Wicked Web
Week 9 - Intro to JavaScript
Class 16: Basic JavaScript
Basic JavaScript Assignment
Class 17: Your First Interactive
First Interactive Assignment
Week 8 - Websites
Class 14: Making a website
AutoSepta Site Exercise
CodePen Conversion Assignment
Class 15: The Linked Web
Linked Web Assignment
Week 7 - Halfway Point
Class 12: Recap
Mid-Semester Survey Assignment
Class 13: AutoSepta Exploration
Crash Data
Week 6 - HTML
Class 10: Intro to HTML
HTML Bridges Assignment
Class 11: Intro to CSS
HTML Website Assignment
Week 5 - Working with Figma
Class 8: Diving into Figma
Figma Tips
Bar Graph Assignment
Class 9: Figma like a Pro
Portfolio Mock Assignment
Week 4 - Intro to Design
Class 6: Records, Pitches, Design
Class 7: Basics of Visual Design
Sketch Assignment
Week 3 - Public Records
Class 5: Public Records
FOIA FBI Letter Assignment
Week 2 - Spreadsheet Deep-Dive
Class 3: Strength in Numbers
Analyzing Election Results
Assignment: Election Results
Class 4: Pivot Tables
Pivot Tables: An Illustrated Guide
Assignment: Pivot Tables
Project Pitch
Week 1 - Intro to Data Journalism
Ice Breaker
Class 1: Intro
Example stories
Coding practice
Survey
Mini Assignment
Class 2: Data and Spreadsheets
Data Formats
Spreadsheet Quick Tips
Example Datasets
Spreadsheet Mini Assignment
Tools
Spreadsheet Preview

Basic JavaScript assignment

Due Thursday October 24, 2019 at noon

In this assignment you will essentially mimic the in-class exercise, but this time you will have to have two buttons — one to change the color and one to change the color back.

Official requirements:

  • Create a page with a header with some text in it and two buttons
  • Have one of the buttons change the header color to something else
  • Have another button change the header color back
  • Deploy the site to Netlify using “WebWarrior 2.0 - the saga continues” and send the link to freedmand@temple.edu
  • Extra credit: have more than two buttons that all do different things. Have the buttons affect another style other than just changing color. If you are feeling ambitious, try to integrate some JS into your existing website / be creative!
  • Note: If you have any outstanding assignments, especially those around HTML links, please let me know and/or try to catch up. I am happy to find time to meet before/after class or on another day.