Aucune description

Benoît Hubert 560e5578b7 prevent mutating the original config template object il y a 8 ans
ace @ 243cb467fc 2fbf35f28c Merge de la branche 'validation-forms' après ajout exemples pour cours jQuery (historique détaillé: voir branche en question) il y a 8 ans
css 31bd0388a3 Squashed merge of all 91 commits on 'refactor-and-test-editor' branch il y a 8 ans
exemples e8ecac44ab exemple pour props dynamiques avec width et height il y a 8 ans
html 31bd0388a3 Squashed merge of all 91 commits on 'refactor-and-test-editor' branch il y a 8 ans
html5bp 2fbf35f28c Merge de la branche 'validation-forms' après ajout exemples pour cours jQuery (historique détaillé: voir branche en question) il y a 8 ans
img 2fbf35f28c Merge de la branche 'validation-forms' après ajout exemples pour cours jQuery (historique détaillé: voir branche en question) il y a 8 ans
js e8d26af799 Allow saving changes by Ctrl-S or Cmd-S il y a 8 ans
languages 31bd0388a3 Squashed merge of all 91 commits on 'refactor-and-test-editor' branch il y a 8 ans
lib 31bd0388a3 Squashed merge of all 91 commits on 'refactor-and-test-editor' branch il y a 8 ans
test 31bd0388a3 Squashed merge of all 91 commits on 'refactor-and-test-editor' branch il y a 8 ans
utils 31bd0388a3 Squashed merge of all 91 commits on 'refactor-and-test-editor' branch il y a 8 ans
.editorconfig 87f30982da Initial commit (put doc/ in .gitignore) il y a 8 ans
.gitattributes 87f30982da Initial commit (put doc/ in .gitignore) il y a 8 ans
.gitignore 31bd0388a3 Squashed merge of all 91 commits on 'refactor-and-test-editor' branch il y a 8 ans
.gitmodules 2fbf35f28c Merge de la branche 'validation-forms' après ajout exemples pour cours jQuery (historique détaillé: voir branche en question) il y a 8 ans
.htaccess 87f30982da Initial commit (put doc/ in .gitignore) il y a 8 ans
404.html 87f30982da Initial commit (put doc/ in .gitignore) il y a 8 ans
README.md 3a3965706e Update readme il y a 8 ans
favicon.ico 31bd0388a3 Squashed merge of all 91 commits on 'refactor-and-test-editor' branch il y a 8 ans
package.json 31bd0388a3 Squashed merge of all 91 commits on 'refactor-and-test-editor' branch il y a 8 ans
produits.json 2fbf35f28c Merge de la branche 'validation-forms' après ajout exemples pour cours jQuery (historique détaillé: voir branche en question) il y a 8 ans
sandboxApp.js 560e5578b7 prevent mutating the original config template object il y a 8 ans
server.js e1ad17bee3 Ajout du README il y a 8 ans

README.md

JS Sandbox

Un "bac à sable" pour jouer avec HTML, CSS et surtout JavaScript.

Installation

Pré-requis :

  • (optionnel mais recommandé) Git pour récupérer le dépôt
  • Node.js pour pouvoir exécuter le serveur de l'application

Deux options possibles pour utiliser cet outil :

  • Avec Git. Il faut alors installer Git pour pouvoir cloner le dépot.
  • Alternativement, vous pouvez télécharger l'archive courante du dépôt en suivant ce lien.

Installation et paramétrage de Git

Avec l'installeur de Git, il suffit, presque à chaque étape, de faire "Next".

Sous Windows, une des étapes demande s'il faut ajouter Git au PATH, et il faut cocher cette option.

Git sera installé sous C:\Program Files\Git. Sous Git Bash, il devrait être directent accessible par la commande :

$ git

Si ce n'est pas le cas, il faudra saisir la commande :

$ export PATH=$PATH:"/c/Program Files/Git/bin"

Ensuite vous devrez, si vous comptez faire des commits, paramétrer Git, pour lui dire qui vous êtes (remplacer par vos vrais nom et email) :

$ git config --global user.name "John Doe"
$ git config --global user.email johndoe@example.com

Installation de Node.js

Là aussi, l'installeur fait tout, les options par défaut doivent convenir. Node doit être installé sous C:\Program Files\nodejs.

Si, après l'avoir installé, vous obtenez une erreur en essayant de lancer node depuis Git Bash, c'est qu'il n'est pas accessible. Il faut l'ajouter au PATH comme pour Git :

$ export PATH=$PATH:"/c/Program Files/nodejs"

Quand vous lancez node sans argument, il est normal que cela semble tourner dans la vide et que vous ne récupériez pas le $ qui vous invite à saisir des commandes dans le shell.

Récupération de du dépôt ou de l'archive

Si vous utilisez Git, placez-vous dans le dossier où vous comptez placer la copie du dépôt. Puis saisissez :

$ git clone https://github.com/bhubr/javascript-sandbox.git
$ cd javascript-sandbox

Si vous utilisez l'archive, il vous faudra aussi vous rendre dans le répertoire qui a été créé par la décompression de celle-ci.

Installation des dépendances (modules)

Les applications Node utilisent souvent un certain nombre de modules existants. Celle-ci ne fait pas exception à la règle, et les dépendances doivent être installées en entrant :

$ npm install

Lancement

$ npm install

Puis ouvrez votre navigateur et allez à : http://localhost:3000