- Créer une page HTML contenant un titre en rouge, une image centrée et à sa droite un paragraphe.
Pour aller plus loin:
Ajouter un seconde paragraphe en dessous du premier.
- Créer une page HTML avec un champ et un bouton. Au click sur le bouton le contenu saisi est ajouté à la page. Proposition de Solution
Bonus:
Ajouter un champ permettant de saisir une date
Permettre la suppression d'un élément.
Rendre tout cela "joli"
- Repartir du TDs précédent. Ajouter un champ texte supplémentaire. En plus de l'affichage les données doivent être "regroupées" dans une structure JavaScript.
- Repartir du TDs précédent. Gérer vos données dans une autre structure JavaScript. Celle-ci doit pouvoir être sauvegardée afin de pouvoir être réutilisée. Proposition de Solution
- Proposer un format XML pour vos données.
Pour aller plus loin:
Modéliser au format XML une recette de Pizza.
- Créer une application Angular. Pour cela lire le tutorial Tour des héros ou Tutorial Angular. Votre application devra uniquement afficher les données de votre Pizza. Proposition de Solution Angular < 18
- Ecrire une grammaire DTD pour valider votre fichier XML créé lors du TD 5. On pourra utiliser https://www.xmlvalidation.com/ pour valider les documents.
- Ecrire un Schéma XML pour valider votre fichier XML créé lors du TD 5. On pourra utiliser https://www.xmlvalidation.com/ pour valider les documents.
Pour aller plus loin:
Proposer une déclinaison JSON de votre "pizza".
Pour aller encore plus loin:
Afficher votre résultat à l'aide d'une feuille XSL.
- Créer une page HTML/JS permettant d'afficher dans la page le contenu de la "Pizza" fourni par Pizza
- Installer wordpress et mettre en oeuvre 3 articles dont un qui ne doit pas être accessible à tout le monde.
Intégrer des flux RSS du Monde sur votre site.
- Ecrire en php un "service" renvoyant le format "json" que vous avez défini. Proposition de Solution
Pour aller plus loin:
Créer une page HTML pour afficher les "éléments" de votre service.
- Tds Bonus: Créer une application React. Pour cela lire le tutorial Tutoriel. Votre application devra uniquement afficher les données de votre Pizza.