Contenu
Index
Partie 1 : Les base du JavaScript
Introduction au Javascript
Qu'est-ce que le Javascript ?
Petit historique du langage
Javascript Q.C.M. 1
Premiers pas en Javascript
Afficher une boîte de dialogue
La syntaxe du Javascript
Où placer le code dans la page
Quelques aides
Javascript Q.C.M. 2
Les variables en javascript
Qu'est-ce qu'une variable ?
Les opérateurs arithmétiques
Initiation à la concaténation et à la conversion des types
Javascript Q.C.M. 3
Les conditions en javascript
La base de toute condition : les booléens
La condition « if else »
La condition « switch »
Les ternaires
Les conditions sur les variables
Un petit exercice pour la forme !
Javascript Q.C.M. 4
Les boucles en Javascript
L'incrémentation
La boucle while
La boucle do while
La boucle for
Javascript Q.C.M. 5
Les fonctions en javascript
Concevoir des fonctions
La portée des variables
Les arguments et les valeurs de retour
Les fonctions anonymes
Javascript Q.C.M. 6
Les objets et les tableaux
Introduction aux objets
Les tableaux en javascript
Opérations sur les tableaux
Parcourir un tableau en javascript
Les objets littéraux
Exercice récapitulatif
Javascript Q.C.M. 7
TP : convertir un nombre en toutes lettres
l'exercice
Partie 2 : Modeler vos pages Web
Manipuler le code HTML (partie 1/2)
Le Document Object Model
Naviguer dans le document
Éditer les éléments HTML
innerText et textContent
Manipuler le code HTML (partie 2/2)
Naviguer entre les nœuds
Créer et insérer des éléments
Notions sur les références
Cloner, remplacer, supprimer…
Autres actions
Mini-TP : recréer une structure DOM
Les événements
Que sont les événements ?
Les événements au travers du DOM
L'objet Event
Résoudre les problèmes d'héritage des événements
Les formulaires
Les propriétés
Les méthodes et un retour sur quelques événements
Manipuler le CSS
Éditer les propriétés CSS
Récupérer les propriétés CSS
Votre premier script interactif !
TP : un formulaire interactif
Présentation de l'exercice formulaire interactif
Correction
Partie 3 : Les objets : conception et utilisation
Les objets
Petite problématique
Objet constructeur
Ajouter des méthodes
Ajouter des méthodes aux objets natifs
Les namespaces
Modifier le contexte d'une méthode
Les chaînes de caractères
Les types primitifs
L'objet String
La casse et les caractères
Rechercher, couper et extraire
Tester l'existence d'une chaîne de caractères
Les expressions régulières javascript (partie 1/2)
Les regex en Javascript
Recherches de mots
Les caractères et leurs classes
Les quantificateurs javascript
Les métacaractères
Types génériques et assertions
Les expressions régulières javascript (partie 2/2)
Construire une regex
L'objet RegExp
Les parenthèses
Les recherches non-greedy
Rechercher et remplacer
Autres recherches
Les données numériques
L'objet Number
L'objet Math
Les inclassables
La gestion du temps
Le système de datation
Les fonctions temporelles
Les tableaux JS
L'objet Array
Les méthodes
Les piles et les files
Les images
L'objet Image
Mise en pratique images
Les polyfills et les wrappers
Introduction aux polyfills
Introduction aux wrappers
Partie 4 : L'échange de données avec l'AJAX
L'AJAX : qu'est-ce que c'est ?
Introduction au concept
Les formats de données
XMLHttpRequest
L'objet XMLHttpRequest
Première version : les bases
Résoudre les problèmes d'encodage
Deuxième version : usage avancé
Upload via une iframe
Manipulation des iframes
Chargement de contenu
Récupérer du contenu
Le système d'upload
Dynamic Script Loading (DSL)
Un concept simple
Un premier exemple
Avec des variables et du PHP
Le DSL et le format JSON
TP : un système d'auto-complétion
Présentation de l'exercice auto complétion
Correction auto complétion
Partie 5 Javascript et HTML 5
Qu'est ce que le HTML 5 ?
Rappel des faits
Les API Javascript
L'audio et la video
L'audio
Améliorations
La vidéo
L'élément canvas
Premières manipulations
Formes géométriques
Images et textes
Lignes et dégradés
Opérations
Animations
L'API file
Première utilisation
Les objets Blob et File
Lire les fichiers
Mise en pratique API file
Upload de fichiers avec l'objet X
Le drag & drop
Aperçu de l'API
Mise en pratique
Partie 6 Annexe
Déboguer votre code
Le débogage : qu'est-ce que c'est ?
Les consoles d'erreurs
Les bugs les plus courants
Les kits de developpement
les closures
Les variables et leurs accès
Comprendre le problème
Explorer les solutions
Une autre utilité, les variables statiques
Aller plus loin en Javascript
Récapitulatif express
Étendre le Javascript
Diverses applications du Javascript
Site à deux balles
Site à deux balles