Cours – Formation JavaScript + DOM + AJAX

Détails du cours

image_pdfimage_print
image_pdfimage_print

Introduction à JavaScript

Présentation de JavaScript

Limites et avantage de JavaScript

Outils pour développer en JavaScript

Insertion du code JavaScript

Atelier pratique: Atelier pratique:Ecrire un prémier script JavaScript

Bases du langage

Les variables en JavaScript

Mots réservés en JavaScript

Types des variables

La casse

Les commentaires

Les constantes

Les opérateurs

Introduction à la théorie objet

Atelier pratique: Mise en oeuvre des différentes fonctionnalités Javascript à travers de multiples ateliers.

Gestion d’évènement

La notion d’évènement

Les principaux événements JavaScript

ajouter un gestionnaire d’événement

associer un traitement à un événement

Evènements souris

Evènements clavier

Atelier pratique: Changer dynamiquement les propriétés d’une image

Debugger JavaScript

Outils de débogage des navigateurs

Modules complémentaires de Firefox

Modules complémentaires de Chrome

Les structures de contrôle, boucles

Les conditions if … else

La boucle for

La boule while

Les intructions break et continue

La gestion des exceptions(la structure try…catch, la structure try…finally)

Les méthodes et fonctions

Les méthodes( alert(), confirm, prompt(),,,,)

Définition d’une fonction

Paramètres d’une fonctions

Variables locale ou globale

L’intruction return

Les closures

Atelier pratique: Mettre en place une minuterie

Les formulaires

L’objet Form(propriétés et méthodes)

La ligne de texte

Les boutons de choix unique

Les boutons de choix multiples

Le menu déroulant

Le bouton d’envoi

Atelier pratique 1: validation d’un formulaire

Atelier pratique 2: Vérifier un champ de formulaire avec les expressions régulières

Les objets JavaScript, manipuler les chaines de carartères et tableaux

Présenter les objets d’oblee JavaScript

L’objet window

L’objet navigator

Généralités sur l’objet String

Généralités sur l’objet Array

Généralités sur l’objet Date

Les autres objets

Atelier pratique: Récupérer des Informations sur le navigateur, Manipulations de la fenêtre

Document Object Model

Qu’est-ce que le DOM ?

Concept de

Hiérarchisation des noeuds(Arbre DOM)

Les proprités de rélation

Les proprités d’état

Les méthodes d’accès aux noeuds

Firefox DOM Inspector

modification du contenu HTML

Modification du style des elements HTML

Créer dynamiquement un noeud

Atelier pratique 1: Créer une galerie photo

Atelier pratique 2: Réaliser un menu dynamique

Programmation orientée prototype

Comparaison des modèles à classes et à prototypes

Intérêt de la programmation orientée prototype

Structures des objets avec JavaScript

Atelier pratique 2: l’héritage en JavaScript

L’approche AJAX

Pourquoi utiliser Ajax?

Comment cela fonctionne?

Construire une requête, pas à pas

L’objet XMLHttpRequest

L’objet XMLHttpRequest

Les proprietes: readyState, status, responseText, responseXML

Les methodes: open, send….

Gestion du retour (texte, XML ou JSON).

Comment utiliser XMLHttpRequest

Le problème de mémoire cache

XML – AJAX

Présentation du format XML

Structure d’un document XML

format des balises

Atelier pratique: récuperer et traiter un flux xml avec la requête AJAX

JSON – AJAX

Connaître le format JSON

parser une chaine JSON

Atelier pratique: mettre en place une autocompletion

Aller plus loin après le cours

Présenter la bibliothèque Prototype

Présenter la bibliothèque script.aculo.us

Présenter la bibliothèque jQuery

Présenter la bibliothèque DOJO

Le(s) formateur(s)

Avantages:

  • - Un support de cours pour chaque participant
  • - Soutien du formateur après la formation

Objectifs:

  • Maîtriser Le langage JavaScript
  • Debugger JavaScript
  • Vérification des champs de formulaires HTML avec JavaScript
  • Manipulation du DOM XML
  • Apprendre la programmation orientée prototype
  • Comprendre l'approche AJAX
  • Comprendre l'objet XMLHttpRequest
Montréal

04/11/2019 au 08/11/2019
18/11/2019 au 22/11/2019
09/12/2020 au 13/12/2020
13/01/2020 au 17/01/2020
03/02/2020 au 07/02/2020

Gatineau / Ottawa

11/11/2019 au 15/11/2019
06/01/2020 au 10/01/2020
02/03/2020 au 06/03/2020

Québec

28/10/2019 au 01/11/2019
25/11/2019 au 29/11/2019
16/12/2019 au 20/12/2019
27/01/2020 au 31/01/2020
24/02/2020 au 28/02/2020
23/03/2020 au 27/03/2020

Gaspésie
105 Avenue Grand-Pré, Bonaventure, QC G0C 1E0

11/11/2019 au 15/11/2019
06/01/2020 au 10/01/2020
03/02/2020 au 07/02/2020
02/03/2020 au 06/03/2020

Préférentiel*
-
par participant.e

Durée : 5 jour(s), soit 35 heures.

Horaires : 9h-17h, 2 pauses café, dîner offert à 12h.

Lieux: Montréal, Gatineau, ville de Québec.



Prix régulier: Sur demande

*Le tarif préférentiel s'applique si vous inscrivez au moins deux participants à la même session.

formation
Interessé par cette formation ?

La formation est également disponible en fin de semaine et sur demande en session privée.

Cette offre est valabe à partir du 01/01/2019.
Soumission gratuite et sans engagement

Sélectionnez le Lieu et la Date:

Contactez-nous si les dates proposées ne correspondent pas à vos besoins.


CLIENTS:


M. Bourassa – Technicienne en gestion de données - Bas-Saint-Laurent
Doussou formation nous a offert une excellente formation Oracle/SQL adaptée à notre environnement de travail et à nos besoins. Nous sommes très satisfaits des acquis obtenus après trois jours de formation et avons beaucoup apprécié l’adaptabilité de la formation.
Camil Laurence – Développeur PHP – Montréal, participant à une formation PHP Symfony et Zend Framework
Le formateur est un excellent pédagogue. Il possède parfaitement sa matière. Sa formation est adaptée aux participants et en liaison avec les besoins du marché. L’atmosphère en classe est détendue et conviviale. Un « must » pour rester à jour en nouvelles technologies de développement Web.

© Doussou Formation 2019