Invited talk at UMons University (28 April 2010 — http://www.umons.ac.be/). This talk is in French.

1. Javascript,
l’assembleur du web ?
François Stephany

2. <div id="footercontainer">
<div class="footercolumn">
<h2>Contact us</h2>
<p>
If you have any questions, write us at:
<span class="email">
<a href="mailto:info@agilitic.com">info@agilitic.com</a>
</span>
</p>
<p>
<img alt="Phone-icon" src="/images/phone-icon.png"/>
+32 496 21 33 79
</p>
</div>
<div class="footercolumn footercolumn2">
<h2>Informations</h2>
<p>
<strong>agilitic SCRL</strong><br />
Rue Lecat 1 bte 4<br />
7020 Nimy (Mons), Belgium<br />
TVA BE 817 331 995
</p>
</div>

3. HTML

5. GET - POST
Serveur
HTML

6. Javascript

7. Ajax

8. $('#about_us');
$.get('/search/', params, function(data){
$('#search_results').replaceWith(data);
$('img.search_spinner').hide();
});

9. Yeah !

10. Solutions

13. Web Services

14. GET - POST
Serveur
JSON
XML

15. {
"firstName": "John", JSON
"lastName": "Smith",
"age": 25,
"address": {
"streetAddress": "21 2nd Street",
"city": "New York",
"state": "NY",
"postalCode": "10021"
},
"phoneNumber": [
{ "type": "home", "number": "212 5551234" },
{ "type": "fax", "number": "646 555-4567" }
]
}

16. SproutCore

18. Google Web Toolkit

20. Cappuccino

21. @implementation PhotoCell : CPView
{
CPImage image;
CPImageView imageView;
CPView highlightView;
}
- (void)setRepresentedObject:(JSObject)anObject
{
if(!imageView)
{
imageView = [[CPImageView alloc] initWithFrame:CGRectMakeCopy([self bounds])];
[imageView setAutoresizingMask:CPViewWidthSizable | CPViewHeightSizable];
[imageView setImageScaling:CPScaleProportionally];
[imageView setHasShadow:YES];
[self addSubview:imageView];
}
[image setDelegate:nil];
image = [[CPImage alloc] initWithContentsOfFile:thumbForFlickrPhoto(anObject)];
[image setDelegate:self];
if([image loadStatus] == CPImageLoadStatusCompleted)
[imageView setImage:image];
else
[imageView setImage:nil];
}

23. http://agilitic.com
francois.stephany@agilitic.com

24. Femme: http://www.flickr.com/photos/glouk/4523649809/
Bébé: http://www.flickr.com/photos/collin_key/2981543442
Relais: http://www.flickr.com/photos/corpmjo/3486656862/
Spaghetti: http://www.flickr.com/photos/hanan/2204357625/
Jump: http://www.flickr.com/photos/eole/2342256254/
Café: http://www.flickr.com/photos/57908537@N00/4494131909/
Choux: http://www.flickr.com/photos/bachaboulou/92698416/
Plage: http://www.flickr.com/photos/htjems/2956672568/