• Slack Posts, other assignments, exercises 20%
  • Projects (3) 30%; 3 projects will progressively demonstrate students comprehension of programming and data techniques.
  • Quizzes (3) 15%; short quizzes on skills and concepts we have covered.
  • Final Project 25%; a comprehensive application that will demonstrate students’ ability to combine programming techniques.
  • Attendance/Participation 10%


  1. Interactive Quiz or Calculator – Use the techniques you have learned in JavaScript and HTML/CSS to create a Web application that takes input from a user and provides something that changes the DOM. This can be a Buzzfeed-like quiz application, something that performs a calculation and/or creates a simple chart. Or something else interactive that you want to do.
  2. Interactive Charting – create a page that provides two interactive charts or maps and one table that filters a data set using a dropdown. Use your own data. This could contribute to the start of your final project. Use the Google Charts API for your charts or maps.
  3. Data Analysis Project – take the data you pulled from the Twitter API, associated with your final project. Analyze the data for frequency of terms and users (and anything else that is interesting). Create at least two visualizations to demonstrate trends in the data and include a description of the analysis. You will submit this analysis as a Slack post  in #twitterapi channel with images you created as screenshots from a spreadsheet or other (TagCrowd.com) program. Do at least two different kinds of analysis.

Final Project  

For the final project, you will be expected to tell a complete story using data. The project will need to be uploaded to the Web on your website. Use a Bootstrap installation (no WordPress for this one) to hold your files and create your site that includes your files, text and visuals. The project can have text, multimedia in the form of photos and video. Data will need to be a key component, and you should provide the users a way to interact with data in some manner (manipulate the DOM). You will need at least (at least!!!) one chart and one filtering table. You will need to select appropriate sources for interviews and cite properly in the project. Your page may be a single page or a multi-page reporting project. You will decide the layout and navigation of the site. Keep the user experience in mind. Upload the project to a subdomain. I’ll provide the link for you to be able to submit it, when it is done.

You will be graded on the following areas:

Text Content and overall approach: 20% – the project answers a question that is important to your audience. Content is clear and free of spelling or grammatical errors. Article is well written and has a relevant flow. Include your name and email address and any other pertinent information about you as author somewhere in the site. As relevant, include links to outside resources.

Coding: 25% – coding for the project is done well. You use proper coding standards to ensure functionality of all elements.  Use a templating site like Bootstrap. But you will probably have other elements of code on the site, like JavaScript or code as it relates to your data elements.

Data: 25% – Data is a significant portion of this project and should be key to the storytelling. Find data sources that relate to your topic and present properly within the story. Data presentation should be interactive, which means the user should be able to interact with something on the page that changes the DOM. You may use multiple forms, charts, maps, tables or other ways to present data.

Design: 15% – pages are to be designed properly. Refer to information from the Web design class to make sure you use good design principles, proper page titles, functioning navigation, effective layout. If you need to, feel free to refer to content on my Web Design site or the HTML/CSS/Responsive Design content on CodeActually.com.

Multimedia: 5% – multimedia (photos, slideshows and/or video) accompany the story and add to the presentation. Photo captions help tell a story, not just define what is in each photo. Visual elements add interest to the page. You may use YouTube to host the videos, but be sure to embed them properly in the page so they flow with the rest of the story.

Creativity/Innovation: 10% – you are expected to exercise a significant amount of creativity for this project. Creativity can be exercised through choice of topic, approach, use of data, use of charts/maps, in your design, in your multimedia. Simply providing the minimum elements will not be enough to achieve the highest grade. You must create a project that is worthy of public presentation on a professional site. Review a variety of great work to get inspiration for creativity.