Intro to web development feat why am i learning to code in a journalism class
1 / 28

Intro to Web Development, feat. “Why am I learning to code in a journalism class?” - PowerPoint PPT Presentation

  • Uploaded on

Intro to Web Development, feat. “Why am I learning to code in a journalism class?”. Multimedia Storytelling Spring 2014. What story got the most hits on the NY Times website in 2013?. ... going for two extra credit points. The end of an era.

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about ' Intro to Web Development, feat. “Why am I learning to code in a journalism class?”' - robert

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Intro to web development feat why am i learning to code in a journalism class

Intro to Web Development, feat. “Why am I learning to code in a journalism class?”

Multimedia StorytellingSpring 2014

What story got the most hits on the ny times website in 2013

What story got the most hits on the NY Times website in 2013?

... going for two extra credit points

The end of an era
The end of an era 2013?

“In the past we, as an industry, relied on being the only ones operating a technology to multiply and distribute what had happened overnight. The printing press served as a gateway. If anybody wanted to reach the people of a city or region the next morning, they would turn to newspapers. This era is over.”

  • Paul Bradshaw, “Data Journalism Handbook”

Html is created 1990
HTML is created (1990) 2013?

  • HTML (HyperText Markup Language) is created

    • First standardized language programmers could use to communicate with web browsers

    • Tells browser what content should appear on a web page, and in what order the content should appear

    • Basic building blocks of a website, the structure

First web browser introduced 1993
First Web browser introduced (1993) 2013?

  • Aliweb(Archie Like Indexing for the WEB)

  • Allowed developers to submit index files for their sites

  • Enabled the search engine to provide a list of websites for users based on keyword matches, submitted by developers and WWW users

W3c forms 1994
W3C forms (1994) 2013?

  • W3C (World Wide Web Consortium) forms

  • Discourages companies from setting up competing browsers and programming languages, arguing that it would destroy the Web

  • Makes HTML the standard markup language for the World Wide Web

  • Establishes standards and goals for the future of web design

  • Acceptable programming languages must be approved by W3C

Js flash are introduced 1995
JS & Flash are introduced (1995) 2013?

  • JS (JavaScript) is introduced as the first interactive programming language on the web

    • Allowed the users to interact with the browser, control the browser, and even alter content displayed on the page

  • Flash animations were also introduced

    • Enabled designers to deliver rich content over browsers, creating motion, interactivity and a more visual, linear experience

Css is introduced 1996
CSS is introduced (1996) 2013?

  • CSS (Cascading Style Sheets) is introduced as the language describing the presentation/style/look of a website

  • Created to separate the content (HTML) from the presentation (layout, colors, fonts, etc.)

  • Made site-wide consistency easy

  • Made page reformatting easy, for formatting large amounts of content

Php 3 is released 1998
PHP 3 is released (1998) 2013?

  • PHP (first called “Personal Home Page”) is released, paving the way for dynamic pages

  • Created a richer, more interactive experience

  • Allows user to change the interface behaviors with the click of a mouse or keyboard actions

Web 2 0 movement 2003
Web 2.0 movement (2003) 2013?

  • With the introduction of JS & PHP, a new web movement is born

  • Web 2.0 introduces the age of user-based information sites

  • Users interact & collaborate in a virtual community

    • Social networking sites

    • Blogs

    • Video sharing

    • Wikis

Web 2 0 highlights
Web 2.0 highlights 2013?

  • 2003: Skype transfers its first spoken sentence from one user to another

    • “Tere, kassakuuled min?” (Estonian for “Hello, can you hear me?”)

  • 2004: Facebook gets its first non-founder to join

    • ArieHasit

  • 2005: First YouTube video is posted

    • “Me at the zoo”

  • 2006: First Tweet is written

    • “just setting up my twttr”

Mobile web comes along 2008
Mobile web comes along (2008) 2013?

  • First generation iPhone introduced late 2007

  • Mobile web takes over

  • More people are accessing the Internet via phone than computer

  • Introduction of responsive design

    • Crafting sites & user interfaces that work across a wide range of devices

    • Flexible layouts that change based on the device

Html5 is introduced 2010
HTML5 is introduced (2010) 2013?

  • 5th revision of the HTML standard

  • Main goal was to improve the language with support for the latest multimedia and devices

  • Introduces design features and interactivity not possible before its release

    • Allows inclusion of multimedia files without plugins, like the Flash player

    • Allows interactivity, without Flash programming (Flash not supported on the iPhone)

So why code
So… why code? 2013?

  • “Learning to program and to engage the computer more directly with code opens the possibility of not only creating tools, but also systems, environments, and entirely new modes of expression. It is here that the computer ceases to be a tool and instead becomes a medium.”

    – Casey Reas, “Form + Code”