Tutoriel JavaScript en exemples. Widgets et scripts

Apprendre un langage avec des exemples interactifs est plus facile. Ce tutoriel qui est aussi un manuel de reférence.

Introduction à JavaScript
Si l'on connait le langage C ou PHP, ce manuel suffira à utiliser JavaScript, notamment pour comprendre et utiliser les exemples et démos de ce site.

JavaScript et C: Héritage et différences

Variables et constantes
Les variables JavaScript sont dynamiques.

Les opérateurs

Les tableaux
Ils sont dynamiques et dotés d'attributs et méthodes.

Les fonctions
Définition et utilisation de fonctions.

Les structures de contrôle
Structures conditionnelles et boucles.

Expression régulière
Traitement de texte selon des règles de correspondance.

Evènements

Les objets
En JavaScript, ils sont dynamiques et se développent durant le traitement.

JavaScript et PHP
Partage de variables entre PHP et les pages Web. Ajouter des variables à celles des formulaires.

JavaScript asynchrone
Comment réaliser un code asynchrone comme celui de d'Analytics, de Google.

Les nouvelles fonctions de ECMAScript
Et tests d'implémentation.

Aide-mémoire JavaScript
L'essentiel dans une seule page.

Formulaires

Création et utilisation d'un formulaire
Principes et objets de formulaire en HTML 4 et HTML 5. Comment accéder à ses éléments, insérer un bouton.

Liste de tous les objets de formulaire HTML

Envoi et réception des données selon les objets de formulaire.
Traitement des valeurs et envoi à une page web ou un script sur le serveur.

Personnaliser input text

Checkbox, comment passer l'état à une autre page

Select
Gérer les listes et menus.

Table et requête JSON
Stocker une table dans un fichier JSON et accéder au contenu avec une requête de style SQL.

Objets HTML

Windows
Création dynamique de fenêtre en JavaScript.

Navigator
Pour identifier le navigateur de l'internaute.

Image Map
Des hyperliens dans les images.

Lightbox sans framework
Pour réaliser une lightbox et afficher du texte ou des images dans une boite, seules quelques descripteurs CSS suffisent. Du code JavaScript est ajouté pour changer dynamiquement le contenu de la boite.

Onglets en CSS sans framework
Un Tab Panel pour un site Web ou une application, sans framework, en simple CSS ou avec quelques lignes de JavaScript pour insérer le contenu dans la même page.

Bouton à deux états
Comment créer un bouton ou une commande textuelle basculant entre deux états.

Votes pour un article
Comment afficher une image qui donne le nombre de points attribués à un article.

Image mystérieuse
Remplacer dans un effet de fondu un texte par une image afin qu'elle ne soit affichée qu'au moment voulu.

Barre de navigation
Accéder aux pages d'un article.

Tutoriel des bookmarklets
Un moyen simple d'incorporer des fonctionnalité à une page Web ou d'en rajouter au navigateur.


Autres tutoriels
Ressources et applications
© 2006-2024 Xul.fr