Javascript is often referred to as the assembly language of the web. It is used to add interactivity and dynamic behavior to web pages. Some key uses of Javascript include making asynchronous requests to servers for dynamic content updates without reloading the entire page, manipulating elements on a page through actions like hiding/showing elements, and communicating with web services to retrieve and display content in formats like JSON and XML. Frameworks built on Javascript like jQuery, SproutCore, Google Web Toolkit, and Cappuccino further enhance its capabilities for building interactive web applications.

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/