{"id":13,"date":"2014-08-27T12:43:10","date_gmt":"2014-08-27T18:43:10","guid":{"rendered":"http:\/\/jonzmikly.com\/webdesign\/?page_id=13"},"modified":"2019-03-26T14:58:53","modified_gmt":"2019-03-26T19:58:53","slug":"course-outline","status":"publish","type":"page","link":"https:\/\/jonzmikly.com\/webdesign\/course-outline\/","title":{"rendered":"Course Outline"},"content":{"rendered":"<h3><strong>Week 1 (Jan. 21-25)<br \/>\n<\/strong><em>Intro to Class<\/em><\/h3>\n<ul>\n<li>Course Introduction \/ Syllabus<\/li>\n<li><a href=\"http:\/\/visual.ly\/evolution-web?view=true\" target=\"_blank\" rel=\"noopener\">The Evolution of the Web<\/a><\/li>\n<li><a href=\"http:\/\/www.matisse.net\/files\/glossary.html\" target=\"_blank\" rel=\"noopener\">Glossary of Internet Terms <\/a><\/li>\n<li><a href=\"http:\/\/mashable.com\/2012\/08\/22\/the-internet-a-decade-later\/\" target=\"_blank\" rel=\"noopener\">The Internet: A Decade Later<\/a><\/li>\n<li><a href=\"http:\/\/www.forbes.com\/sites\/jaysondemers\/2016\/04\/18\/7-predictions-for-how-the-internet-will-change-over-the-next-15-years\/#5581e2a478dc\" target=\"_blank\" rel=\"noopener\">7 Predictions for How the Internet Will Change Over the Next 15 Years,<\/a> Forbes, 2016<\/li>\n<li><a href=\"https:\/\/infopeople.org\/content\/best-search-tools-chart\" target=\"_blank\" rel=\"noopener\">InfoPeople Search Tools Chart<\/a><\/li>\n<li><a href=\"https:\/\/www.google.com\/search\/howsearchworks\/\" target=\"_blank\" rel=\"noopener\">How Google Search Works<\/a><\/li>\n<\/ul>\n<p>Getting Started:<\/p>\n<ul>\n<li>Handout \u2013 <a href=\"http:\/\/cindyroyal.com\/webdesign\/handouts\/basichtml.pdf\">Introduction to HTML<\/a><\/li>\n<\/ul>\n<p><strong>Homework:<\/strong> Before next class, watch the first two\u00a0<a href=\"https:\/\/jonzmikly.com\/webdesign\/tutorials\/\" target=\"_blank\" rel=\"noopener\">HTML Tutorials<\/a>\u00a0on Basic HTML and Inserting Images and Links and Tables.<\/p>\n<hr \/>\n<h3><strong>Week 2 (Jan. 28 &#8211; Feb. 1)<br \/>\n<\/strong><em>Start Your First Websites<\/em><\/h3>\n<p><strong><span style=\"color: #339966;\">News: Ana (Tuesday), Sarah M. (Wednesday), Jessica (Thursday)<\/span><\/strong><\/p>\n<p>Course Content:<\/p>\n<ul>\n<li><a href=\"http:\/\/cindyroyal.com\/webdesign\/handouts\/basichtml.pdf\" target=\"_blank\" rel=\"noopener\">Intro. HTML<\/a>\u00a0handout<\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/html\/html_intro.asp\" target=\"_blank\" rel=\"noopener\">Introduction to HTML at w3schools.com<\/a><\/li>\n<li><a href=\"http:\/\/cindyroyal.com\/webdesign\/handouts\/htmlll.pdf\" target=\"_blank\" rel=\"noopener\">Text Formatting, Images and Links<\/a><\/li>\n<li><a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/lists_tables.pdf\">Lists and Tables<\/a>\u00a0handout<\/li>\n<li>Web Hosting \u2013\u00a0<a href=\"https:\/\/reclaimhosting.com\/\" target=\"_blank\" rel=\"noopener\">Reclaim Hosting<\/a><\/li>\n<li>Multiplying Pages<\/li>\n<\/ul>\n<p><strong>Homework:<\/strong> Watch the video on\u00a0<a href=\"http:\/\/www.kpcb.com\/internet-trends\" target=\"_blank\" rel=\"noopener\">KPCB Internet Trends<\/a>, 2018. Write a Slack post on two things that surprised you about the state of the Internet today. Post to the <a href=\"https:\/\/jzweb.slack.com\/messages\/CFF7KAV17\/\" target=\"_blank\" rel=\"noopener\">#internettrends<\/a> channel. Due by first class period of Week 3.<\/p>\n<hr \/>\n<h3><strong>Week 3 (Feb. 4-8)<br \/>\n<\/strong><em>Publishing Your Site (together at the beginning of class)<\/em><\/h3>\n<p><strong><span style=\"color: #339966;\">News: <\/span><\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #339966;\">Christina S. (Monday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Kyndal G. (Tuesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Eric M. (Wednesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Daniel R. (Thursday)<\/span><\/strong><\/li>\n<\/ul>\n<p>In Class:<\/p>\n<ul>\n<li><a style=\"line-height: 1.5;\" href=\"http:\/\/codeacademy.com\">Codeacademy.com<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.cindyroyal.net\/setting-up-hosting-and-transferring-files\/\">Setting Up Hosting and Transferring Files<\/a><\/li>\n<li><a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/fetch.pdf\">Uploading Files<\/a>\u00a0handout<\/li>\n<li><span style=\"color: #ff0000;\">Project 1\u00a0&#8211; Due on Friday, Feb. 8 by midnight<\/span><\/li>\n<\/ul>\n<p><strong>Homework:\u00a0<\/strong>Find three sites you think are well designed and explain why. Provide links, screenshots of images that demonstrate your points. Post to <a href=\"https:\/\/jzweb.slack.com\/messages\/CFFN93KS7\/\" target=\"_blank\" rel=\"noopener\">#webdesign<\/a> channel of Slack. Due by the first class period of Week 5.<\/p>\n<ul>\n<li>Watch the tutorials on <a href=\"http:\/\/codeactually.com\/css.html\" target=\"_blank\" rel=\"noopener\">CSS<\/a>\u00a0and <a href=\"http:\/\/webdesign.cindyroyal.net\/photoshop-tutorial\/\">Photoshop<\/a>\u00a0to prepare for Week 5 course content.<\/li>\n<\/ul>\n<hr \/>\n<h3><strong>Week 5 (Feb. 11-15)<br \/>\n<\/strong><em>Adding CSS &#8211; Online Tutorials<\/em><\/h3>\n<p><strong>Course Content:<\/strong><\/p>\n<ul>\n<li>Handout \u2013 <a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/css.pdf\">CSS Properties handout<\/a><\/li>\n<li>Handout \u2013 <a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/style.pdf\">Stylesheet Handout<\/a><\/li>\n<li>Sample CSS Style Sheet<br \/>\n<a href=\"http:\/\/jonzmikly.com\/webpub\/css\/style.css\" class=\"su-button su-button-style-flat\" style=\"color:#FFFFFF;background-color:#2D89EF;border-color:#246ec0;border-radius:5px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#FFFFFF;padding:6px 16px;font-size:13px;line-height:20px;border-color:#6cadf4;border-radius:5px;text-shadow:none\"><i class=\"sui sui-download\" style=\"font-size:13px;color:#FFFFFF\"><\/i> Download<\/span><\/a><\/li>\n<li><a href=\"http:\/\/cindyroyal.com\/webdesign\/handouts\/design.pdf\" target=\"_blank\" rel=\"noopener\">Design discussion<\/a><\/li>\n<li>Handout \u2013 <a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/steps.pdf\">Web Design Process<\/a><\/li>\n<li>Discussion of Reading \u2013 <a href=\"http:\/\/www.smashingmagazine.com\/2008\/01\/31\/10-principles-of-effective-web-design\/\">10 Principles Of Effective Web Design<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3><strong>Week 6 (Feb. 18-22)<br \/>\n<\/strong><em>Photoshop Basics<\/em><\/h3>\n<p><strong><span style=\"color: #339966;\">News: <\/span><\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #339966;\">Sam V. (Monday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Stephen S. (Tuesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Skylar B. (Wednesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Valkyrie M. (Thursday)<\/span><\/strong><\/li>\n<\/ul>\n<p><strong>Course Content:<\/strong><\/p>\n<ul>\n<li><span style=\"color: #ff0000;\">CSS Exercise &#8211; Due by midnight on Friday, Feb. 22<\/span><\/li>\n<li>Handout \u2013 <a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/photoshop.pdf\">Introduction to Photoshop<\/a><\/li>\n<li>Create banner logos for site<\/li>\n<\/ul>\n<p><strong>Homework<\/strong>: Read through this report <a href=\"https:\/\/drive.google.com\/drive\/u\/0\/folders\/0B5lQbGE9zXC5VmJNaTRfVTV6eWc\" target=\"_blank\" rel=\"noopener\">Superpowers: The digital skills media leaders say newsrooms need going forward<\/a>. 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 <a href=\"https:\/\/jzweb.slack.com\/messages\/C6Z7Z8PCJ\/\" target=\"_blank\" rel=\"noopener\">#superpowers<\/a> channel on Slack. Due first class period of Week 7.<\/p>\n<hr \/>\n<h3><strong>Week 7 (Feb. 25 &#8211; March 1)<br \/>\n<\/strong><em>Flexbox \/ Media Queries &amp; Responsive Design<\/em><\/h3>\n<p><strong><span style=\"color: #339966;\">News: <\/span><\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #339966;\">Haley W. (Monday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Horacio M. (Tuesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Olivia C. (Wednesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Kierra S. (Thursday)<\/span><\/strong><\/li>\n<\/ul>\n<p><strong>Course Content:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.htmlgoodies.com\/beyond\/css\/introduction-to-css-media-queries.html\">Introduction to Media Queries<\/a><\/li>\n<li>What Is <a href=\"http:\/\/www.alistapart.com\/articles\/responsive-web-design\/\">Responsive Design<\/a>?<\/li>\n<li><a href=\"http:\/\/webdesign.cindyroyal.net\/responsive-design\/\">Responsive Design Presentation<\/a><\/li>\n<li><a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/responsive.pdf\">Responsive Design Handout<\/a><\/li>\n<li><a href=\"http:\/\/designmodo.com\/responsive-design-vs-mobile-website-vs-app\/\" target=\"_blank\" rel=\"noopener\">Responsive vs. Mobile Site vs. Mobile App<\/a><\/li>\n<li><a href=\"https:\/\/spaceninja.com\/2015\/08\/24\/what-is-flexbox\/\" target=\"_blank\" rel=\"noopener\">What Is FlexBox?<\/a><\/li>\n<li><a href=\"https:\/\/flexboxfroggy.com\/\" target=\"_blank\" rel=\"noopener\">FlexBox Froggy<\/a><\/li>\n<\/ul>\n<hr \/>\n<h3><strong>Week 8 (March 4-8)<br \/>\n<\/strong><em>Bootstrap<br \/>\n<\/em><\/h3>\n<p><strong><span style=\"color: #339966;\">News: <\/span><\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #339966;\">Christian G. (Monday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Conner Y. (Tuesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Kelly E. (Wednesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Nathaniel B. (Thursday)<\/span><\/strong><\/li>\n<\/ul>\n<p><strong>Course Content:<\/strong><\/p>\n<ul>\n<li>Finish Project 2 &#8211;\u00a0<span style=\"color: #ff0000;\">Due Friday, March 8 by midnight. <\/span>We will have a little bit of time to make finishing touches on this in class and will submit it together.<\/li>\n<li>Troubleshooting Quiz (in class Mon \/ Tues)<\/li>\n<li><a href=\"http:\/\/webdesign.cindyroyal.net\/bootstrap-tutorials\/\" target=\"_blank\" rel=\"noopener\">Bootstrap\u00a0<\/a>\u2013 developing a site using a templating system<\/li>\n<li><a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/bootstrap_intro.pdf\">Bootstrap Intro Handout<\/a><\/li>\n<li><a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/bootstrap_templates.pdf\" target=\"_blank\" rel=\"noopener\">Bootstrap Template Handout<\/a><\/li>\n<li>Introduction to\u00a0<a href=\"http:\/\/getbootstrap.com\">Bootstrap<\/a><\/li>\n<li>Handout \u2013\u00a0 <a href=\"http:\/\/jonzmikly.com\/webpub\/handouts\/bootstrap-handout1.pdf\">Bootstrap Basics<\/a><\/li>\n<\/ul>\n<p><strong>Homework:<\/strong>\u00a0Do a Slack\u00a0post \u2013\u00a0find two logos you think are well designed and why. Provide links, screenshots of images that demonstrate your points. Post to <a href=\"https:\/\/jzweb.slack.com\/messages\/CFH8BM4S2\/\" target=\"_blank\" rel=\"noopener\">#logos<\/a> channel on Slack.<\/p>\n<hr \/>\n<h3><strong>Week 9 (March 11-15) &#8211; NO CLASS<br \/>\n<\/strong><em>Bootstrap (cont.)<\/em><\/h3>\n<p>Watch <a href=\"http:\/\/webdesign.jonzmikly.com\/tutorials\" target=\"_blank\" rel=\"noopener\">Bootstrap Tutorials<\/a> on your own and work on sites. Work on logos, pages, content.<\/p>\n<hr \/>\n<h3><strong>Week 10 (March 18-22) &#8211; SPRING BREAK &#8211; NO CLASS<br \/>\n<\/strong><em>Continue Working on Project 3<\/em><\/h3>\n<hr \/>\n<h3><strong>Week 11 (March 25-29)<br \/>\n<\/strong><em>iMovie \/ Multimedia Storytelling<\/em><\/h3>\n<p><strong><span style=\"color: #339966;\">News: <\/span><\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #339966;\">Nathan E. (Monday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Faith F. (Tuesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Garfield H. (Wednesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Yessica R. (Thursday)<\/span><\/strong><\/li>\n<\/ul>\n<p><strong>Course Content:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.nytimes.com\/projects\/2012\/snow-fall\/#\/?part=tunnel-creek\" target=\"_blank\" rel=\"noopener\">Snow Fall: The Avalanche at Tunnel Creek<\/a>\u00a0\u2013 NY Times<\/li>\n<li><a href=\"http:\/\/www.nytimes.com\/newsgraphics\/2013\/10\/27\/south-china-sea\/\" target=\"_blank\" rel=\"noopener\">A Game of Shark and Minnow\u00a0<\/a>\u2013 NY Times<\/li>\n<li><a href=\"http:\/\/www.nytimes.com\/projects\/2013\/the-jockey\/\" target=\"_blank\" rel=\"noopener\">The Jockey<\/a>\u00a0\u2013 NY Times<\/li>\n<li><a href=\"http:\/\/www.theguardian.com\/world\/interactive\/2013\/may\/26\/firestorm-bushfire-dunalley-holmes-family\" target=\"_blank\" rel=\"noopener\">Firestorm\u00a0<\/a>\u2013 The Guardian<\/li>\n<li><a href=\"http:\/\/inquirer.philly.com\/packages\/somalia\/\" target=\"_blank\" rel=\"noopener\">Black Hawk Down<\/a>\u00a0\u2013 Philadelphia Inquirer<\/li>\n<li><a href=\"http:\/\/vimeo.com\/23122965\" target=\"_blank\" rel=\"noopener\">Collings Guitars<\/a> \u2013 Jorge Sanhueza-Lyon<\/li>\n<li><a href=\"http:\/\/kut.org\/post\/video-13th-annual-lonestar-rod-and-kustom-round\" target=\"_blank\" rel=\"noopener\">Lonestar Rod and Kustom Round Up<\/a>\u00a0\u2013 KUT<\/li>\n<li><a href=\"http:\/\/www.nytimes.com\/packages\/khtml\/2007\/03\/30\/education\/20070401_GIRLS_FEATURE.html\" target=\"_blank\" rel=\"noopener\">Amazing Girls<\/a>\u00a0\u2013 NY Times<\/li>\n<li><a href=\"http:\/\/www.motherjones.com\/special-reports\/2013\/12\/newtown-shooting-one-year-later\" target=\"_blank\" rel=\"noopener\">Newtown: One Year After<\/a>\u00a0\u2013 Mother Jones<\/li>\n<li><a href=\"http:\/\/apps.npr.org\/tshirt\/#\/title\" target=\"_blank\" rel=\"noopener\">Planet Money Makes a T-Shirt<\/a>\u00a0\u2013 NPR<\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=qAEXlLfSuBE\" target=\"_blank\" rel=\"noopener\">Graffiti Permission Wall<\/a>\u00a0\u2013 Andrew Goodwin<\/li>\n<li>Examples and Articles\n<ul>\n<li><a href=\"http:\/\/www.mediabistro.com\/10000words\/10-snowfall-like-projects-that-break-out-of-standard-article-templates_b17340\" target=\"_blank\" rel=\"noopener\">10 Projects Like Snow Fall<\/a><\/li>\n<li><a href=\"http:\/\/investigativenewsnetwork.org\/2013\/10\/snowfall-for-all-small-newsrooms-can-do-immersive-storytelling-just-like-the-big-guys\/\" target=\"_blank\" rel=\"noopener\">Snow Fall for All: Small Newsrooms Can Do Immersive Storytelling<\/a>\u00a0\u2013 INN<\/li>\n<li><a href=\"http:\/\/www.interactivenarratives.org\/\" target=\"_blank\" rel=\"noopener\">Interactive Narratives<\/a><\/li>\n<li><a href=\"http:\/\/innovativeinteractivity.com\/\" target=\"_blank\" rel=\"noopener\">Innovative Interactivity<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>In Class:<\/strong><\/p>\n<ul>\n<li>Handout \u2013\u00a0<a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/imovie.pdf\">iMovie<\/a><\/li>\n<li>Online:\u00a0<a href=\"http:\/\/video.on.nytimes.com\/\">NY Times Multimedia<br \/>\nNY Times Video<\/a><br \/>\n<a href=\"http:\/\/www.nytimes.com\/projects\/2012\/snow-fall\/#\/?part=tunnel-creek\">Snowfall<\/a><br \/>\n<a href=\"http:\/\/mediastorm.com\/\">MediaStorm<\/a><\/li>\n<\/ul>\n<hr \/>\n<h3><em><strong>Week 12 (April 1 &#8211; 5)<\/strong><strong><br \/>\n<\/strong>Bootstrap (Cont.)<\/em><\/h3>\n<p><strong><span style=\"color: #339966;\">News: <\/span><\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #339966;\">Tara O. (Monday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Maddie A. (Tuesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Sawyer C. (Wednesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Jada J. (Thursday)<\/span><\/strong><\/li>\n<\/ul>\n<p><strong>Course Content:<\/strong><\/p>\n<ul>\n<li>Adding A Slideshow in Bootstrap<\/li>\n<li><a href=\"http:\/\/jonzmikly.com\/webdesign\/tutorials\/\">Bootstrap Tutorials<\/a>, including Bootstrap Carousel and Effects<\/li>\n<li><a href=\"http:\/\/webdesign.cindyroyal.net\/files\/custom.js\" target=\"_blank\" rel=\"noopener\">custom.js<\/a>\u00a0\u2013 download and put in your js folder to use for parallax backgrounds and scroll-to-anchor effects.<\/li>\n<\/ul>\n<hr \/>\n<h3><strong>Week 13 (April 8-12)<\/strong><strong><br \/>\n<\/strong><em>WordPress<\/em><\/h3>\n<p><strong><span style=\"color: #339966;\">News: <\/span><\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #339966;\">Brittany T. (Monday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Anthony J. (Tuesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Kaelin T. (Wednesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Dalton M. (Thursday)<\/span><\/strong><\/li>\n<\/ul>\n<p><strong>Course Content:<\/strong><\/p>\n<ul>\n<li>Finish Project 3 &#8211;\u00a0<span style=\"color: #ff0000;\">Due by midnight on Friday, April 12<\/span><\/li>\n<li>Final Projects Brainstorm<\/li>\n<li>Introduction to\u00a0<a href=\"http:\/\/wordpress.org\">WordPress<\/a><\/li>\n<li>Handout \u2013\u00a0<a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/wordpress_new_wd.pdf\">WordPress<\/a><\/li>\n<\/ul>\n<hr \/>\n<h3><strong>Week 13 (April 15-19)<br \/>\n<\/strong><em>WordPress (cont.)<\/em><\/h3>\n<p><strong><span style=\"color: #339966;\">News: <\/span><\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #339966;\">Maddie M. (Monday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Leslie S. (Tuesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Sariah G. (Wednesday)<\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\">Logan S. (Thursday)<\/span><\/strong><\/li>\n<\/ul>\n<p><strong>Course Content:<\/strong><\/p>\n<ul>\n<li>Pages, posts, customizing site<\/li>\n<li>Using A Content Management System<\/li>\n<li>Advanced WordPress<\/li>\n<li>Handout \u2013\u00a0<a href=\"http:\/\/jonzmikly.com\/webdesign\/wp-content\/uploads\/2014\/08\/WP-ChildThemes.pdf\">Child Themes<\/a><\/li>\n<li>Handout \u2013 <a href=\"http:\/\/www.cindyroyal.com\/webdesign\/handouts\/wpplugins.pdf\">Fun with Plugins<\/a><\/li>\n<\/ul>\n<p><strong>Interactive Examples:<\/strong><\/p>\n<ul>\n<li>Online: <a href=\"http:\/\/www.nytimes.com\/interactive\/2012\/06\/29\/arts\/music\/build-a-pop-song.html#\/?id=all\">Building a Pop Song\u00a0<\/a><\/li>\n<li><a href=\"http:\/\/www.nytimes.com\/interactive\/business\/buy-rent-calculator.html\">Rent Vs. Buy <\/a><br \/>\n<a href=\"http:\/\/www.nytimes.com\/interactive\/2008\/11\/04\/us\/politics\/20081104_ELECTION_WORDTRAIN.html\">Election Day Word Train<\/a><br \/>\n<a href=\"http:\/\/projects.nytimes.com\/toxic-waters\/contaminants\">What\u2019s In Your Water?<\/a><br \/>\n<a href=\"http:\/\/www.nytimes.com\/interactive\/2011\/09\/08\/us\/sept-11-reckoning\/where-were-you-september-11-map.html\">Where Were You on Sept. 11?<\/a><br \/>\n<a href=\"http:\/\/www.texastribune.org\/public-ed\/explore\/\">Public Schools Explorer<\/a><br \/>\n<a href=\"http:\/\/pinterest.com\/cindyroyalatx\/data-visualizations\/\">Data Viz on Pinterest<\/a><br \/>\nFIFA Social Dashboard<\/li>\n<li>Online: <a href=\"http:\/\/nymag.com\/news\/features\/all-new\/53344\/\">Goosing the Gray Lady<\/a><br \/>\n<a href=\"http:\/\/idealab.talkingpointsmemo.com\/2012\/10\/gabriel-dance-guardian-interactive.php\">Gabriel Dance on Interactives<\/a><br \/>\n<a href=\"http:\/\/datajournalismhandbook.org\/\">Data Journalism Handbook<\/a><br \/>\n<a href=\"http:\/\/www.youtube.com\/watch?v=5ZHjj6wNgXE\">Aron Pilhofer on BreakingTheNewNews<\/a><br \/>\n<a href=\"http:\/\/datajournalism.stanford.edu\/\">Journalism in the Age of Data<\/a><br \/>\n<a href=\"http:\/\/www.guardian.co.uk\/news\/datablog\/2011\/jul\/28\/data-journalism\">Guardian \u2013 Data Journalism: What It Is and How Do We Do It?<\/a><br \/>\n<a href=\"http:\/\/www.niemanlab.org\/2010\/05\/the-programmer-majored-in-english-a-fascinating-study-of-the-nyts-interactive-news-unit\/\">The Programmer Majored in English, Nieman Lab<\/a><br \/>\n<a href=\"http:\/\/uxmag.com\/articles\/approaching-data-with-a-beginners-mind\">Approaching Data with a Beginner\u2019s Mind \u2013 UX Magazine<\/a><br \/>\n<a href=\"http:\/\/vis.stanford.edu\/papers\/narrative\">Narrative Visualization: Telling Stories with Data<\/a><br \/>\n<a href=\"http:\/\/www.guardian.co.uk\/media\/2010\/nov\/22\/data-analysis-tim-berners-lee\">Analyzing Data is the Future for Journalists<\/a><br \/>\n<a href=\"http:\/\/www.nytimes.com\/2011\/04\/03\/business\/03stream.html?_r=0\">When the Data Struts Its Stuff<\/a><\/li>\n<\/ul>\n<hr \/>\n<h3><strong>Week 15 (April 22-26)<\/strong><\/h3>\n<p><strong><span style=\"color: #339966;\">News: <\/span><\/strong><\/p>\n<ul>\n<li><strong><span style=\"color: #339966;\">Sarah F. (Monday)<\/span><\/strong><\/li>\n<\/ul>\n<p><strong>Course Content:<\/strong><\/p>\n<ul>\n<li>Continue working on Final Projects<\/li>\n<\/ul>\n<hr \/>\n<h3><strong>Week 16 (April 29 &#8211; May 3, May 6)<br \/>\n<\/strong><em>Last Week \/ Day of Classes<\/em><\/h3>\n<ul>\n<li><span style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">Present Final Project Drafts in class (5% of grade)<\/span><\/li>\n<\/ul>\n<hr \/>\n<h3><em><strong>May 7-14<\/strong><br \/>\nOpen Labs \/ Work on Final Projects<br \/>\n<span style=\"color: #ff0000;\">Final Projects due by <\/span><strong><span style=\"color: #ff0000;\">11:59pm on Tuesday, May 14<\/span><\/strong><\/em><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>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 \u2013 Introduction to HTML [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P4Za9P-d","_links":{"self":[{"href":"https:\/\/jonzmikly.com\/webdesign\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jonzmikly.com\/webdesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jonzmikly.com\/webdesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jonzmikly.com\/webdesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jonzmikly.com\/webdesign\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":102,"href":"https:\/\/jonzmikly.com\/webdesign\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":1097,"href":"https:\/\/jonzmikly.com\/webdesign\/wp-json\/wp\/v2\/pages\/13\/revisions\/1097"}],"wp:attachment":[{"href":"https:\/\/jonzmikly.com\/webdesign\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}