Æliens

topic(s)

• web languages for markup, styling and interaction
• elementary web technology authoring tools
• client-side vs server side solutions
• basic scripting, styling and interaction design
• separating content, form, style, behavior and interaction
• elements of web 2.0 business model(s)
• analysis of (commercial) web-sites and portals
• privacy and security -- web applications as attack surfaces

NM1 target(s)

• skill(s) -- scripting, styling, configuration
• knowledge -- html, javascript, css, xml, php
• theory -- basic(s) of web 2.0
• experience(s) -- small scale multi-language web application development
• attitude -- understanding, craftmanship, discovery

web technology -- content, form, style, dynamics

• canonical example(s) -- game / calculator / slogan(s) / lookat(s)
• (online) reference material(s) -- standard(s) / javascript / www.w3schools.com / kit(s)
• challenging target(s) -- heart(s) / labs.google.com (edu / code)

course structure

1. introduction of language(s), tool(s) & technology
2. scripting -- basic assignment(s)
3. web standard(s) -- client-side
4. styling -- basic assignment(s)
5. web standard(s) -- server-side
6. interaction -- basic assignemnt(s)
7. advanced topic(s) -- ajax, dhtml, plugin(s), addon(s)
8. presentation of final assignment(s)

basic(s) -- web technology

1. style -- adapt three basic example(s) in style and functionality
2. form -- construct a simple calculator or converter in a domain of choice
3. chaos -- create the worst, that is visually confusing, web page possible, in an aesthetic way though
4. portal -- make a small information site about some topic of choice
5. mimic -- evaluate and mimic, e.g. from best of the web

final(s) -- web technology

• health information site -- www.digifit.eu
• collection of javascript math games -- www.cut-the-knot.com
• javascript (visual) adventure game -- www.astoundme.com/scottadams
• alternative(s) -- submit a proposal

reference(s)

There are many books dealing in one way or another with web technology.

1. JavaScript: The Definitive Guide by David Flanagan -- (amazon)
2. CSS: The Definitive Guide by Eric Meyer -- (amazon)
3. Professional Web 2.0 Programming (Wrox Professional Guides) by Eric van der Vlist, Danny Ayers, Erik Bruchez, Joe Fawcett, Alessandro Vernet -- (amazon)
4. business model(s) -- www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
5. Webbots, Spiders, and Screen Scrapers: A Guide to Developing Internet Agents with PHP/CURL by Michael Schrenk -- amazon)
6. The Web Application Hacker's Handbook: Discovering and Exploiting Security Flaws, by Dafydd Stuttard amd Marcus Pinto -- amazon)
7. A. Eliëns, topical media & game development -- media.eliens.net

resource(s) / NM1

• topic(s) -- http://www.digital-web.com/topics
• tutorial(s) -- tizag.com / www.w3schools.com
• hci -- www.digital-web.com/articles/the_pinball_effect
• style -- www.csszengarden.com / webdesignfromscratch.com/web-2.0-design-style-guide.php
• game(s) -- nl.youtube.com/experiencewii
• semantic(s) -- www.thefutureoftheweb.com/blog/writing-semantic-html