Vous êtes sur la page 1sur 1

Le modèle de données JSON – Introduction à JSON

TRAVAUX PRATIQUES N° 1
EXERCICE 1 : (INSTALLATION D’UN SERVEUR WEB)
Les tests dans ce cours peuvent être effectués sans serveur Web. Cependant il est meilleur de les effectuer
dans un environnement Web local. C’est la raison de l’utilisation de XAMPP qui est un ensemble
de logiciels permettant de mettre en place facilement un serveur Web local, un serveur FTP et un serveur
de messagerie électronique. Il est libre et téléchargeable depuis
https://www.apachefriends.org/download.html.
a. Télécharger et installer XAMPP en suivant les étapes décrites dans la page suivante :
https://www.wikihow.com/Install-XAMPP-for-Windows
b. Démarrer le serveur Apache
c. Créer un site (un dossier) nommé monsite dans le dossier c:\xampp\hdocs.
d. Tester votre site en ouvrant l’adresse http://localhost/monsite depuis un navigateur

EXERCICE 2 : (INSTALLATION D’UN EDITEUR)


Il existe de nombreux logiciels pour faire du développement web sur toutes les plateformes : Windows,
Mac et Linux. Certains sont des éditeurs de texte, et d'autres des IDE.
Et parmi les éditeurs de texte, on a les éditeurs WYSIWYG, « What You See Is What You Get » comme
BlueGriffon et Dreamweaver, et les éditeurs de codes standards comme Notepad++ et Sublime Text.

a. Télécharger et installer un éditeur html


b. Configurer le site test précédemment créé. Vous pouvez vous baser sur la vidéo
https://www.youtube.com/watch?v=1KKNe-JkeAc

EXERCICE 3 : (EXEMPLE DE DONNEES JSON)


Soit le code ci-dessous
a. Créer une page html pour le tester.
b. Que réalise ce code ? var myJSON = '{"nom":"Jatu", "age":31, "ville":"Kaolack"}';
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

EXERCICE 4 : (EXEMPLE DE DONNEES JSON)


Soit le code ci-dessous
a. Créer une page html pour le tester.
b. Que réalise ce code ?
myObj = {nom: "Jaara", age: 31, ville: "Dagana"};
myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);

text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

elhadjimamadou.nguer@uvs.edu.sn

Vous aimerez peut-être aussi