CSE 154: Web Programming, Autumn 2012

Week 11 (12/7)

Today Phil talked about the backbone.js JavaScript library.

Files:

• Slides
• Spanish Review web site
• Spanish Review source code

Week 10 (11/30)

Today Chris and Phil talked about the jQuery JavaScript library.

Files:

• Slides - jQuery Basics (Chris)
• Slides - jQuery Ajax (Chris)
• Twitter API example
• Phil did not use slides but showed several examples from the jQuery UI plugin web site.

Week 9 (11/23)

No extra session this week. (Thanksgiving holiday)

Week 8 (11/16)

alert([">"].map(function(t,j){return t +(Array.prototype.slice.call({length:(new Date).getFullYear()}).concat("javascript").filter(function(e,i){ j = e ? i : j; return e; }).map(function(e) { return j + "\n" + t + e; }).join())}).join());

Today Shiny talked about functional and object-oriented JavaScript.

Extra credit: Wordcount

• Download Wordcount.html
• Complete all the functionality:
  • Should print a count for the number of occurences of every word (see slides for hints)
  • Implement the two check boxes (can be done in one line with the appropriate filter/map
• Turnin link

Files:

• Slides (PDF)

Week 7 (11/09)

No extra session this week, sorry! (We have to have a TA meeting at the same time as the extra session time.)

Week 6 (11/02)

Today Shiny showed how to set up MySQL on UW's "vergil" server and how to use SQL and PHP to create a little message board in the style of 4chan.

Extra credit: set up your own MySQL server on UW Web publishing :

• Set up an account with UW Web publishing (see slides for link)
• Set up MySQL server like shown in section
• Write any php program that reads/writes from this database
• Send a link to the working php file on your students.washington.edu page
• Turnin link

Files:

• Shiny's slides (PDF)
• Linux shell scripts for enabling MySQL on vergil.uw.edu
• Runnable complete version(warning...may be nsfw!)
• Source code:
  source
  common

Week 5 (10/26)

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

EXTRA CREDIT: Webster Web Proxy (turnin link)

(If turnin link is not up and you have completed it, please email link to shinyy@uw.edu for credit)
Requirements:

• Working web proxy like this
• Form where user can submit url that will be loaded with file_get_contents()
• Replace hrefs in <a> to work correctly with proxy (do this with SimpleHTMLDom)
• Upload working version on webster

Files:

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

Week 3 (10/12)

Today Zack talked about the reasons behind mobile programming and an introduction on how to make your sites mobile compatible.

EXTRA CREDIT:Mobile TMNT!

• Slides

Files:

• CSS for Mobile Recipie Try applying it to your pie solution to see what happens, you may have to add the specific ids but check the comments in css to see what each style is messing with. Remember don't forget your meta tags:<meta name="viewport" content="width=device-width, initial-scale=1"/>

Week 2 (10/05)

Today Shiny talked about using twitter bootstrap to efficiently make beautiful websites.

EXTRA CREDIT: Grandma's Pies...Bootstrapped!

• Slides
• Twitter Bootstrap site

Files:

• example1
• TMNT redesigned
• Sean's web design slides

Week 1 (09/28)

Today Shiny talked about the new HTML5 audio and video tags, and how to embed your own fonts in a web page using CSS3; David 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:

• test.html
• ref.html
• animation.html