JavaScript, les fondamentaux

Préface

• Présentation de différents éditeurs
• Présentation des outils de développement intégrés au navigateur
• Présentation de l’application à réaliser tout au long de la formation

Présentation du marché

• Avant
• Après

Rôles et standards

• Définition
• Structuration du langage
• Statistiques de Javascript de nos jours
• Utilisation
• Combattre les idées reçues
• Evolution des frameworks
• Problèmes

Javascript & HTML

• Synchrone vs Asynchrone
• La base HTML <script>

Javascript, le langage

• Types
• Commentaires
• Les mots clés
• Variables et fonctions
• Manipulations
• Les arrays
• Les conditions
• Les opérateurs
• Les boucles
• Les objets globaux
• Réalisation Exercice 1
• Les objets
• Le format JSON
• Réalisation Exercice 2

DOM et manipulation

• Le Document Object Model
• Interfaces du DOM
• Méthodes des nœuds
• Propriétés des nœuds
• Interface CSS
• Réalisation Exercice 3

Time handler & DOM events

• Définition d’un évènement
• Types d’évènements
• SetTimeout
• SetInterval
• Event listeners
• Bubbling
• Natif vs JQuery
• Réalisation Exercice 4

Les fonctions

• Définition
• Déclaration et passage de paramètres
• Portée de la fonction
• Closure
• IIFE

Ajax & Dialogue serveur

• Définition
• Principe
• Pourquoi ?
• Risques
• Contexte favorable
• Les verbes HTTP et les status
• Exemple
• L’objet XmlHttpRequest
• Types de données transmises
• Ajax et IE
• Ajax et JQuery
• Réalisation Exercice 5

Bonnes pratiques

• Convention de nommage
• JsDoc
• Eslint
• L’objet console et le debug

Pour aller plus loin

• L’objet JSON
• Présentation de NodeJS
• Présentation de NPM
• Le futur de Javascript
• Réalisation Exercice 6

Les modules

• Amd & RequireJS
• CommonJS

Programmation orientée objet : les bases

• Glossaire
• Encapsulation
• Classe vs fonction

Programmation orientée objet : Avancée

• Objet simple
• Constructeur
• Privé / publique
• O.O et prototype
• Réalisation Exercice 7
• Prototype
• Héritage
• Classes ES6
• Super / extends