• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Javascript l'assembleur du web ?
 

Javascript l'assembleur du web ?

on

  • 2,139 views

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

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

This talk is in French.

Statistics

Views

Total Views
2,139
Views on SlideShare
2,038
Embed Views
101

Actions

Likes
0
Downloads
11
Comments
0

8 Embeds 101

http://agilitic.com 58
http://www.slideshare.net 25
http://blog.agilitic.com 8
http://www.linkedin.com 4
http://agilitic-com.heroku.com 2
http://feeds.feedburner.com 2
http://localhost:3000 1
http://www.techgig.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br /> <br />
  • <br /> C&#x2019;est quoi ? <br /> <br /> <br /> * HTML utilis&#xE9; uniquement pour la pr&#xE9;sentation <br /> * Pas de comportement <br /> * Vu comme un arbre XML <br />
  • <br /> <br />
  • OK pour des pages statiques <br />
  • <br /> <br />
  • * Manipulation du HTML avec du Javascript => Interaction <br /> * e.g., cacher un DIV, afficher une lightbox. <br />
  • JS Permet de faire des requ&#xEA;tes asynchrones <br />
  • Ca fait quoi ? <br />
  • * Bataille d&#x2019;IDS <br /> * Comportement difficile &#xE0; identifier / cerner ? <br /> * HTML + JS + r&#xE9;ponse serveur + CSS -> Homogene ? <br />
  • * Paradigme existant pour des applications Desktop <br /> * Pourquoi se faire chier &#xE0; &#xE9;crire du HTML/JS &#xE0; la main ? <br /> * Utiliser HTML 5 de mani&#xE8;re totalement transparente <br />
  • * Delicious Library <br /> * hautement dynamique <br /> * int&#xE9;gration webcam, redimensionnement &#xE0; la vol&#xE9;e, actions instantan&#xE9;es <br />
  • * Thunderbird <br /> * Client mail <br />
  • * O&#xF9; stocker les donn&#xE9;es ? <br /> * Web Services (JSON) <br /> * RPC (Google web toolkit) <br /> * Stockage local (HTML 5) <br />
  • <br /> <br />
  • <br /> <br />
  • * Reste du JS <br /> * Plus comme un framework MVC <br /> * Assez proche du web. <br /> * Maintenant avec un Interface builder (GreenHouse) <br />
  • * MobileMe -> Synchronisation Apple <br />
  • * Google Wave <br /> * GMail <br /> * ... <br />
  • * Code en java <br /> * G&#xE9;n&#xE8;re du JS <br /> * Debug enti&#xE8;rement en Java <br /> * RPC Java pour communication FrontEnd / Backend <br />
  • * Plus d&#x2019;URLs <br /> * Indexation google nick&#xE9;e <br /> * Uniquement pour des applications, pas des sites <br />
  • * Objective-J <br /> * Cocoa <br /> * D&#xE9;mo du truc ou on peut dessiner son salon <br />
  • <br /> <br />
  • Les trois noms ? <br />
  • <br /> <br />

Javascript l'assembleur du web ? Javascript l'assembleur du web ? Presentation Transcript

  • Javascript, l’assembleur du web ? François Stephany
  • <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>
  • HTML
  • GET - POST Serveur HTML
  • Javascript
  • Ajax
  • $('#about_us'); $.get('/search/', params, function(data){ $('#search_results').replaceWith(data); $('img.search_spinner').hide(); });
  • Yeah !
  • Solutions
  • Web Services
  • GET - POST Serveur JSON XML
  • { "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" } ] }
  • SproutCore
  • Google Web Toolkit
  • Cappuccino
  • @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]; }
  • http://agilitic.com francois.stephany@agilitic.com
  • 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/