Tutoriel JavaScript et scripts de mise en pratique

1. 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.
2. JavaScript et C: Héritage et différences.
3. Variables et constantes.
   Les variables JavaScript sont dynamiques.
4. Les opérateurs.
5. Les tableaux.
   Ils sont dynamiques et dotés d'attributs et méthodes.
• Tableau associatif.
• For each.
6. Les fonctions.
   Définition et utilisation de fonctions.
• Fonctions prédéfinies.
  On peut les utiliser dans tout script.
7. Les structures de contrôle.
   Structures conditionnelles et boucles.
8. JavaScript et PHP.
   Partage de variables entre PHP et les pages Web. Ajouter des variables à celles des formulaires.
9. La fonction eval.
   Cette fonction intégrée permet d'ajouter du code JavaScript dynamiquement.
10. Expression régulière.
    Traitement de texte selon des règles de correspondance.
11. Evènements.
• Illusion d'optique
  Démonstration: comment changer une image quand on presse le bouton de la souris.
12. JavaScript asynchrone
    Comment réaliser un code asynchrone comme celui de d'Analytics, de Google.
13. Aide-mémoire JavaScript
    L'essentiel dans une seule page.

1. Les objets.
   En JavaScript, ils sont dynamiques et changent de structure durant le traitement.
2. L'objet Number. Attributs et méthodes.
3. L'objet String. Détail de toutes les méthodes de chaîne.
4. L'objet Array. Avec un test interactif des attributs et méthodes.
5. L'objet Date.
6. L'objet RegExp. Pour passer des expressions régulières à un formulaire.
7. Booléens et objet Boolean.

1. Formulaire.
   Principes et objets de formulaire en HTML 4 et HTML 5.
2. Création et utilisation d'un formulaire.
   Comment accéder à ses éléments, insérer un bouton.
3. Passer des données d'un page HTML à une autre.
   Comment passer des paramètres à une page Web? Cela peut être accompli par un formulaire et un script simple qui extrait les valeurs de la chaîne de paramètres.
4. GET ou POST. Quelle méthode choisir?
5. Liste de tous les objets de formulaire HTML.
6. 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.
7. Personnaliser input text.
8. Checkbox, comment passer l'état à une autre page.
9. Select. Gérer les listes et menus.
10. Frames et formulaires
    Comment passer des données de formulaire entre les frames d'un jeu de cadres.

1. Windows. Création dynamique de fenêtre en JavaScript.
• Location. Elément de Window pour obtenir les paramètres de l'URL de la page.
• History. Interface à l'historique de navigation.
• Boites de dialogue. Interagir avec l'utilisateur avec alert, confirm, prompt.
• Ouvrir une fenêtre en JavaScript.
• setTimeout et setInterval. Les délais à l'exécution.
2. Navigator. Pour identifier le navigateur de l'internaute.
3. Image Map. Des hyperliens dans les images.
• Images dynamiques. Remplacer une image.

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

Bookmarklets de recherche
Ajoutez des boutons de recherche avancée.

Informations sur la page
Ajouter des bookmarks qui fournissent des informations statistiques ou descriptives sur toute page affichée par le navigateur.

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.
En seconde partie, onglets avec frames.

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.