Introduction

Bonjour, dans ce cours on va aborder le JavaScript de manière très simple, avec quelques liens si vous voulez aller plus loin.

Definition et intérêt

Comme j'ai très peu envie de vous faire un résumé rébarbatif, je vais plutôt vous conseiller de suivre le lien suivant si vous êtes curieux (j'ai d'ailleurs largement tiré ce cours de celui-ci), c'est une définition très compréhensible du langage. Pour ma part, je me contenterais de dire que ce qui nous intéresse particulièrement chez ce langage c'est qu'il permet de faire les scripts utiles au forum et que c'est cette partie que je vais surtout tenter de développer.

Le lien : à venir.

Support

L'avantage du JavaScript, c'est qu'on a pas vraiment besoin de grand chose pour le pratiquer. Armez-vous de votre éditeur de texte préféré (perso j'utilise NotePad++ mais peu importe lequel vous choisissez) et c'est parti.

Synergie HTML/CSS/JavaScript

Avant de vraiment commencer, on va essayer de comprendre un peu ce qui va où dans le cas qui nous intéresse.

Pour ceux qui n'auraient jamais fait de codage, il existe deux autres langages web très connus : HTML et CSS (je vous conseille de vous renseigner au moins un minimum sur le sujet avant de lire la suite).

L'HTML est ce qui va nous servir de squelette. Il contient les infos de la pages (par exemple les textes, les images, etc...). Sans lui, rien ne s'affiche mais tout seul il est très plat.

C'est là que le CSS intervient. Il permet de mettre en forme et d'habiller l'information brute. C'est avec du CSS que vous pouvez par exemple choisir les couleurs ou la police d'écriture.

Et le JavaScript dans tout ça ? Eh bien lui, il est très utile lorsque l'on a besoin que des choses un peu dynamiques se passent. En effet, si on veut faire des changement en fonction de données extérieures au code il nous faut un script, et c'est ça qu'on va apprendre à  faire.

Du coup on mixe les 3 et ça fonctionne ? Oui, mais pas n'importe comment. On va laisser un peu le CSS de côté et on va parler de comment placer le JavaScript par rapport au HTML.

Première méthode : Dans les balises des éléments

C'est rapide (du moins tant qu'on reste dans le très simple), c'est tentant mais c'est une atrocité à relire et à corriger. Sachez que ça existe mais ne le faites pas.

Deuxième méthode : Dans une page HTML

C'est une méthode qu'on va peut-être être amenés à utiliser dans notre contexte étant donné les contraintes du forum mais dans l'idéal si vous faites des projets personnels retenez que ce n'est pas l'idéal en terme de clarté, surtout quand le code devient très long.

Troisième méthode : Dans un fichier séparé

C'est une très bonne pratique, je vous encourage à le faire dès que possible. Ca permet de rendre le code clair et surtout facilement réutilisable à plusieurs endroits.

On verra plus en détail dans le premier exo comment faire exactement, retenez juste pour l'instant qu'on va de préférence utiliser la troisième méthode.