PipoSturm

Ce TP est conçu pour ceux qui débutent dans la programmation Javascript. L’objectif sera à la fois simple et amusant : vous allez construire un générateur de citation ! Les citations seront construites aléatoirement en assemblant des morceaux de phrase..

Etape 0: Mise en place de l’environnement de travail

Comment IDE (logiciel dans lequel vous tapez votre code) vous allez utiliser : Visual Studio Code.

Une fois téléchargé et installé vous pouvez le passer en français si vous le souhaitez. Pour cela cliquez à gauche sur cette icône :

Ensuite recherchez cette extension :

Cliquez sur installer.

Vous pouvez relancer VS Code, il devrait être en français.

Pour pouvoir exécuter du code JavaScript en dehors du navigateur nous allons devoir installer Node Js.

Une fois l’installation de Node Js terminée vous pouvez relancer VS Code.

Pour tester si cela fonctionne tapez le code suivant :

console.log("Coucou");

Pour exécuter ce code ouvrez un terminal VS Code :

Et tapez :

node test.js

test.js est le nom du fichier qui contient mon programme.

Normalement vous devriez voir afficher : Coucou.
Nous pouvons commencer.

Quelques ressources :

  1. Pour en savoir plus sur VS Code : https://openclassrooms.com/fr/courses/5641796-adoptez-visual-studio-comme-environnement-de-developpement
  2. Pour en savoir plus sur JavaScript : https://youtu.be/VZLflMqC6dI

Etape 1 : des citations aléatoires

Un générateur aléatoire de citations ou de texte est un outil qui permet de créer des fausses citations à partir de morceaux de phrases.

Vous avez le Pipotron et même le… Vandammotron. A votre tour d’en créer un ! Vous devez respecter les consignes suivantes :

  • Les citations sont générées aléatoirement une par une à chaque appel du programme JavaScript
  • Chaque citation est la combinaison d’au moins 3 morceaux de phrases (à vous de préparer ces morceaux de phrase)
  • A défaut d’être intelligible, la phrase doit être cohérente (pas de point d’exclamation au milieu d’une phrase)

Etape 2 : des citations configurables

Vous souhaitez maintenant aller plus loin et proposer les options suivantes :

  • Choisir le nombre de citations générées (de 1 à 5)
  • Choisir entre 2 types de générateurs de citations (vous devrez donc avoir 2 ensembles de phrases)
  • Une fois les citations générées, proposer de générer de nouvelles citations ou d’arrêter là le programme

Adaptez le programme pour qu’il puisse offrir ces fonctionnalités. A vous de jouer !

Etape 3 : une interface web