Il existe un certain nombre d'endroits différents où JavaScript peut être utilisé, mais l'endroit le plus courant pour l'utiliser est dans une page Web. En fait, pour la plupart des personnes utilisant Javascript, dans une page Web est le seul endroit où ils l'utilisent.
Les trois langues d'un site Web
La première exigence d'une page Web est de définir le contenu de la page Web. Cela se fait à l'aide d'un langage de balisage qui définit ce que sont chacun des composants du contenu. Le langage qui est normalement utilisé pour baliser le contenu est HTML, bien que XHTML puisse également être utilisé si vous n'avez pas besoin que les pages fonctionnent dans Internet Explorer.
Le HTML définit le contenu. Lorsqu'il est correctement écrit, aucune tentative n'est faite pour définir à quoi ce contenu est censé ressembler. Après tout, le contenu devra être différent en fonction de l'appareil utilisé pour y accéder. Les appareils mobiles ont généralement des écrans plus petits que les ordinateurs. Les copies imprimées du contenu auront une largeur fixe et peuvent ne pas nécessiter que toute la navigation soit incluse. Pour les personnes qui écoutent la page, ce sera la façon dont la page est lue plutôt que son aspect qui doit être définie.
le apparence d'une page Web est définie à l'aide de feuilles de style en cascade qui spécifient à quel média les commandes spécifiques s'appliquent, de sorte que les formats de contenu conviennent à l'appareil.
En utilisant uniquement ces deux langues, vous pouvez créer des pages Web statiques qui seront accessibles quel que soit l'appareil utilisé pour accéder à la page. Ces pages statiques peuvent interagir avec votre visiteur grâce à l'utilisation de formulaires. Après avoir rempli et soumis un formulaire, une demande est renvoyée au serveur où une nouvelle page Web statique est construite et éventuellement téléchargée dans le navigateur.
Le gros inconvénient des pages Web comme celle-ci est que le seul moyen pour votre visiteur d'interagir avec la page est de remplir le formulaire et d'attendre qu'une nouvelle page se charge.
Ajouter JavaScript pour les pages dynamiques
JavaScript traduit votre page statique en une page qui peut interagir avec vos visiteurs sans qu'ils aient besoin d'attendre qu'une nouvelle page se charge à chaque fois qu'ils font une demande. JavaScript ajoute comportement à la page Web où la page répond aux actions sans avoir besoin de charger une nouvelle page pour traiter la demande.
Votre visiteur besoin de remplir un formulaire complet et de le soumettre afin d'être informé qu'ils ont fait une faute de frappe dans le premier champ et doivent le saisir à nouveau. Avec JavaScript, vous pouvez valider chacun des champs au fur et à mesure de leur saisie et fournir une rétroaction immédiate en cas d'erreur.
JavaScript permet également à votre page d'être interactive par d'autres moyens qui n'impliquent pas du tout les formulaires. Vous pouvez ajouter des animations dans la page qui attirent l'attention sur une partie spécifique de la page ou qui rendent la page plus facile à utiliser. Vous pouvez fournir des réponses dans la page Web à diverses actions que votre visiteur entreprend afin d'éviter d'avoir à charger de nouvelles pages Web pour répondre. Vous pouvez même demander au JavaScript de charger de nouvelles images, objets ou scripts dans la page Web sans avoir besoin de recharger la page entière. Il existe même un moyen pour JavaScript de renvoyer les demandes au serveur et de gérer les réponses du serveur sans avoir à charger de nouvelles pages.
Intégration de JavaScript dans une page Web vous permet d'améliorer l'expérience de votre visiteur en la convertissant d'une page statique en une page qui peut interagir avec eux. Cependant, une chose importante à retenir est que tous ceux qui visitent votre page n'auront pas JavaScript et que votre page devra donc fonctionner pour ceux qui n'ont pas JavaScript. Utilisez JavaScript pour améliorer le fonctionnement de votre page pour ceux qui l'ont.