Description :

JavaScript est devenu incontournable dans le développement de sites Web, tant pour sa relation forte à l'interface graphique que pour le traitement client/serveur. Vous aurez les connaissances pour interfacer le langage avec les éléments de la page Web et pouvoir réaliser des menus déroulants, des animations, modifier dynamiquement les styles de présentation.

Prérequis :

Maîtriser Html

Niveau :

Débutant

Brève introduction

Les moteurs de rendu. Activer l'exécution de JavaScript dans le navigateur. Tester si JavaScript est activé. Editeurs de code HTML/XHTML/CSS/JavaScript. Débogage dans le navigateur. A savoir avant de commencer à coder.

Le langage JavaScript

Squelette standard. Où insérer le code JavaScript ? Des commentaires dans le code. Exercice. Gestion des exceptions. Mise en place d'un gestionnaire d'événements. Variables et types de données. Conversions de types.

Tout d'horizon du langage JavaScript

Opérateurs et expressions. L'instruction de contrôle if... else [.. else]. Instructions répétitives. Un cas particulier de l'instruction for. L'instruction while. Quelques astuces à connaitre sur les boucles. Définition d'un tableau.

Programmation objet en JavaScript

Les objets par défaut de JavaScript. L'objet Date. L'objet Math. Utilisation d'un objet par défaut. L'objet String. Les expressions régulières - l'objet RegExp. Les objets liés au navigateur. L'objet history. L'objet location. L'objet navigator. L'objet document. Le tableau elements[]. L'objet window. Extension des objets prédéfinis. Définition d'objets avec la classe Object. Définition d'objets avec la notation JSON.

Evénements et données

Accès aux éléments du DOM. Exercices sur la fonction getElementById. Associer dynamiquement un événement à un élément. Passage de paramètres littéraux dans la fonction événementielle. Passage du mot-clé this dans une fonction. Passage du mot-clé event dans une fonction. Effet Rollover. Version moderne du gestionnaire d'événements. Suppression d'un gestionnaire d'événements. Redirection en JavaScript. Cookies. Formulaires - Validation en HTML5. Validation de formulaires en JavaScript.

AJAX

Le concept d’échanges asynchrones avec http. Vocabulaire jQuery. Installation du serveur WampServer. Réagir au clic sur un bouton en jQuery. Charger un fichier avec AJAX. Charger une partie d'un fichier. Requête GET. Requête POST. Charger des données JSON. La méthode $.ajax().

Les API JavaScript

API File. Drag and Drop. Géolocalisation. Local Storage. Web Workers. WebGL