Week 1

May 9 Welcome to the class!

Why should you learn to code?

 

The World of Web Development

http://www.slideshare.net/cindyroyal/the-world-of-web-development

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

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 make a channel for each question that you will respond to over the session. I will invite you to join our Slack team via the email you send in the form above. Look for the #superpowers channel.

Watch HTML Tutorial Videos on CodeActually.com

May 10

Assignments (complete before next class)::

Watch the CSS Tutorial Videos on CodeActually.com

Watch The Internet: Behind the Web; this video is several years old, but it does a good job going over the history of the Internet and Web, things that are so ubiquitous in our lives today.

What did you find most interesting about this video? What did you learn that you did not know previously? Respond on our Slack channel summercodecamp.slack.com.

Set up a domain and hosting at Reclaim Hosting. Use the student $25 option. You may use other hosting, if you already have a domain.

May 11

  • Web Design Concepts

Assignment (complete before next class)::

Watch the Responsive Design Tutorial Videos on CodeActually.com

May 12

  • Responsive Design

Responsive vs. Mobile Site vs. Mobile App

Assignments (complete before next class):

Watch the 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.

May 13

Assignment for the weekend:

Did you like the video on the history of the Internet? If so, you might like to watch this series, Download: The True Story of the Internet, that brings things a little more up to date. It covers browsers, search, e-commerce and social media in four different parts. Required to watch People Power, but if this interests you, feel free to watch all four segments. Given its history, what do you think is the next big thing in social media? Respond on our slack channel for #peoplepower.

Watch the JavaScript Tutorials on Getting Started, Basic JavaScript Syntax, Data Types, Numbers and Alerts, Confirms and Prompts on CodeActually.com.

Week 2

May 16

Assignment (complete before next class):

Watch the tutorials on Interactive JavaScript on CodeActually.com.

Read Introduction and In The Newsroom in the Data Journalism Handbook. Make a post on our Slack channel #datajournalism addressing discuss your definition of data journalism and what you think about its role in journalism in the future. Also, take the Ya’ll, Youse, You Guys quiz and post a screenshot of your resulting map on this post.

May 17

  • More JavaScript

Assignments (complete before next class):

Review the Make An Interactive Quiz Tutorial

Read Case Studies in the Data Journalism Handbook. Which of these did you find most interesting? Why? Find at least two of your own other favorite interactive data visualizations. Why? Respond in the #djcasestudies Slack channel.

May 18

  • Quiz App Exercise

Assignments (complete before next class):

Review the More Interactive Examples  and JQuery (no video for this, just reference and code) tutorials on CodeActually.com. (We won’t be doing the Interactive Chart Example in this class, but feel free to review it on your own time and try it out in the future).

Read Getting Data and Understanding Data in the Data Journalism Handbook. Write a post in the #gettingdata Slack channel – with your final project in mind, look for data sources you would like to present. Where is the data? What do you need to know to use it. Look for APIs and sites that host raw data that might be useful to your analysis.

May 19

Assignments(complete before next class):

Be prepared to complete your Exercise 2 – Quiz application in class tomorrow.

Read Data Journalism Handbook – Delivering Data; write a post on our #deliveringdata Slack channel 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?

May 20

  • Quiz 2
  • Exercise 2 – 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.

Assignments (complete before next class):

Work on the content/data for your final project. We’ll have class time for assistance with presentation of data next week. Post your topic and general idea for your final project at #finalprojectidea.

Week 3

May 23

May 24

  • Scraping

  • APIs

  • Work on final projects
  • Assignment: 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?
  • More info on APIs

 

May 25

  • Git/GitHub

  • Assignment: One last Slack post – #wrapup. What did you think of this brief tour of web development concepts? What was the most interesting or important thing you learned? How do you think you will use these skills/concepts in the future?
  • Work Time on final project
  • Other GitHub Resources

 

Final Project – due May 26

  • Quiz 3
  • 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 use responsive techniques that we discussed (fluid layout, fluid images and media queries). Create a “final” folder (can also make it a subdomain via Reclaim Hosting Cpanel) and upload the files associated with the project. Your home page should be index.html.
  • Let’s keep in touch! Follow me on Twitter, Facebook or LinkedIn.