Embed Size (px)
DESCRIPTION
Citation preview
coding for journalists(briefly)
as run at the frontline club, londonhttp://www.frontlineclub.com/
introductions
•mark simpkins
•ex-BBC, ex-Accenture, ex-Moonfruit, ex-AKQA
and you are?
today
•The Internet
•How it works
•How the World Wide Web works
today
•HTML
•HTML introduction
•examples
•CSS
•CSS introduction
•examples
begin at the beginning
how the internet works
• Internet Protocol Suite
•began to evolve in the 1960s
•TCP/IP
http://en.wikipedia.org/wiki/Internet_Protocol_Suite
Internet Protocol Suite
•Four abstract layers
•Link Layer
• Internet Layer
•Transport Layer
•Application Layer
how the world wide web works
•Host A - Web Browser
•Host B - Web Server
•Listening on port 80
HTML
•HyperText Mark up Language
•TBL specified HTML in 1990
•The history of HTML versions can get...
•http://en.wikipedia.org/wiki/HTML
HTML
•Elements (and attributes)
•data types
•character references (use UTF-8)
•entity references (use UTF-8)
•http://www.w3.org/
•http://www.w3.org/standards/webdesign/htmlcss
•http://www.w3.org/TR/html5/
HTML
<!DOCTYPE html><html> <head> <title>Hello HTML</title> </head> <body> <p>Hello World!</p> </body></html>
CSS
•Cascading Style Sheets
•now at CSS3
•breaks the standard into a set of modules
•Describes presentation semantics
CSS
•http://en.wikipedia.org/wiki/CSS_Zen_Garden
•http://www.csszengarden.com/
Programming
• Java, C, C++, C#, smalltalk, Fortran, COBOL, Forth, Lisp, Perl, Python, Ruby, PHP, JavaScript, ASP...
•for more http://en.wikipedia.org/wiki/Lists_of_programming_languages
Programming
• ‘Expressing computations that can be performed by a machine’
•(hence programming languages stretch back further than the modern computer to encompass Jacquard looms and player pianos)
Programming
•Compiled vs Interpreted
JavaScript•http://en.wikipedia.org/wiki/JavaScript
•Shipped 1995 (Netscape Navigator)
•Originally LiveScript (in fact Mocha)
•Became JavaScript after Netscape/Sun deal
•No connection with Java language
•Nov 1996 submitted to ECMA International resulted in the standardised version called ECMAScript
JavaScript
•Examples
PHP
•http://en.wikipedia.org/wiki/PHP
•Originally stood for:
•Personal Home Page
•PHP: Hypertext Preprocessor
•Originally produced in 1995
•Current version 5.3.6
PHP
•examples
Wordpress
•Weblog engine
•Open Source
•Available to install yourself or hosted
wordpress.com
•demo
wordpress.org
•demo
further reading
•www.w3c.org
•http://diveintohtml5.org/
•http://www.php.net/
•http://www.alistapart.com/
