AJAX and Cross-site Scripting

1
(No Transcript)
2
AJAX and Cross-site Scripting

• Web 2.0 FTW

3
The History of AJAX
HTML
DHTML
AJAX

• Web 2.0 FTW

4
AJAX What?

• Asynchronous
• Javascript
• and
• XmlHttpRequest

5
XSS

• (Cross-site scripting)

6
(No Transcript)
7
(No Transcript)
8
Lets try it!
9
Project 1

• Due September 22

10
Project 1

• Due September 22

11
Project 1

• Due September 22

12
Project 1

• Due September 22

13
Project 1
?

• Due September 22

14
Project requirements

• Email npdoty_at_ischool, ryan_at_ischool.
• 1. Location to view your project
• 2. A description of your project, including
• implementation and challenges.
• 3. Due Tuesday, 9/22 by 1200pm (noon).

15
In-Class Exercise

• Make something work in 45 minutes

16
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
CSS Tips
To center text inside a container, use
text-align center
h1 text-align center
18
CSS Tips
To center a container on the page use margin 0
auto
My Webpage
h1 text-align 165px margin 0 auto
19
CSS Tips
To add a border to an element use border 1px
solid blue
h1 border 3px solid red
Size
Type
Color
20
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 doesnt work, ask questions.

21
For Next Week

• Project 1 is due. Email us with the location of
  your completed work and a 1 paragraph
  write-upDue by 1200pm (noon) Tuesday, Sept.
  22Be 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.berke
ley.edu/i290-4/f09/