|
Modalités d"évaluation :
- Avant la formation, vous devez remplir un quiz qui nous permet d'evaluer notre niveau.
- Pendant la formation, lors des exercices nous évalluons si vous avez bien compris.
- A la la fin de la formation, vous devez remplir un quiz pour évaluer votre niveau et nous verifions si vous avez atteint les objectifs prévus.
Au sujet du tarif, pour les entreprises, CPF ou pole emploi, le montant de la formation exacte sera celui indiqué sur le devis, et tiendra compte aussi d'autres facteurs comme le nombre d'heures qui peut varier aussi.
- Introduction
* Qu’est-ce qu’une page Web ?
* Brève histoire et évolution de JavaScript
* ECMAScript et JavaScript
* Que fait JavaScript concrètement ?
Premiers pas
* Présentation des outils : Sublime Text, le navigateur
* Console et outils de débogage
* Insertion de JavaScript dans des pages
* Notions de variables et de données
Les types et operateurs :
* Les nombres (type Number)
* Opérateurs numériques : + * / %
* Autres opérateurs : ++ -+=…
* Math : la “calculette” du développeur
* Les chaînes (type String) et la concaténation
* Fonctions liées aux chaînes
* Les booléens (type Boolean)
Les conditions :
* Structure conditionnelle : if, else, else if
* Écriture des tests : opérateurs de comparaison
* Exemple avec une page login
La notion d’objet
* Comment définir un objet ?
* Propriétés, méthodes et événements
Les événements liés à l’utilisateur
MouseEvent : click, mouseover, mouseout, mousemove…
KeyboardEvent
Le DOM : modifier la page avec JavaScript
* L’arbre DOM, les noeuds, les parents, les enfants
* Accéder aux éléments de la page
* Accès aux attributs, aux styles et aux classes
* Création, modification et suppression d’éléments DOM
* Quelques mots sur jQuery
Les fonctions
* Déclaration et appel d’une fonction
* Paramètres des fonctions
* Usage et exemples de fonctions utilitaires courantes
Les boucles
* La boucle for, variable d’incrémentation
* La boucle while
* Création d’un menu dynamique avec une boucle
Les tableaux : Array
* La notion d’index
* Array et boucles
* Manipuler un Array : exemple d’un panier de courses
Les dates
* Gestion du temps avec les dates
* Création d’une horloge digitale
Exercices Evénements et données :
* Organisation des événements. Impact des événements sur les types de navigateurs et versions de DOM.
* Positionner des écouteurs sur des événements par programme et paramétrage de balises HTML.
* Règles pour faire un codage multinavigateur.
* Créer, détruire des écouteurs.
* Les traitements événementiels JavaScript : gestionnaire clavier, souris, formulaires, rollover, menus dynamiques.
* L'objet Event et son utilisation.
* Les objets du DOM (window, document...) et leur manipulation.
* Manipulation des URL (redirections http ...).
* Gestion des cookies (lecture et écriture).
* Programmation d'événements multiples sur les éléments formulaire, souris, clavier...
Exercice Gestion de formulaires HTML :
* Manipulation de contenu de formulaires.
* Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d'options...
* Fonctions de validation de formulaire.
* Evénements liés aux éléments de formulaire : changement, initialisation, clic...
* Conception de fonctions personnalisées contrôlant les activités de l'utilisateur.
Exercice Javascript et CSS :
* Rappel sur les feuilles de style en cascade (CSS-1, CSS-2).
* Les outils pour les manipuler.
* Implémentation des CSS en tant que propriétés des objets du DOM.
* Modification directe des propriétés CSS des objets du DOM.
* Modification de l'objet CSS stylesheets.
* Rendre la page dynamique via le changement des propriétés de style.
* Réalisation de pages simples afin de se familiariser à l'utilisation de feuilles de style et à leur manipulation à travers JavaScript.
Exercice Javascript DOM XML :
* Présentation du langage XML (éléments attributs).
* Implémentation des parseurs XML chez Microsoft IE et les autres : variantes entre les navigateurs, maintenance...
* Manipulation des objets du DOM (lecture, ajout, suppression, modification de noeuds).
* Familiarisation à la construction d'un chemin d'accès à un élément du DOM.
Exercice AJAX :
* Enjeux, solutions et alternatives.
* Les bibliothèques du marché.
* HTTP et Ajax : échanges HTTP et l'objet XMLHttpRequest.
* Récupération de données XML et affichage des données. Interrogation d'une base de données. Création d'un formulaire de connexion.14
|