Ressources::Javascript - Historique des versions

Lionel le 21 novembre 2017 à 15:36

2017-11-21T15:36:05Z

Lionel le 21 novembre 2017 à 15:27

2017-11-21T15:27:17Z

Lionel : Page créée avec « =Introduction= Le langage javascript permet de modifier le scénario de navigation, l’expérience du visiteur lorsqu’il visite une page web. L’interaction est donc... »

2015-11-07T19:39:54Z

Page créée avec « =Introduction= Le langage javascript permet de modifier le scénario de navigation, l’expérience du visiteur lorsqu’il visite une page web. L’interaction est donc... »

Nouvelle page

=Introduction=

Le langage javascript permet de modifier le scénario de navigation, l’expérience du visiteur lorsqu’il visite une page web. L’interaction est donc un concept fondamental pour le javascript. Lorsque l’on parle d’interaction en javascript, cela concerne évidemment les actions de l’utilisateur dans la page mais surtout l’interaction du navigateur web (firefox, safari, chrome et internet explorer) avec la structure html.

Pour qu’un navigateur web affiche une page, il faut qu’il envoie une requête au serveur sur lequel la page est hébergée. Le serveur reçoit cette requête, l’interprète et envoie une réponse, sous forme de code html, de scripts, et de médias (images, sons, vidéos). Le navigateur interprète la structure html contenue dans la réponse du serveur, puis interprète la feuille de style liée, s’il y en a, et affiche un résultat visuel. Parallèlement, le navigateur exécute les scripts javascript et affiche les médias, s’il y en a.

Le code javascript, comme l’html, s’exécutera donc directement dans le navigateur web du visiteur, au moment de l’affichage de la page. On parle donc d’un langage de script (parce qu’il a besoin d’un interpréteur – ici le navigateur – pour s’exécuter), côté client (parce qu’il s’exécute dans le navigateur web, le client de la communication avec le serveur).

Javascript rend possible, au moment de l’affichage d’une page par le navigateur, la modification de la structure html (ajout, modification, suppression de balises html), la modification de propriétés css pour les éléments de la structure html, l’ajout d’événements sur les éléments html (clic, roll over, scroll, etc.), le dessin à l’intérieur de balises html <canvas>, etc.

Javascript est compatible avec tous les navigateurs récents, y compris les navigateurs pour tablettes et smartphones. Pas besoin de télécharger un plugin pour que le navigateur exécute du code javascript (contrairement à flash, qui nécessite un plugin pour s’exécuter et qui a disparu des navigateurs mobiles). Cette compatibilité très étendue a rendu l’utilisation de javascript presque incontournable dans le développement web actuel.

C’est aussi pour cela que, depuis quelques années, plusieurs "frameworks" ou "librairies" javascript ont vu le jour, simplifiant l’écriture du code javascript et popularisant encore un peu plus son utilisation. Les deux librairies principalement utilisées sont jQuery et MooTools. Ces deux librairies ont chacune leurs spécificités, mais ont globalement la même fonction : une simplification de la navigation/transformation de la structure html d’un document, de la gestion d’événements dans la page, de la communication avec le serveur à partir du navigateur (ajax ; un sujet que nous aborderons bien plus tard). Insistons sur le "globalement" puisque le choix entre les deux librairies est un débat constant dans le monde du développement web. Certains prétendent qu’elles ont chacune leur utilité, mais la plupart du temps, une fois une librairie choisie et connue, l’utilité d’apprendre l’autre ne se fait pas sentir. Nous aborderons dans le cadre de ce cours jQuery, la librairie la plus répandue.

← Version précédente		Version du 21 novembre 2017 à 15:36
Ligne 12 :		Ligne 12 :

	C’est aussi pour cela que, depuis quelques années, plusieurs "frameworks" ou "librairies" javascript ont vu le jour, simplifiant l’écriture du code javascript et popularisant encore un peu plus son utilisation, notamment la librairie jQuery qui simplifie la navigation/transformation de la structure html d’un document, de la gestion d’événements dans la page, de la communication avec le serveur à partir du navigateur (ajax).		C’est aussi pour cela que, depuis quelques années, plusieurs "frameworks" ou "librairies" javascript ont vu le jour, simplifiant l’écriture du code javascript et popularisant encore un peu plus son utilisation, notamment la librairie jQuery qui simplifie la navigation/transformation de la structure html d’un document, de la gestion d’événements dans la page, de la communication avec le serveur à partir du navigateur (ajax).
		+
		+	Le javascript est le langage privilégié pour un premier contact avec l'algorithmique dans le cadre du cours [[ERG::Code-2017-1 \| Code et écriture 1]], parce qu'il concerne les pages web, qu'il est logique de l'aborder à la suite de l'html et du css et qu'il permet d'aborder certains concepts fondamentaux de la programmation.

← Version précédente		Version du 21 novembre 2017 à 15:27
Ligne 11 :		Ligne 11 :
	Javascript est compatible avec tous les navigateurs récents, y compris les navigateurs pour tablettes et smartphones. Pas besoin de télécharger un plugin pour que le navigateur exécute du code javascript (contrairement à flash, qui nécessite un plugin pour s’exécuter et qui a disparu des navigateurs mobiles). Cette compatibilité très étendue a rendu l’utilisation de javascript presque incontournable dans le développement web actuel.		Javascript est compatible avec tous les navigateurs récents, y compris les navigateurs pour tablettes et smartphones. Pas besoin de télécharger un plugin pour que le navigateur exécute du code javascript (contrairement à flash, qui nécessite un plugin pour s’exécuter et qui a disparu des navigateurs mobiles). Cette compatibilité très étendue a rendu l’utilisation de javascript presque incontournable dans le développement web actuel.

−	C’est aussi pour cela que, depuis quelques années, plusieurs "frameworks" ou "librairies" javascript ont vu le jour, simplifiant l’écriture du code javascript et popularisant encore un peu plus son utilisation~~. Les deux librairies principalement utilisées sont jQuery et MooTools. Ces deux librairies ont chacune leurs spécificités~~, ~~mais ont globalement~~ la ~~même fonction : une simplification de~~ la navigation/transformation de la structure html d’un document, de la gestion d’événements dans la page, de la communication avec le serveur à partir du navigateur (ajax ~~; un sujet que nous aborderons bien plus tard~~). Insistons sur le "globalement" puisque le choix entre les deux librairies est un débat constant dans le monde du développement web. Certains prétendent qu’elles ont chacune leur utilité, mais la plupart du temps, une fois une librairie choisie et connue, l’utilité d’apprendre l’autre ne se fait pas sentir. Nous aborderons dans le cadre de ce cours jQuery, la librairie la plus répandue.	+	C’est aussi pour cela que, depuis quelques années, plusieurs "frameworks" ou "librairies" javascript ont vu le jour, simplifiant l’écriture du code javascript et popularisant encore un peu plus son utilisation, notamment la librairie jQuery qui simplifie la navigation/transformation de la structure html d’un document, de la gestion d’événements dans la page, de la communication avec le serveur à partir du navigateur (ajax).

Ressources::Javascript - Historique des versions

Lionel le 21 novembre 2017 à 15:36

Lionel le 21 novembre 2017 à 15:27

Lionel : Page créée avec « =Introduction= Le langage javascript permet de modifier le scénario de navigation, l’expérience du visiteur lorsqu’il visite une page web. L’interaction est donc... »

Lionel : Page créée avec « =Introduction= Le langage javascript permet de modifier le scénario de navigation, l’expérience du visiteur lorsqu’il visite une page web. L’interaction est donc... »