tp4

R4.01_R4.A.10/td_tp/tp4/README.md

@@ -0,0 +1,47 @@
+# TP javascript : Ajax, promesses. 
+
+Vous disposez tous, à la racine de votre compte, d'un répertoire `public_html` qui est servi (http/https) par le serveur dwarves. 
+Pour accéder à vos pages, utilisez l'url :
+
+> http(s)://dwarves.[arda|iut-fbleau.fr]/~login 
+
+Pour tester les différentes api http, vous pouvez utilisez la commande `curl`.
+
+
+#### Ex1
+Le but est de faire une recherche de film en utilisant l'api [OMDb](https://www.omdbapi.com/) (Open Movie Database).
+
+![movie](img/search.png?style=centerme)
+
+Son utilisation nécessite une clé. Vous pouvez utiliser la mienne `2fcb2848`. Si
+la limite de requêtes est atteinte, générez votre propre clé.
+
+
+Complétez le [code](./src/ex1). 
+- J'ai volontairement utilisé des modules. Il vous faut donc tester l'application avec
+http.
+
+- Écrire la fonction du modèle 
+  ```js
+  getMovies(search)
+   ```
+  Cette fonction renvoie une promesse qui permet de faire une requête ajax vers l'api OMDb. Pour ajax, 
+  utilisez d'abord  l'interface `fetch`, puis l'objet `XMLHttpRequest`. 
+
+- Ecrire la fonction du contrôleur
+  ```js
+  async search(searchMovie)
+  ```
+  qui permet de faire une recherche. Cette fonction utilise évidemment la fonction précédente `getMovies`.
+
+- Ecrire la fonction de la vue 
+  ```js
+  	renderList(movies)
+  ```
+  quo construit la liste des films affichés. La structure attendue est 
+  ```html
+  <li>
+	 <a href="http://www.imdb.com/title/tt0068646" target="_blank">The Godfather</a><span>1972</span>
+  </li>
+   ```
+