CSE 190 M: Web Programming, Summer 2012

Session7

Today Shiny talked about using the Facebook javascript API.
Roy then talked about some additional javascript API's.

Files:

• facebook API slides.pdf

• jquery.query:

  jquery.query.js

  jquery.cookie:

  jquery.cookie.js

  less:

  less.js

  lightbox:

  lightbox2

  reflection:

  reflection

  codemirror:

  codemirrr

  scrollorama:

  scrollorama

  jquery.fileupload:

  jquery.fileupload

  swfobject:

  swfobject.js

  ie7:

  ie7/ie8/ie9

Session6

Roy talked about some specific issues that make IE frustrating for developers and how to develop in a way that looks good in IE as well.

Files:

• slides.pdf : The pdf contains links to many html pages that demonstrate the bugs and fixes.

Session 5

Today Shiny showed how to set up MySQL on UW's "virgil" server and how to use SQL and PHP to create a 2ch-style message board.

Files:

• Shiny's slides (PDF)
• Linux shell scripts for enabling MySQL on virgil.uw.edu
• runnable app
• 190chan.php
• Common.php

Session 4

Today Shiny talked about using PHP to make web proxies, crawlers and search engines.

Files:

• Slides
• Link Parser and Client Form
• (Basic) Search Engine
• PHP SimpleHTMLDom Library

Session 3

Today Roy talked about HTML5 forms and client-side validation.

For more information, try this cite that gives lots of cool demos and the w3c page about input tag types.

Files:

• Source Code: recipe.phps , recipe.php and recipe.css
• Photoshoot: photoshoot.phps , photoshoot.php

Session 2

Sean introduced the topic of web-desin and what goes into making a good and all too often bad webpage. He talked about the science of the eye, and many resources to make your site more intriguing to end users.

• Google doc slides!

Session 1

Today we talked about the new HTML5 audio and video tags, and how to embed your own fonts in a web page using CSS3; We also talked about how to use CSS3 to produce 3-D transformations and animation effects.

• Alex's Notes (Embedding Audio, Video, Fonts)
• Shiny's Slides (CSS Transformations and Animations)

Files:

• pres.html (inclass example)
• test.html
• ref.html