Organisme de Formation aux technologies et métiers de L'informatique
javascript

Formation JavaScript, perfectionnement

Informations générales

JPG
4 jours (28h)
2 390 €HT
repas inclus
90 €HT TOSA Javascript

Objectifs

Après ce cours, vous serez capable de :

  • Découvrir les concepts avancés JavaScript ES5
  • Mettre en pratique la Programmation Orientée Objet
  • Maîtriser l'environnement de débogage
  • Mettre en œuvre le framework JavaScript jQuery
  • Manipuler les API JavaScript HTML5
  • Appréhender la notion de JavaScript côté serveur avec Node.js

Public

Ce cours s'adresse avant tout aux personnes suivantes :

  • Développeurs et chefs de projet Web.

Prérequis

Pour suivre ce cours, vous devez déjà posséder les connaissances suivantes :

  • Bonnes connaissances en JavaScript et HTML.
  • Connaissances de base de XML.

Programme de la formation

Le langage JavaScript est devenu incontournable pour le développement d'applications client riches. Ce cours vous donnera tout le savoir-faire technologique pour mettre en oeuvre de véritables applications Web à partir de concepts avancés JavaScript ES5, tout en vous préparant à l'utilisation de ES2015.

Rappels JavaScript : ES5, DOM, événement

  • Les méthodes de création dynamique d'objets.
  • Phases des événements capture, capturing, bubble.
  • La gestion des événements. Les objets de type Event.
  • Structure de données XML et JSON
  • Les méthodes avancées en ES5.
  • Exercice   Echange de données JSON. Création d'événements.

Framework jQuery

  • Fonctionnement et intégration.
  • Gestion et délégation des événements.
  • jQuery pour des échanges Ajax, gestion des formulaires.
  • Travaux pratiques   Créer un plugin jQuery.

Initiation à ES6/2015

  • Les nouveautés principales.
  • Les superset JavaScript : TypeScript, Babel, Traceur.
  • ES6 en production.
  • Travaux pratiques   Mise en production de code ES2015 avec TypeScript et Node.js.

Programmation Orientée Objet

  • Rappels sur l'objet. Propriétés.
  • La chaîne de portée. La chaîne de prototype.
  • Méthodes. Héritage. Portée des données privées et publiques. Mapping et sérialisation.
  • Design Pattern Clés en JavaScript.
  • Closure function. Singleton et Modules.
  • Exercice   Mise en pratique de la POO. Développer un micro framework de gestion du DOM.

Expressions régulières

  • Structure et syntaxe d'une expression régulière.
  • Validation asynchrone.
  • Travaux pratiques   Contrôle de dates, email.

Environnement de débogage

  • Chrome Devtools, Firefox Developper, Node-debug
  • Gérer les messages d'erreur client en production.
  • Tests multinavigateurs. Stockage des tests.
  • Tests de performance.
  • Travaux pratiques   Recherche de bugs et optimisation des performances avec les ChromeDevtools.

Echange de données, interactions

  • Solutions de stockage embarqué de données : SQLite, LocalStorage, Cookies.
  • Compenser les latences de communication.
  • JSON Web Token, sécuriser les échanges.
  • XMLHttpRequest, consommation de services distants.
  • Serveur JavaScript Node.js.
  • Travaux pratiques   Appel de services Web. Utiliser une base embarquée, échanges avec la base distante.

Programmation JavaScript sous HTML5

  • Nouveaux événements.
  • Gestion des API multimédia.
  • Modes de communication client/serveur.
  • Utilisation des Web Worker.
  • Le développement mobile "offline first".
  • Optimisation des communications client/serveur.
  • Travaux pratiques   Manipulation JavaScript sous HTML5.
plus d'infos

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.

Certification

Cette formation prépare au passage de la certification suivante.
N'hésitez pas à nous contacter pour toute information complémentaire.

TOSA Javascript (90 €HT)

L'examen TOSA se passe en centre agréé ou en ligne. Votre score (sur 1000) vous permettra de communiquer sur votre niveau de connaissances du langage de programmation.

  • Durée : 1h30
  • 35 questions QCM et cas pratiques

 

Suivre cette formation à distance

  • Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
  • Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
  • Privilégier une connexion filaire plutôt que le Wifi.
  • Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
  • Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
  • Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
  • Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
  • Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
  • Horaires identiques au présentiel.

Mis à jour le 08/11/2023