Evolution MM

Formations à l'informatique
Découvrez la différence ENI

Lien accueil

Téléchargez le Calendrier des formations

Nantes, Rennes, Niort, Nice, Paris

jusqu'à juillet 2018

Rechercher
Rechercher une formation
 

Dynamisez vos sites Web avec JavaScript

Public :

  • Ce cours est destiné à tous ceux qui sont impliqués dans la conception, le développement ou la maintenance d'un site Web côté client.

Objectifs :

  • Ecrire et déboguer des programmes JavaScript.
    • Ajouter de l'interactivité à vos sites Web ;
    • Créer des formulaires interactifs pour saisir et valider les informations entrées par les utilisateurs.

Pré-requis :

  • Connaitre les langages HTML et CSS ;
  • Avoir quelques notions de programmation (variable, instruction).

Contenu pédagogique

Introduction

  • HTML, CSS et JavaScript : Les 3 langages du navigateur
  • Rôle du JavaScript dans un site web
  • Caractéristiques de JavaScript
  • Imbrication de JavaScript dans HTML
  • Conventions de formatage et de codage
  • Concepts de programmation et de débogage
    • Utilisation des outils de développement des navigateurs

La syntaxe JavaScript

  • Déclaration des variables
  • Les types de données
  • Les tableaux
  • Les opérateurs et expressions
  • Les structures contrôles
  • La fonctions : Déclaration et appel
  • Les objets globaux : String, Date, RegExp, Array

L'approche objet en JavaScript

  • Fonctions anonymes et Encapsulation
  • Objets
  • Propriété prototype
  • Concepts Objet et Classes
  • Namespace
  • Format d'échange JSON

Les objets du navigateur

  • Les principaux objets du DOM
    • window, document, history, location, navigator
  • Déboguer et générer des logs avec l'API Console
  • Contrôler la version et tester la compatibilité du navigateur

Interagir avec le DOM

  • Notion de nœud et d'arborescence de nœuds
  • Parcourir et rechercher des éléments avec l'API Selector
  • Modifier la présentation et le contenu du DOM
  • Modifier la structure du document
    • Ajout, modification, suppression, déplacement d'élément HTML
  • Modifier un élément HTML
    • Attributs, contenu, styles

Gestion des événements

  • Intercepter les événements avec la fonction addEventListener()
  • Comprendre la propagation des événements
  • Objet Event

Validation des formulaires côté client

  • Ecrire et lire dans les champs des formulaires
  • Mettre en place des champs obligatoire
  • Valider les informations saisies
    • Mise en œuvre des expressions régulières
  • Activer et désactiver le bouton d'envoi

Sauvegarder des données en local

  • Comprendre la différence entre les objets storage et les cookies
  • L'API Storage
  • Lire et écrire dans les objets session et local
  • Restaurer l'état d'une page au chargement