Javascript et Ajax Pour les nuls

Andy Harris

Description

toutes les clés pour développer des applications Web 2.0 avec JavaScript Ajax et DOM





Depuis peu de temps, JavaScript, langage ancéstrale du développement Web bénéficie d'une nouvelle jeunesse grâce à l'avénement du Web 2.0 et de Ajax. Ce nouveau duo de choc permet de développer des scripts portables d'une efficacité remarquable. Ce livre permettra à tout développeur Web d'aborder en douceur le développement pour le Web 2.0






Au programme :






Les bases du JavaScript
Les bibliothèques JavaScript
Programmation graphique Web
Les modules externes
XHTML et CSS
Accès au DOM
Ajax et Prototype
Déboguer le code JavaScript

Pour découvrir toute la collection Pour les Nuls, cliquez ici !

Sujets

• Informatique
• Marketing et communication

Informations

• Publié par: First Interactive
• Date de parution: 08 août 2013
• Nombre de lectures: 88
• EAN13: 9782754057196
• Langue: Français

Extrait

JavaScript & Ajax Pour les Nuls

 

Titre de l’édition originale : JavaScript & Ajax For Dummies
Pour les Nuls est une marque déposée de Wiley Publishing, Inc
For Dummies est une marque déposée de Wiley Publishing, Inc

 

 

Collection dirigée par Jean-Pierre Cano
Édition : Pierre Chauvot
Traduction : Patricia Moritz et Jean-Louis Gréco
Maquette et illustration : MADmac

 

 

 

Cette oeuvre est protégée par le droit d’auteur et strictement réservée à l’usage privé du client. Toute reproduction ou diffusion au profit de tiers, à titre gratuit ou onéreux, de tout ou partie de cette oeuvre, est strictement interdite et constitue une contrefaçon prévue par les articles L 335-2 et suivants du Code de la Propriété Intellectuelle. L’éditeur se réserve le droit de poursuivre toute atteinte à ses droits de propriété intellectuelle devant les juridictions civiles ou pénales.

 

 

 

Edition française publiée en accord avec Wiley Publishing, Inc.

© 2010 par Éditions First

Éditions First
60 rue Mazarine
75006 Paris
Tél. : [phone]
Fax : [phone]
e-mail : [e-mail]
Web : www.editionsfirst.com
ISBN : 978-2-7540-1674-2
Dépôt légal : 1^er trimestre 2010

ISBN numérique : 9782754057196

 

 

 

Limites de responsabilité et de garantie. L’auteur et l’éditeur de cet ouvrage ont consacré tous leurs efforts à préparer ce livre. Wiley Publishing et l’auteur déclinent toute responsabilité concernant la fiabilité ou l’exhaustivité du contenu de cet ouvrage. Ils n’assument pas de responsabilités pour ses qualités d’adaptation à quelque objectif que ce soit, et ne pourront être en aucun cas tenus responsables pour quelque perte, profit ou autre dommage commercial que ce soit, notamment mais pas exclusivement particulier, accessoire, conséquent, ou autres.

 

Marques déposées. Toutes les informations connues ont été communiquées sur les marques déposées pour les produits, services et sociétés mentionnés dans cet ouvrage. Wiley Publishing, Inc. et les Éditions First déclinent toute responsabilité quant à l’exhaustivité et à l’interprétation des informations. Tous les autres noms de marque et-de produits utilisés dans cet ouvrage sont des marques déposées ou des appellations commerciales de leur propriétaire respectif.

Javascript et Ajax Pour les Nuls

Sommaire

Page de titre
Page de copyright
Introduction

Ce dont vous avez besoin
Comment ce livre est-il structuré ?

Première partie : Programmer avec JavaScript
Deuxième partie : Utiliser JavaScript pour améliorer les pages
Troisième partie : Passer à AJAX
Quatrième partie : Les dix commandements

Rendez-vous sur Internet !
Icônes utilisées dans ce livre
Par où commencer ?
Dernier mot

Première partie - Programmer avec JavaScript

Chapitre 1 - Créer des pages Web de qualité

Cibler la qualité
C’est parti !

Aperçu des technologies fondamentales
Votre ordinateur

Choisir un éditeur

Outils à éviter
Utiliser un éditeur WYSIWYG
Initiation aux éditeurs pour programmeur
Se familiariser avec certains éditeur importants
Initiation à Aptana

Collection de navigateurs

Respect des standards
Choisir un ou deux navigateurs

Transformer Firefox en une machine de développement

Barre d’outils Web Developer
Extension HTML Validator
Firebug

Chapitre 2 - Écrire un premier programme

Devenir programmeur

Choisir un éditeur JavaScript
Choisir le navigateur test
Ajouter du script dans une page
Insérer du code JavaScript
Créer des commentaires
Utiliser la Méthode alert () pour la sortie
Ajouter le point-virgule

S’initier aux variables

Créer une variable pour la sauvegarde des données
Demander des informations à l’utilisateur
Répondre à l’utilisateur

Utiliser la concaténation pour améliorer le message d’accueil

Comparer les valeurs littérales et les variables
Insérer des espaces dans les phrases concaténées

Comprendre l’objet chaîne

S’initier à la programmation orientée objet
Étudier la longueur d’une chaîne
Utiliser des méthodes de chaîne pour manipuler le texte

Comprendre les types de variables

Additionner des chiffres
Additionner les chiffres saisis par l’utilisateur
Problème des données dynamiques
Élément perturbateur : le signe plus (+)

Convertir les variables dans le type souhaité

Utiliser les outils de conversion des variables
Corriger le programme addInput

Chapitre 3 - Modifier le comportement du programme grâce aux conditions

Travailler avec des nombres aléatoires

Créer un dé
Lancer le dé

Utiliser if pour contrôler le flux

Si et seulement si
Utiliser les conditions
Opérateurs de comparaison

Fais ce que je te dis ou...

utiliser if- else pour une interaction plus complexe
Le mystère du else superflu

Place à switch

Créer une Expression
Switcher avec style

Imbriquer des instructions if

Créer les conditions imbriquées
Utilité des if imbriqués

Chapitre 4 - Boucles et débogage

Créer des boucles avec le compteur for

Créer une boucle décroissante
Ajouter 5 en une fois

S’initier à while

Créer une bouclewhile standard
Éviter les erreurs dans les boucles

S’initier à quelques mauvaises boucles

Gérer des boucles réticentes
Gérer des boucles infinies

Déboguer du code

Aide Aptana
Déboguer JavaScript dans IE
Détecter des erreurs dans Firefox
Détecter des erreurs de syntaxe avec Firebug

Détecter des erreurs logiques

Stocker des informations dans la console avec Firebug
Observer la sortie de la console

Utiliser un débogueur interactif

Ajouter un point d’arrêt
Exécuter le débogueur
Utiliser la fenêtre Debug
Examiner le mode Debugavec un programme interrompu
Examiner le programme
Visualiser les expressions
Utiliser le débogueur Firebug

Chapitre 5 - Fonctions, tableaux et objets

Structurer le codeavec des fonctions

Inviter les fourmis au pique-nique
Imaginer la structure de la chanson (et du programme)
Créer le programme antsFunction.html

Envoyer des données aux fonctions et en récupérer

Inspecter le code principal
Observer la ligne dédiée au refrain
Gérer les couplets

Gérer la portée

S’initier aux variables locales et globales
Examiner la portée des variables

Créer un tableau basique

Stocker une liste de données dans un tableau
Accéder aux données du tableau
Utiliser un tableauavec une bouclefor
De retour chez les fourmis

Travailler avec des tableaux bidimensionnels

Créer les tableaux
Demander les noms de villes
Créer une fonction main()

Créer des objets personnalisés.

Créer un objet simple

Ajouter des méthodes à un objet
Créer un objet réutilisable
Utiliser les nouveaux objets

S’initier à JSON

Stocker des données au format JSON
Créer une structure JSON plus complexe

Deuxième partie - Utiliser JavaScript pour améliorer les pages Web

Chapitre 6 - Communiquer avec la page

Comprendre le Document Object Model

Naviguer dans le DOM
Modifier les propriétés du DOM avec Firebug
Examiner l’objet document

Exploiter le DOM avecJavaScript

Voir la Vie en bleu avecJavaScript
Écrire le code JavaScriptpour modifier les couleurs

Gérer des événements de bouton

Configurer le terrain de jeu
Imbriquer des guillemets dans des guillemets
Écrire la fonction changeColor

Interagiravec des entrées et des sorties texte
S’initier à la programmation événementielle

Créer le formulaire XHTML
Utiliser getElementById() pour accéder à la page
Manipuler les zones de texte

Écrire au document

Préparer le cadre HTML
Écrire le JavaScript
Trouver lecode HTML interne

Travailleravec d’autres élément texte

Créer le formulaire
Écrire la fonction
Comprendre le codesource généré

Chapitre 7 - Récupérer des entrées valides

Récupérer des entrées d’une liste déroulante

Créer le formulaire
Lire la zone de liste déroulante

Gérer des listes à sélection multiple.

Programmer un objet select à sélection multiple
Écrire le code JavaScript

Analyser des cases à cocher

Créer la page avec lescases à cocher
Répondre auxcases à cocher

Travailler avec des cases d’option

Interpréter les cases d’option

Travailler avec des expressions régulières

S’initier aux expressions régulières
Caractères des expressions régulières
Marquer le début et la fin d’une ligne

Travailler avec des caractères spéciaux

Représenter un caractère à l’aide du point
Utiliser une classe de caractères
Utiliser des caractères numériques
Distinguer les signes de ponctuation
Délimiter les mots

Opérations de répétition

Rechercher un ou plusieurs éléments
Correspondance de zéro ou plusieurs éléments
Indiquer le nombre d’occurrences

Travailler avec la mémoire du motif

Rappeler un motif
Utiliser les motifs en mémoire

Chapitre 8 - Déplacer et animer

Animer des éléments

Observer le code HTML
Aperçu du JavaScript
Créer des variables globales
Initialiser
Déplacer la balle
Tester les limites

Lire une entrée clavier

Créer la page keyboard
Examiner le script keyboard.js
Écraser la fonction init ( )
Configurer un gestionnaire d’événements
Répondre aux frappes de touches
Déchiffrer le mystère des codes de touche

Suivre la souris

Observer le code HTML
Définir le code HTML
Initialiser le code
Créer le« mouse listener »

Déplacement automatique
Permuter des images

Préparer les images
Créer la page
Créer les variables globales
Définir l’intervalle
Animer le personnage
Améliorer l’animation avec le préchargement

Travailler avec des images composées

Préparer l’image
Définir le HTML et le CSS
Écrire le JavaScript
Définir les variables globales
Créer une fonction init ( )
Animer le personnage

Déplacement et permutation

Créer le cadre HTML
Créer le code
Définir les variables globales
Initialiser les données
Animer l’image
Actualiser l’image
Déplacer le personnage

Troisième partie - Passer à AJAX

Chapitre 9 - Les fondamentaux AJAX

AJAX : retour à Troie
AJAX en détail

A pour asynchronous
J pour JavaScript
A pour... and ?
X pour... données ?

Créer une connexion AJAX basique

Créer le formulaire HTML
Créer un objetXMLHttpRequest
Établir une connexion avec le serveur
Envoyer la requête et les paramètres,
Contrôler le statut

Tous en chœur : rendre la connexion asynchrone

Définir le programme
Créer la fonction getAJAX ( )
Lire la réponse

Chapitre 10 - Améliorer JavaScript et AJAX avec jQuery

S’initier aux bibliothèques JavaScript
Faire connaissances avec jQuery

Installer jQuery
Importer jQuery à partir de Google
Utiliser jQuery avec Aptana
Écrire une première application jQuery
Définir la page
Rencontre avec l’objet nœud de jQuery

Créer une fonction, d’initialisation

Utiliser $(document).ready()
Alternatives à document.ready

Examiner l’objet jQuery

Modifier le style d’un élément
Sélectionner les objets jQuery
Modifier le style

Appliquer des événements à des objets

Appliquer un événement hover
Modifier des classes à la volée

Créer une requête AJAX avec jQuery

Intégrer un fichier texte avec AJAX
Créer un système de gestion de contenu simple avec AJAX

Chapitre 11 - Animer jQuery

Se préparer pour l’animation

Écrire la base HTML et CSS
Initialiser la page
Travailler avec des fonctions de rappel

Masquer et afficher le contenu

Alterner l’affichage
Faire glisser un élément
Afficher et masquer un élément en fondu

Modifier la position d’un élément avec jQuery

Créer le cadre HTML
Définir les événements
Utiliser le chaînage
Créer la fonction move() avec le chaînage
Créer une animation axée sur le temps avec animate()
Déplacer un peu : mouvement relatif

Modifier des éléments à la volée

Créer la page de base
Initialiser le code
Ajouter du texte
Attaque des clones
Utiliser l’enveloppement
Alterner les styles
Réinitialiser la page
S’amuser avec les sélecteurs et les filtres

Chapitre 12 - Utiliser les outils de l’interface utilisateur jQuery

Découvrir le ThemeRoller

Les thèmes prédéfinis
Glisser et déposer
Télécharger la bibliothèque
Redimensionner un thème

Inspecter le HTML et le CSS standard
Importer les fichiers
Rendre un élément redimensionnable
Appliquer des thèmes à des éléments
Ajouter une icône

Glisser, déposer et rappeler

Créer la page de base
Initialiser la page
Gérer la dépose
Retirer les éléments peut être drôle
Cloner les éléments

Chapitre 13 - Améliorer l’ergonomieavec jQuery

Gérer des pages volumineuses

Utiliser le widget accordéon
Créer une interface à onglets
Utiliser des onglets avec AJAX

Améliorer l’ergonomie

Le jeu des dates
Sélectionner des nombres avec le slider
Éléments sélectionnables
Créer une liste triable
Créer une boîte de dialogue personnalisée

Chapitre 14 - Travailler avec des données AJAX

Aperçu de la programmation côté serveur

S’initier à PHP
Écrire un formulaire pour te traitement PHP
Répondre à la requête

Envoyer des requêtes façon AJAX

Envoyer les données
Répondre aux résultats

Créer un formulaire plus interactif

Créer un formulaire AJAX
Écrire le code JavaScript
Traiter les résultats
Simplifier le PHP pour AJAX

Travailler avec des données XML

Rappel sur XML
Manipuler le XML avec jQuery
Créer le HTML
Récupérer les données,
Traiter les résultats
Afficher les noms des animaux

Travailler avec des données JSON

Comprendre JSON
Lire des données JSON avec jQuery
Gérer le cadre
Extraire les données JSON
Traiter les résultats

Quatrième partie - Les dix commandements

Chapitre 15 - Dix extensions jQuery épatantes

Utiliser les extensions

ipwEditor

Ajouter un éditeur basique avec editable
Intégrer une modification plus avancée avec FCKedit

Cookies jQuery
flot
tagcloud
tablesorter
jQuery-translate
droppy
galleria
jmp3

Chapitre 16 - Dix ressources intéressantes

Bibliothèque jQuery-PHP
Réseau d’archive JSAN et JavaScript
Tutoriels et exemples W3Schools
Interfaces de programmation Google AJAX.
Aflax
MochiKit
Dojo
ExtJS
YUI
DZone

Index

Introduction

Le World Wide Web a officiellement fêté son 20^e anniversaire quand j’ai commencé à rédiger ce livre. D’un côté, il est difficile de croire que cette technologie est déjà aussi âgée. D’un autre côté, c’est impressionnant de voir à quel point elle a évolué en si peu de temps. Quand j’ai commencé à enseigner et à écrire des livres relatifs à Internet (bien avant l’utilisation du Web), personne ne savait à quoi s’attendre.

 

Si vous lisez ce livre, je n’ai pas besoin de vous dire à quel point le Web est phénoménal. Il a fait du chemin et réalise des choses très intéressantes. Dans ce livre, je veux vous montrer la direction que prend le Web. La technologie Web change plus vite que jamais. Ceux qui ne comprennent pas ces changements auront du mal à rester au fait de l’évolution.

 

Aux premières heures du Web, on parlait de pages Web comme si Internet était une série de documents basiques connectés par des liens. C’était vrai (et ça l’est encore en partie) mais ce n’est plus la meilleure façon d’analyser le Web. Le Web d’aujourd’hui ne concerne pas des documents mais des applications. Les utilisateurs et les développeurs attendent de leurs pages qu’elles fassent des choses et non pas qu’elles soient de simples documents améliorés.