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
Accueil > JavaScript : programmation

JavaScript : programmation

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

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.