Programmation Javascript (NFA041)

Après ce premier cours, vos premiers "devoirs" consistent à

1. Installez un(des) navigateur(s) alternatif(s) à celui que vous utiliser maintenant.
   Nos démos seront souvent dans Chrome ou Firefox mais tous conviennent et les environnements de développement (accessibles par F12) sont assez similaires.

2. Installez un éditeur de texte (Attention pas un traitement de texte donc pas MSword).

Si vous n'en avez pas déjà un auquel vous êtes habitué, installez vscode.

3. Essayez de reproduire sur votre machine les premiers exemples de la Démo du cours.

• Écrivez dans l’éditeur une page html (un fichier au format html, avec l'extension html, par exemple exo1.html) avec du code javascript (entre les balises script) qui, quand on lance la page web, (ie. quand on ouvre le fichier exo1.html dans un navigateur) pop une fenêtre avec le message "bienvenue en cours !")

• Copier votre fichier exo1.html en exo2.html.
  Ouvrir exo2.html et le modifier pour qu'il utilise le code javascript d'un fichier exo1.js qu'il faudra écrire. exo1.js contiendra le code javascript qui était précédemment entre les balises script.

• Dans une fenêtre du navigateur pressez F12. Dans la sous-fenêtre qui s'ouvre cherchez et cliquez l'onglet Console. Dans cette console taper:

  alert("bonjour)

  cela devrait poper une fenêtre avec le message "bonjour". Testez de petits calculs comme:

  2 * Math.PI * 5

  qui devrait afficher dans la console 31.41592653589793 soit la circonférence d'un cercle de rayon 5.
  La notation Math.PI donne juste une valeur du nombre \(\pi\) un peu plus précise que 3.14.

6. Essayez d'installer nodeJS Si vous êtes perdu il y a plein de tuto d'installation de nodejs sur youtube par exemple ici (Cette vidéo n'est pas de moi et je ne connais pas l'auteur mais elle décrit l'installation de nodejs sous windows. Attention les videos suivantes de l'auteur sont trop avancées pour l'instant)

Si vous n'arrivez pas à l'installer, ce n'est pas grave, vous utiliserez replit. Cela n’empêchera pas de suivre le cours.

7. Si vous n'en avez pas déjà, créez vous un compte sous replit.
   Replit est un environnement de développement très complet qui permet de développer du code (js mais aussi c ou python) en ligne sans avoir à installer de logiciel sur votre machine. Il a quelques limites en programmation avancée mais on ne les rencontrera pas dans ce cours. L'inconvenient majeur est qu'il nécessite une connexion, vous ne pouvez donc pas travailler dessus confortablement hors connexion.

8. Sur replit, créez un nouveau projet web (html/cs/js) et l'utilisez le pour coder la question 3.

9. Sur replit créez un nouveau projet node. Allez dans la console (en noire !).
   utilisez la comme une calculatrice pour calculer:

525 + 29
525 + 30 - 1 
277 * 2
3324 / 6