Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
> Web Dynamique avec JavaScript

Web Dynamique avec JavaScript

javascript

Objectifs

  • Comprendre et maîtriser le langage JavaScript

Public

  • Développeurs web
  • Architectes web
  • Chefs de projets
  • Webmestres

Prérequis

  • Connaître le principe de fonctionnement d'Internet et du Web, le langage HTML
  • La connaissance d'un langage de programmation est utile

Programme de la formation

Présentation

  • Historique et évolution du langage. Evolution de l'utilisation du langage
  • Organisation du code.Outils de développement.
  • Principes de base HTML et CSS.Les règles, sélecteurs, propriétés de styles, etc ..
  • Interaction avec Javascript.

Syntaxe Javascript

  • Les variables, les types (Number, String, Boolean, ...). Tableaux, boucles et tests.
  • Les opérateurs arithmétiques et logiques.
  • Travaux pratiques :réalisation d'exemples simples
  • Gestion des erreurs et des exceptions,exemples de mise en oeuvre des instructions 'try', 'catch', 'throw', 'finally'
  • Utilisation de la console.Méthodes et outils de debugging.
  • Présentation des fonctions globales et des classes natives.
  • Définition des fonctions.Gestion des arguments

Utilisation du DOM

  • Présentation du Document Object Model (DOM).
  • Fonctions de sélection, fonctions de création d'objet DOM
  • Modifier les éléments du DOM.
  • Travaux pratiques :exemple de validation d'un formulaire

Gestion des évènements

  • Principe et définitions.Présentation des évènements courants.
  • Flux évenementiel du DOM.Lier un évènement à un objet du DOM.
  • Intéragir avec les éléments du DOM.
  • Travaux pratiques :exemple d'un gestionnaire d'événement générique
  • L'objet 'event'.Les types d'événements à gérer.Bonnes pratiques.

AJAX : Asynchronous JavaScript And XML

  • Présentation et exemple d'utilisation

Déroulement d'une requête AJAX

  • Protocole utilisé, limites.
  • Détails de l'objet XMLHttpRequest
  • Travaux pratiques :Initialisation d'une requète AJAX et utilisation
  • Contourner les limitations

Programmation Orientée Objet

  • Définitions de la POO.
  • Utilisation de la POO en Javascript.
  • Plusieurs façons de créer un objet en Javascript.
  • Améliorer la création d'un objet avec « prototype »
  • Emuler un singleton en javascript
  • Travaux pratiques :exemple de création d'objets 'inline'

Fonctions avancées en Javascript

  • Utilisation du mot clé « this »
  • Les closures, définition, cas d'utilisation.
  • Méthodes apply et call

Présentation des nouvelles fonctionnalités liées à HTML 5

  • Nouvelles balises (vidéo, son, ...)
  • L'API File, les websockets, les workers, le webstorage