JavaScript

0
759
javascript

JavaScript fait partie des trois grands principes de l’hébergement web : outre le HTML (structure des pages) et le CSS (présentation), le langage de programmation orienté objet permet la dynamisation du contenu. Mais JavaScript n’est pas seulement applicable dans le contexte de la conception de pages. Les applications côté serveur peuvent également être contrôlées avec JavaScript.

Origines de JavaScript

Malgré son nom, JavaScript a peu à voir avec Java. À l’origine, le langage de script s’appelait LiveScript et a été développé par Netscape pour l’interaction de Netscape Navigator avec les applets Java (applications client Java). En tant que logiciel propriétaire, JavaScript était un facteur concurrentiel pour des entreprises comme Microsoft. Ceux-ci ont répondu au développement de JavaScript avec leurs propres solutions telles que le langage de script JScript. Au fil du temps, cependant, JavaScript est devenu le principal langage de script pour la dynamisation côté client et côté serveur (outre php), désormais supporté par tous les navigateurs.

Dynamisation côté client

La fonction probablement la plus utilisée de JavaScript est la possibilité de dynamisation côté client. Le client est le navigateur Web. La dynamisation côté client signifie que le contenu affiché dans le client est manipulé. HTML est la description statique de la structure d’une présence Web, le Document Object Model (DOM). Alors que CSS (Cascading Style Sheets) est utilisé pour la conception séparée de ce „squelette“, JavaScript offre la possibilité de déplacer, supprimer ou ajouter des éléments HTML.

Cette manipulation de DOM (DOM scripting) peut être utilisée de plusieurs façons. En utilisant des gestionnaires d’événements, les fonctions sont initialement liées à certains événements. Il peut s’agir de clics de l’utilisateur, de temps ou du chargement du site web. Les ID attribués aux éléments en HTML peuvent ensuite être utilisés pour les événements suivants les changements sont déclenchés. Cela peut aller de la programmation de formulaires ou de filtres de table simples et dynamiques à l’intégration de lecteurs vidéo ou de graphiques complexes et dynamiques.

JQuery : Le JavaScript le moins compliqué

JavaScript est un exemple de langage de programmation orienté objet. Ainsi, le seuil d’entrée pour les concepteurs Web inexpérimentés est relativement élevé. Sans limiter la fonctionnalité de JavaScript (grand), la librairie JavaScript JQuery fournit une syntaxe simplifiée qui permet les cas d’utilisation les plus courants de manière simple et rapide. Alors que JavaScript avec sa définition de prototypes (au lieu de classes), les instances (objets concrets) et les méthodes (fonctions liées aux objets) offrent une complexité et une évolutivité similaires à Java ou Python, JQuery restreint le vocabulaire et les structures. Les commandes sont imbriquées de façon à ce que la structure puisse être comprise assez rapidement. S’il ne s’agit pas d’applications complexes et inhabituelles, une solution simple dans JQuery existe probablement.

Dynamisation côté serveur : AJAX et Node.js

En plus de la manipulation de DOM, JavaScript est également utilisé pour communiquer avec les serveurs, comme les requêtes de base de données. Depuis 2009, node.js est disponible, un framework de dynamisation côté serveur avec JavaScript. C’était déjà possible avant 2009, mais node.js permet une intégration plus facile. Pour les programmeurs JavaScript, c’est un avantage, car ils n’ont plus besoin de recourir à d’autres langages tels que php. En outre, node.js permet également la parallélisation des processus. C’est un avantage car un trop grand nombre de ces filetages peut conduire à un arrêt. Avec node.js, les requêtes passent par un seul thread, ce qui peut grandement améliorer les performances.

Node.js est un exemple des capacités d’AJAX. L’acronyme signifie une procédure namedAsynchronous JavaScript et XML. Ce principe permet de récupérer le contenu des serveurs sans avoir à recharger toute la page. Pour de nombreux sites Web comme YouTube, un rechargement complet après des requêtes vidéo ou des commentaires de chargement serait un gros inconvénient. AJAX est aussi une solution au problème de l’accumulation des requêtes grâce au traitement asynchrone, comme expliqué ci-dessus pour Node.js.

Intégration de JavaScript

L’intégration de base de JavaScript dans les offres web fonctionne exactement de la même manière que la connexion avec les fichiers CSS. Il y a donc deux façons de le faire : D’une part JavaScript peut être utilisé dans la tête ou d’autre part dans le corps du document HTML.

HINTERLASSEN SIE EINE ANTWORT

Please enter your comment!
Please enter your name here