Week 1 (Jan. 21-25)
Intro to Class
- Course Introduction / Syllabus
- The Evolution of the Web
- Glossary of Internet Terms
- The Internet: A Decade Later
- 7 Predictions for How the Internet Will Change Over the Next 15 Years, Forbes, 2016
- InfoPeople Search Tools Chart
- How Google Search Works
Getting Started:
- Handout – Introduction to HTML
Homework: Before next class, watch the first two HTML Tutorials on Basic HTML and Inserting Images and Links and Tables.
Week 2 (Jan. 28 – Feb. 1)
Start Your First Websites
News: Ana (Tuesday), Sarah M. (Wednesday), Jessica (Thursday)
Course Content:
- Intro. HTML handout
- Introduction to HTML at w3schools.com
- Text Formatting, Images and Links
- Lists and Tables handout
- Web Hosting – Reclaim Hosting
- Multiplying Pages
Homework: Watch the video on KPCB Internet Trends, 2018. Write a Slack post on two things that surprised you about the state of the Internet today. Post to the #internettrends channel. Due by first class period of Week 3.
Week 3 (Feb. 4-8)
Publishing Your Site (together at the beginning of class)
News:
- Christina S. (Monday)
- Kyndal G. (Tuesday)
- Eric M. (Wednesday)
- Daniel R. (Thursday)
In Class:
- Codeacademy.com
- Setting Up Hosting and Transferring Files
- Uploading Files handout
- Project 1 – Due on Friday, Feb. 8 by midnight
Homework: Find three sites you think are well designed and explain why. Provide links, screenshots of images that demonstrate your points. Post to #webdesign channel of Slack. Due by the first class period of Week 5.
Week 5 (Feb. 11-15)
Adding CSS – Online Tutorials
Course Content:
- Handout – CSS Properties handout
- Handout – Stylesheet Handout
- Sample CSS Style Sheet
Download - Design discussion
- Handout – Web Design Process
- Discussion of Reading – 10 Principles Of Effective Web Design
Week 6 (Feb. 18-22)
Photoshop Basics
News:
- Sam V. (Monday)
- Stephen S. (Tuesday)
- Skylar B. (Wednesday)
- Valkyrie M. (Thursday)
Course Content:
- CSS Exercise – Due by midnight on Friday, Feb. 22
- Handout – Introduction to Photoshop
- Create banner logos for site
Homework: 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? Post to #superpowers channel on Slack. Due first class period of Week 7.
Week 7 (Feb. 25 – March 1)
Flexbox / Media Queries & Responsive Design
News:
- Haley W. (Monday)
- Horacio M. (Tuesday)
- Olivia C. (Wednesday)
- Kierra S. (Thursday)
Course Content:
- Introduction to Media Queries
- What Is Responsive Design?
- Responsive Design Presentation
- Responsive Design Handout
- Responsive vs. Mobile Site vs. Mobile App
- What Is FlexBox?
- FlexBox Froggy
Week 8 (March 4-8)
Bootstrap
News:
- Christian G. (Monday)
- Conner Y. (Tuesday)
- Kelly E. (Wednesday)
- Nathaniel B. (Thursday)
Course Content:
- Finish Project 2 – Due Friday, March 8 by midnight. We will have a little bit of time to make finishing touches on this in class and will submit it together.
- Troubleshooting Quiz (in class Mon / Tues)
- Bootstrap – developing a site using a templating system
- Bootstrap Intro Handout
- Bootstrap Template Handout
- Introduction to Bootstrap
- Handout – Bootstrap Basics
Homework: Do a Slack post – find two logos you think are well designed and why. Provide links, screenshots of images that demonstrate your points. Post to #logos channel on Slack.
Week 9 (March 11-15) – NO CLASS
Bootstrap (cont.)
Watch Bootstrap Tutorials on your own and work on sites. Work on logos, pages, content.
Week 10 (March 18-22) – SPRING BREAK – NO CLASS
Continue Working on Project 3
Week 11 (March 25-29)
iMovie / Multimedia Storytelling
News:
- Nathan E. (Monday)
- Faith F. (Tuesday)
- Garfield H. (Wednesday)
- Yessica R. (Thursday)
Course Content:
- Snow Fall: The Avalanche at Tunnel Creek – NY Times
- A Game of Shark and Minnow – NY Times
- The Jockey – NY Times
- Firestorm – The Guardian
- Black Hawk Down – Philadelphia Inquirer
- Collings Guitars – Jorge Sanhueza-Lyon
- Lonestar Rod and Kustom Round Up – KUT
- Amazing Girls – NY Times
- Newtown: One Year After – Mother Jones
- Planet Money Makes a T-Shirt – NPR
- Graffiti Permission Wall – Andrew Goodwin
- Examples and Articles
In Class:
- Handout – iMovie
- Online: NY Times Multimedia
NY Times Video
Snowfall
MediaStorm
Week 12 (April 1 – 5)
Bootstrap (Cont.)
News:
- Tara O. (Monday)
- Maddie A. (Tuesday)
- Sawyer C. (Wednesday)
- Jada J. (Thursday)
Course Content:
- Adding A Slideshow in Bootstrap
- Bootstrap Tutorials, including Bootstrap Carousel and Effects
- custom.js – download and put in your js folder to use for parallax backgrounds and scroll-to-anchor effects.
Week 13 (April 8-12)
WordPress
News:
- Brittany T. (Monday)
- Anthony J. (Tuesday)
- Kaelin T. (Wednesday)
- Dalton M. (Thursday)
Course Content:
- Finish Project 3 – Due by midnight on Friday, April 12
- Final Projects Brainstorm
- Introduction to WordPress
- Handout – WordPress
Week 13 (April 15-19)
WordPress (cont.)
News:
- Maddie M. (Monday)
- Leslie S. (Tuesday)
- Sariah G. (Wednesday)
- Logan S. (Thursday)
Course Content:
- Pages, posts, customizing site
- Using A Content Management System
- Advanced WordPress
- Handout – Child Themes
- Handout – Fun with Plugins
Interactive Examples:
- Online: Building a Pop Song
- Rent Vs. Buy
Election Day Word Train
What’s In Your Water?
Where Were You on Sept. 11?
Public Schools Explorer
Data Viz on Pinterest
FIFA Social Dashboard - Online: Goosing the Gray Lady
Gabriel Dance on Interactives
Data Journalism Handbook
Aron Pilhofer on BreakingTheNewNews
Journalism in the Age of Data
Guardian – Data Journalism: What It Is and How Do We Do It?
The Programmer Majored in English, Nieman Lab
Approaching Data with a Beginner’s Mind – UX Magazine
Narrative Visualization: Telling Stories with Data
Analyzing Data is the Future for Journalists
When the Data Struts Its Stuff
Week 15 (April 22-26)
News:
- Sarah F. (Monday)
Course Content:
- Continue working on Final Projects
Week 16 (April 29 – May 3, May 6)
Last Week / Day of Classes
- Present Final Project Drafts in class (5% of grade)