Introduction
- Navigateur et compatibilité
- Les outils dont tu as besoin
- Comment va se passer la formation
Bases Solides En JavaScript
- La logique de JavaScript
- Les types de valeurs
- Assigner une valeur
- Le Camel Case
- Ton premier calcule
- Les nombres décimaux
- Les priorités de calcul
- Une dernière opération
- L'incrémentation
- L'assignement composé
- Les chaînes de caractères
- Échapper un caractère
- Concaténer des chaînes de caractères
- Pratique : Générer une phrase
- Trouver la taille d'une chaîne de caractères
- L'immutabilité
- Les Arrays
- Accéder aux données de l'array
- Trouver la taille d'un array
- Ajouter et supprimer des données dans un array
- Pratique : Trouver les initiales
- Découverte des fonctions
- Le scope
- Retourner une valeur
- Pratique : Calculer une moyenne (V1)
- Écrire des commentaires
- Comprendre les Booleans
- La condition ternaire
- Les opérateurs
- Le mode strict
- La condition if / else
- Pratique : Calculer une moyenne (V2)
- Les objets
- Manipuler les Objets
- Plus loin avec les Objets
- La boucle While
- La boucle For
- Application concrète d'une boucle For
- Pratique : Calculer moyenne (V3)
- Une boucle dans une boucle
- Générer un nombre aléatoire
- Générer un nombre aléatoire dans un rang
- Pratique : Mélanger un Array
- Découverte de la méthode Map
Découvrir les normes ES6 et ES7
- Les nouveautés de JavaScript
- Introduction à ES6 et ES7
- Le problème de Var
- Let et Const
- Que choisir entre Var, Let et Const ?
- Les Template Strings
- Cas pratique avec les Template Strings
- Les fonctions Fléchées
- Paramètre par défaut dans une fonction
- Le Destructuring avec un Objet
- Le Destructuring d'Array
- Intervertir des valeurs
- Pratique : Mélanger un Array version ES6
- Le Spread Operator
- Cas pratique avec le Spread Operator
- Pratique : On revoit un peu tout
- Tout sur ES7
Le DOM
- Modifier des pages web
- Où coder le JavaScript ?
- Le DOM : Document Object Model
- Trouver un élément
- Déplacer un élément
- Créer un nouvel élément texte
- Créer n'importe quel type d'élément
- Modifier les attributs
- Changer une liste d'élément en Array
- Trouver la taille d'un élément
- Modifier le style
- Une autre façon de trouver un élément
- Ajouter et supprimer des classes CSS
- Pratique : Faire scroller la page avec précision
- Pratique : Faire rebondir un élément dans la fenêtre
- Comprendre les Évènements
- Supprimer un Évènement
- Surveiller le clavier de l'utilisateur
- Pratique : Afficher une image au clic
- Pratique : Retenir le visiteur quand il quitte notre page
- Pratique : Indicateur du pourcentage de scroll dans la page
- Le Focus et le Blur
- Attendre qu'un élément soit chargé
- Pratique : Déclencher un script au bout de X secondes
- Pratique : Déclencher un script tout les X secondes
- Pratique : Supprimer toutes les voyelles du clavier
- Désactiver un bouton
- Le preventDefault
- Pratique : Créer un éditeur de texte (partie 1)
- Pratique : Le localStorage (partie 2)
Bonus et conclusion
- Un outils simple pour automatiser les tâches
