Javascript Libraries Part 2

Sorry I didn't post this earlier but here it is. This is the second half of the lecture on Javascript libraries.

Lecture PPT


The libraries we covered today were:

Dojo
Open Laszlo
Google Web Toolkit

The second two have extensive examples so I only did an example for Dojo:

Dojo Fisheye

Javascript Libraries Part 1

Here is this information about the JavaScript libraries. I won't post the lecture yet because we have only done the first part, but its not that complicated.

Libraries covered today:

Yahoo UI
Prototype
Script.aculo.us

I have also uploaded the examples files we covered in class today. They should work but let me know if they don't.

Old Autocomplete, Corresponding Data File
YUI Autocomplete
YUI Menu
Prototype Examples
Script.aculous.us Drag/Drop

Lecture 3 Resources

Here are some resources relating to the CSS lecture.

Some References:

These links have information regarding CSS and how to use it.

• http://www.westciv.com/style_master/academy/css_tutorial/index.html was the tutorial I used as reference to develop the lecture
  
• http://www.webcredible.co.uk/user-friendly-resources/css/ some articles
  
• The DOM Inspector and Firebug from last time are great for viewing the CSS as you are browsing the net.
  
• http://www.sitepoint.com/subcat/css is the sitepoint tutorial and reference point. sitepoint is a great site for many things web-related.
  

CSS Standards:

As with HTML, the CSS standards are not always adhered to. This allows for many "hacks" to get around browser compatibility. These are some links that explain what will work and where.

• http://www.webdevout.net/browser_support_css.php shows which properties and selectors and such are supported by a few more recent browsers
  
• http://www.quirksmode.org/css/quirksmode.html is a site that explains how your browser handles CSS in "quirks" mode
• http://centricle.com/ref/css/filters/ lists some possible CSS hacks (that you really shouldn't be using) and where these hacks will work.
  

Good Blogs

Here's a really good blog post by Bruce Eckel (famous for writing Thinking in C/Thinking in Java series) talking about how the web environment is different (and perhaps a biased view of Adobe Flex): http://www.artima.com/weblogs/viewpost.jsp?thread=193593

Some blogs that are updated quite frequently that I read are:

http://www.readwriteweb.com/ - ReadWriteWeb often times has some really insightful comments about the new web

http://blogs.zdnet.com/Stewart/ - Ryan Stewart talks about Rich Internet Applications and technologies emerging out of it. He's a little biased and doesn't believe in the AJAX as an Rich Internet Application tool

http://www.techcrunch.com/ - TechCrunch keeps up-to date with news items about companies forming or new products coming out. It's usually not too insightful but still very good to keep up with

Hopefully at some point, I'll post a list of all the blogs I read, but this will be good start for now. I really recommend getting an RSS read and subscribing to these places (you can even subscribe to this blog!).

If you have some good blogs or news sites, post it in the comments.

-Ryan

Lecture 2

Here's lecture 2. Topics covered were HTML (yes, a little boring) and HTTP Requests.

Lecture 2 (PPT)

Siva did a really neat demo of how you can just telnet into a webserver and request documents. Just try something, like:

telnet www.google.com 80
GET / HTTP1.1
Host: www.google.com

Siva also mentioned a cool firefox extension called firebug (you can get it here: Firebug). The newest version, 1.0, just came out on 1/24/07. To monitor traffic, open up firebug (tools->firebug->open firebug). Then select the net subheader. Now you can monitor traffic on the site you are looking at.

Siva also began a demo for the Carnegie Mellon Delivery Service (CMDS), and the current progress for that page is here: CMDS. We will be using this throughout the course and updates will be posted accordingly. To look at the code, right click in the browser and do view source.

Good websites for help and further info:

• Understand Application Layer Protocols: HyperText Transfer Protocol (HTTP)
• Quick reference to HTTP headers
• HTML 4.01/XHTML 1.0 Reference
• Info about Doctypes

Lecture 1 Resources

Here are some of the resources mentioned in lecture 1 as well as some other useful ones.

Defining Terms:
What is Web 2.0, Tim O'Reilly
Wikipedia: Web 2.0
Wikipedia: Rich Internet Applications

Popular/Cool Web 2.0 Sites:
Flickr - Photo Sharing Website
del.icio.us - Sharing Bookmarks
Zimbra - Open Source email application/Collaboration Suite
The ESP Game - Really fun game, harnessing the collective intelligence of the people. Made by a professor at CMU.
Go2Web20.net - More complete list of Web 2.0 sites

Good Books to Read about the "Revolution":
The World Is Flat, Thomas Friedman
The Long Tail: Why the Future of Business is Selling Less of More, Chris Anderson (abridged Wired Article)

Some Good Web Development Sites:
SitePoint
DevShed
W3Schools
Webmonkey
PageResource
JavaScript Kit