July 10 Welcome to the class!

Why should you learn to code?


The World of Web Development

What do you want to learn? What do you already know? Fill out this form


  • Bluehost Review
  • Responsive Design Review

Responsive vs. Mobile Site vs. Mobile App

Assignments (complete before next class):

Read through this report Superpowers: The digital skills media leaders say newsrooms need going forward. What do you think are the most important skills for communicators? What do you think about the results of this report in regard to your own career? You’ll need to join our Slack team to record your responses, summercodecamp.slack.com. I’ll invite you to the Slack team and make a channel for each question that you will respond to over the session. Look for the #superpowers channel.

Begin working on your updated, redesigned personal site; review Bootstrap and WordPress information.


July 11

Review Topics:


Watch HTML Forms Tutorial Videos on CodeActually.com

Read the report Mobile First News: How People Use Smartphones to Access Information. What are the trends uncovered in the report in terms of how people consume news via mobile devices? Respond on #mobilenews Slack channel.

Complete your redesigned personal site. You can use WordPress, Bootstrap or any other method. Improve content, design, functionality, so you have a portfolio site to showcase your work.

July 12

HTML Forms – we’ll go over the elements to make an html form for text inputs, radio buttons, checkboxes and dropdowns. This is the foundation of a user interaction interface.


Watch the JavaScript Tutorials CodeActually.com.

July 13

  • JavaScript – Intro to Programming Concepts

Assignment (complete before class next Mon):

Watch the tutorials on Interactive JavaScript on CodeActually.com.

Review the Make An Interactive Quiz Tutorial

July 14 – online assignments

Take Quiz 1 on TRACS – this will cover HTML/CSS Review, Bootstrap, WordPress and Intro to Programming. Do this by 5pm on Friday, July 15. You will have 30 minutes to take the quiz once you start it. MC/T or F.

Read Introduction and In The Newsroom and review the Case Studies in Data Journalism Handbook.

Also, review these examples below. Find some other examples of interactive data journalism and post on the #datajournalism channel. Discuss the design, data, interaction.

Data Journalism – Pinterest Data Viz examples

July 17

  • Review getElementById – exercises
  • Make an Interactive Quiz Exercise


Review the More Interactive Examples  (no video for this, just reference and code) tutorial on CodeActually.com.

Provide feedback on two students’ websites on the #personalsites channel. Imagine you are an employer considering this person for a job. I will assign the sites to review.

July 18

  • More Interactive Examples
  • Getting good at getElementById and working with JSON


Read Getting Data Chapter. Start thinking about your final project. Write a Slack post about the type of data story you’d like to tell for the final project. Where is the data? Why is it interesting? What do you think you will find? What do you need to know to use it. Use #gettingdata channel on Slack.

Review the JQuery tutorial on CodeActually.com.


July 19

  • JQuery


July 20

Quiz App Exercise – Make an interactive quiz or calculator using JavaScript and/or JQuery. Provide a score or an answer. Make a “quiz” folder on your domain and upload your quiz to it using Fetch.


Discuss the Agile Development Cycle that we addressed. Why do you think (or not) that it is a good approach to development? What are the benefits? Find other articles and resources on Agile and include in your post. Use #agile channel on Slack.

July 21

Take Quiz 2 – take it before midnight on Friday.

Review Tutorial for Interactive Charting Example

July 24

  • Other GitHub Resources

Assignments: Review Tutorial for Google Chart Examples

July 25


July 26

Using Excel

Excel Handout

  • Assignment: Read Understanding Data in Data Journalism Handbook. Make a Slack post in the #understandingdata channel discussing the things you need to know about the data you select for a data-driven project.

July 27

Project 3 – Interactive Charting Project – create a page that introduces a chart or map that is data-driven and can be changed by user interaction.


July 28

Online Assignments:

Read Product Management articles.
Best Practices for Product Management – American Press Institute.
Like a Tech Company: Managing Digital Products in a Newsroom Context (preliminary) by Cindy Royal
Watch the Video: The Hunt For News Products of the Future

Slack Post – What are the characteristics of a product manager? What do you think about the emerging role of product management in news and media organizations? How do you think it compares to that role in a technology company? Do you think it is a role you’d like to perform in your career? Use #productmanagement on Slack.

Take Quiz 3

July 31

  • Design Thinking your final project
  • Scraping

Scraping with Python and Beautiful Soup


  • Careers and Trends – read General Assembly Report on #careerstrends Slack channel. What do you find most interesting about this report? Do you see yourself moving into any of these roles in the future?
  • Watch API tutorial below.

Aug. 1




Aug. 2

Assignment: Read Delivering Data. Write a Slack post on #deliveringdata covering your impression of the main points of this chapter. How do you plan to deliver data in your final project? Discuss your data and how you would like it to be presented to the user. What will be the interactive elements. Provide a good description of your final project that includes the user interaction as well as the algorithms you will use.

Review Python Flask Tutorial – read handout

Aug. 3

Python/Flask exercise

Assignment: Review D3 exercises

Aug. 4

D3 Exercises

Discuss Sass, native development strategies

Assignment: Visit Texas Tribune’s Data site. Be ready to discuss tomorrow with Becca Aaronson.

Aug. 7

Guest speaker Becca Aaronson via Skype

Future Concepts – ways you can continue to learn to code

Assignment: One last Slack post  #wrapup –  What did you think about what you learned in the past 5 weeks? What was the most interesting or important thing you learned? How did the format help or hinder learning? How did it advance the things you have learned in previous courses? How do you think you will use these skills/concepts in the future?

Aug. 8

Final Project – Use more advanced data concepts in an interactive presentation. Find some interesting data and figure out an interactive way to present it on a website. A story (to include text and that can include interviews, images, multimedia) should accompany. Data must be interactive (manipulate the DOM), which can include ways to sort and filter data or present it interactively with charts. Site should have both an interactive table generated by json data with form to select and an interactive chart. Site should use responsive techniques that we discussed (fluid layout, fluid images and media queries).