La Pub, le Web : Le blog Nomads

Accéder au site Nomads

Javascript, à quoi ça sert ?

publié le 21/03/2011

Javascript, à quoi ça sert ?

 

Le Javascript est un langage de programmation avant tout, construit principalement à base d'instructions. C'est le Navigateur Web de l'Internaute qui va interpréter ce script. Chaque navigateur a donc son propre "interprèteur" de javascript. Pour Internet Explorer, il s'agira de JScript, pour Mozilla, SpideMonkey, ou encore V8 pour Chrome. Distinguons le Javascript des langages types JAVA, C#, C++, qui sont des langages compilés ou pré-compilés (alors que le Javascript est donc un langage dit interprété).

 

 

A Quoi ça sert ??

 

- Contrôler des données saisies dans des formulaires HTML 

- Vérifier ces données

- Rendre un site dynamique vivant

- Intéragir avec le document HTML

- Créer des infobulles

- Faire défiler des images

- Afficher / masquer du texte

- Modifier du css

- Créer des événements, des diaporamas, etc...

 

Attention! Il existe de nombreux Frameworks javascript: Nous avons le plus connu, JQuery, mais il y a aussi MooTools, Scriptaculous, YUI, Dojo... Chacun a sa spécificité, ses raccourcis... Le plus poussé et utilisé reste JQuery car il propose une bibliothèque de scripts déjà bien conséquente, avec de nombreuses fonctions possibles, alimentée chaque jour par des millions d'internautes qui créent leurs propres fonctions.

 

 

EEEuuuuhh concrétement, sur le plan Graphique ?

 

Le javascript va par exemple nous permettre de "customiser" un formulaire si erreur il y a. On peut aussi bien colorer le fond d'un champ ou faire apparaitre des infobulles sur le côté spécifiant quel champ renvoie une erreur. Un exemple ? Le TP du site du zéro

 

 

C'est tout?

 

Et non! Il faut bien comprendre que ce n'est qu'une infime partie du côté "pratique" de Javascript. Mais le Javascript a des côtés aussi très "esthétiques" ! Comme vu tout à l'heure, de nombreux internautes mettent en ligne leurs codes, leurs propositions : on arrive ainsi à des rendus beaucoup plus poussés:

 

- du texte s'adaptant au visuel 

- Des Fade In au survol sur du texte, pour le côté tendance : Ici du Fade In "façon Grazzia"

- Et la fonction animate, très utilisée: pour le côté pratique, comme pour le côté esthétique.

- Enfin, pour le sens intuitif, les nouvelles possibiltés que cela nous offre, en particulier dans le e-commerce avec par exemple : Le Drag and Cart ou Drag and Drop

 

On pourrait donc distinguer plusieurs 'niveaux' dans les scripts présents aujourd'hui sur Internet :

- De la "grosse animation", type diaporama pleine page, ou du contenu semblable au Flash : exemple 1 , exemple 2 , exemple 3

- Des "interactions moyennes" mais pratiques, comme les infobulles mais aussi les barres de défilement

- Et des "petites animations", type hide/show texte, fade in, fade out, transitions...

 

 

Et voici une petite liste non exhaustive de démonstrations et autres tours de force pour comprendre ce qui est faisable (dans la mesure du possible... :) )

 

- Une présentation visuelle qui change un peu de l'éternel diaporama!

- Une galerie photo pleine page pour un portfolio tendance!

- Un système de tirettes, des changements graphiques.

Tenter d'autres types de navigation.

- Du flash? Ah non, connais pas...

Une utilisation modérée, c'est bien aussi...

Une utilisation immodérée, c'est moins bien...

- Une page unique??? Kezako?

Partagez cet article !!

Tweetez-le! Partagez-le sur Facebook! Partagez-le sur Wikio! Partagez-le sur Tumblr! Partagez-le sur LinkedIn! Partagez-le sur Viadeo!