JSON toujours deux fois
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

JSON toujours deux fois

on

  • 383 views

Un introduction simple au format de données JSON, JSONP avec une approche très vague de comment on peut faire dans la vie quand on n'a pas facile, mais qu'il faut absolument que ça aille.

Un introduction simple au format de données JSON, JSONP avec une approche très vague de comment on peut faire dans la vie quand on n'a pas facile, mais qu'il faut absolument que ça aille.

Présentation faire à Namur le 11/03/2014 dans le cadre du Workshop DataViz-05 consacré à la visualisation de données, ce qui fait que justement on l'appelle dataviz, car c'est une sorte de patronyme qui parle aux initiés.

Merci à la vie

Statistics

Views

Total Views
383
Views on SlideShare
378
Embed Views
5

Actions

Likes
1
Downloads
15
Comments
0

3 Embeds 5

http://www.linkedin.com 3
https://www.linkedin.com 1
https://www.jiwixdev1.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

JSON toujours deux fois Presentation Transcript

  • 1. JSONtoujours deux fois
  • 2. Comment on dit ? Djîçonne J’y sonne Djéy-sonne Jay SON Jason
  • 3. Comment on dit ? Djîçonne J’y sonne Djéy-sonne Jay SON Jason -> remember G.I. Joe
  • 4. Comment on dit ? Djîçonne J’y sonne Djéy-sonne Jay SON Jason -> remember G.I. Joe -> remember DJ(ay)
  • 5. Bon
  • 6. C’est quoi, sinon ?
  • 7. le JSON, c’est quoi ? JavaScript Objet Notation
  • 8. C’est quoi ? un format de données basé sur la syntaxe du JavaScript assez lisible pour l’humain assez facile à écrire à la main (ou au pied)
  • 9. Un fichier JSON à quoi ça ressemble ?
  • 10. Un fichier JSON c’est beau
  • 11. Un fichier JSON et à l’intérieur ?
  • 12. Un fichier JSON et à l’intérieur ? C’est beau aussi !
  • 13. Mais d’abord, un peu d’histoire...
  • 14. {} Ceci n’est pas un objet
  • 15. {}C’est la représentation d’un objet en JavaScript
  • 16. {}C’est la représentation d’un objet en JavaScript et aussi la base de la notation JSON
  • 17. Rappelons-nous... La syntaxe du JavaScript pour les données de base
  • 18. Rappelons-nous... La syntaxe du JavaScript pour créer un objet
  • 19. Un objet, des propriétés. Un objet, c’est un peu comme un étage dans une structure de donnée. On peut y stocker des choses, qui deviennent ses propriétés.
  • 20. Exemple concret
  • 21. et ainsi de suite...
  • 22. En imbriquant des structures, on arrive à créer un arbre de données qui peut devenir complexe, mais reste toujours logique.
  • 23. OK
  • 24. OKet pour l’utiliser ?
  • 25. facile ! pour l’utiliser ?
  • 26. JSON vs JSONP Un fichier JSON “propre” :
  • 27. JSON vs JSONP Un fichier JSON “propre” : Si je l’ajoute tel quel à ma page HTML, ça ne va pas aller...
  • 28. JSON vs JSONP Parce que : - sécurité Cross-Domaine - syntax error
  • 29. JSON vs JSONP Donc : il faut un moyen de rendre le JSON utilisable par les scripts de la page. Parce que : - sécurité Cross-Domaine - syntax error
  • 30. JSONP = JSON with Padding
  • 31. JSONP = JSON with Padding Le padding, ce n’est pas le pudding
  • 32. JSONP = JSON with Padding Le padding, c’est un truc que le serveur rajoute autour des données pour qu’on puisse les toucher.
  • 33. JSONP = JSON with Padding Le padding, ça peut être :
  • 34. Assignation JSONP = JSON with Padding Le padding, ça peut être :
  • 35. Assignation Appel de fonction JSONP = JSON with Padding Le padding, ça peut être :
  • 36. En pratique JSON : à charger avec un XMLHttpRequest JSONP : à intégrer avec une balise <script>
  • 37. Tu veux une démo ?
  • 38. Les données de l’école schoolData.js que je dois encore vous transmettre
  • 39. Bon, ça suffit ! amusez-vous, maintenant.