/escen-js

JavaScript - ESCEN Lyon

Cours de JavaScript - ESCEN Lyon

  • Le langage JavaScript
    • Définition
    • Types primitifs
      • Nombres Number
      • Chaînes de caractères String
      • Booléens Boolean
      • Null
      • Undefined
    • Opérateurs arithmétiques
      • Addition +
      • Soustraction -
      • Multiplication *
      • Division /
      • Modulo %
      • Exponentiation ** ou ^
      • Incrément ++
      • Décrément --
    • Opérateurs de comparaison
      • Égal à ==
      • Non égal à !=
      • Strictement égal à ===
      • Strictement non égal à !==
      • Supérieur >
      • Inférieur <
      • Supérieur ou égal >=
      • Inférieur ou égal <=
    • Opérateurs logiques
      • ET &&
      • OU ||
      • NON !
    • Variables var: déclaration, affectation et utilisation
    • Conditions if...else
    • Tableaux []
      • Déclaration
      • Accès aux éléments
      • Modification d'éléments
      • Ajout d'éléments
      • Fonctions length, indexOf(), slice() et splice()
    • Objets {}
      • Déclaration
      • Accès aux propriétés objet.prop ou objet[prop]
      • Modification de propriétés
      • Suppression de propriétés delete objet.prop
      • Hiérarchie d'objets
    • Boucles for : Usage, anatomie et traçage de l'exécution
    • Fonctions : function
      • Définition
      • Appel
      • Arguments
      • return
    • Notion de "scope"
    • Asynchrone : ex setTimeout(function() { console.log(1); }, 1000); console.log(2);
    • Commentaires en JavaScript : // ou /* */
  • Manipulation du contenu d'une page web
    • Rappels HTML & CSS
    • Liaison d'un fichier de code JavaScript à une page web via <script>
    • Ciblage des éléments du document avec document.querySelectorAll et document.querySelector
    • Gestion d'événements utilisateur avec document.addEventListener
    • Création d'éléments dans le document avec document.createElement
    • Action sur le contenu des éléments avec element.innerHTML
    • Ajuster les styles des éléments avec element.style.cssProp
    • Attributs des éléments avec setAttribute, getAttribute
  • Introduction à jQuery
  • Récupération et envoi de données avec Ajax

Conventions à respecter dans le cadre du cours

  • Espace blanc : var foo = 'bar';, a + b ou ,
  • Point-virgule en fin d'instruction sans espace blanc : instruction;
  • Chaînes de caractères entre apostrophes : 'apostrophes'
  • Usage de === et !===
  • Placement des parenthèses et des accolades : if (condition) { ... }
  • Indentation de 2 espaces

Ressources