TP 1 : Prise en main des fonctionnalités HTML5

Objectifs pédagogiques du TP

• Se familiariser avec la syntaxe et les nouvelles balises sémantiques HTML5
• Réaliser une Single Page Application (SPA)

Ressources

• Une définition générique de la notion et des problématiques liées aux SPA
• Un tutoriel pour débuter avec la notion de SPA
• Un cours qui précise la notion de templating côté client

Préambule

Ce TP durera plusieurs séances. Avant de débuter, vous devez avoir lu (et compris) les différentes ressources listées ci-dessus. Le TP débutera par une séance de questions sur les notions de SPA et de templating côté client.

Créez un dossier INF04/SPA dans un espace accessible par votre serveur dans lequel vous travaillerez.

Séance TP1 : Structuration de l'application

Vous allez commencer par modifier cette application pour y rajouter des fonctionnalités.

• Modifiez la page d'accueil : ajoutez au menu un lien permettant d'accéder à une vue nommée "Credits"
• Créez cette vue "Credits", dans laquelle vous indiquerez les auteurs de l'application et le fait que vous l'avez modifiée
• Modifiez également les données pour rajouter un article ; vérifiez qu'il s'affiche bien comme les autres
• Ajoutez au menu de la page d'accueil un formulaire de recherche, et faites en sorte qu'il permette de filtrer les articles dont le champ "name" contient le texte recherché.

Séance TP2 : Templating

À suivre....