1. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 LAST WEEK ON IO LAB Write your first Greasemonkey script. Complete the CSS self-test. You can find links to help with all of these on the course website at http://courses.ischool.berkeley.edu/i290-4/f09/ We’ll start by going over any questions you had about these.

2. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 AJAX and Cross-site Scripting Web 2.0 FTW

3. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 The History of AJAX Web 2.0 FTW HTMLDHTML AJA X

4. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 AJAX What? Asynchronous Javascript and XmlHttpRequest

5. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 XSS (Cross-site scripting)

6. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 Evil.com Normal WebpageAJAX

7. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 XSS (Cross-site scripting)

8. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 Let’s try it!

9. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 Project 1 Due September 22

10. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 Project 1 Due September 22

11. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 Project 1 Due September 22

12. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 Project 1 Due September 22

13. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 Project 1 Due September 22 ?

14. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 Project requirements Email npdoty@ischool, ryan@ischool. 1. Location to view your project 2. A description of your project, including implementation and challenges. 3. Due Tuesday, 9/22 by 12:00pm (noon).

15. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 In-Class Exercise Make something work in 45 minutes

16. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 In-Class Exercise Brainstorm what you want your interface to do and make a drawing. (10 minutes) Download the template for your project from the IO Lab Resources page. Implement the interface that you drew. (30-40 minutes)

17. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 CSS Tips My Webpage To center text inside a container, use text-align: center; My Webpage h1 h1 { text-align: center; }

18. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 CSS Tips My Webpage To center a container on the page use margin: 0 auto; My Webpage h1 h1 { text-align: 165px; margin: 0 auto; }

19. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 CSS Tips To add a border to an element use border: 1px solid blue; My Webpage h1 h1 { border: 3px solid red; } SizeTypeColor

20. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 Lessons for project 1 Make a drawing or sketch of what you want to do. When you are writing the JavaScript code, first write comments in plain English describing what you want to do. If it doesn’t work, ask questions.

21. INFORMATION ORGANIZATION LAB SEPTEMBER 15, 2009 For Next Week Project 1 is due. Email us with the location of your completed work and a 1 paragraph write-up Due by 12:00pm (noon) Tuesday, Sept. 22 Be ready to demo and discuss in class. Install RapidSVN. You can find links to help with all of these on the course website at http://courses.ischool.berkeley.edu/i290-4/f09/