fff

Combien de stagiaires suivront cette formation ?


Valider Annuler

Accueil    Formations    Informatique    Langages et développement    Développeur Web HTML 5, CSS 3 et JavaScript    JavaScript - Programmation avancée

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques

  • Utiliser tous les outils de débogage à disposition
  • Décrire les contextes d'exécution
  • Structurer le code JavaScript en modules
  • Implémenter les concepts objets en JavaScript et les concepts fonctionnels
  • Identifier les aspects avancés des "closures" et les promises
  • Mémoriser jQuery
  • Identifier les différences avec Node.js et expliquer le rôle de chacun.

Niveau requis

Avoir suivi le cours JVS-IN "JavaScript - Fondamentaux" ou avoir une connaissance pratique du langage JavaScript.

Public concerné

Développeurs, architectes et chefs de projets techniques.

Programme

Jour 1 - Matin

Maîtrise des fonctions de "debug" dans les IDE et les navigateurs

  • Configuration de Visual Studio Code afin de déboguer depuis l'IDE
  • Accès aux fenêtres de débogage depuis les extensions des principaux navigateurs (Chrome, Edge, FireFox)
Exemple de travaux pratiques (à titre indicatif)
  • Sur la base d'un programme intégrant les principales structures de JavaScript, utilisation des principaux outils de débogage

Rappels importants du langage

  • Les éléments de premier ordre dans JavaScript
  • La portée des données
  • Les fonctions
  • Objets ou fonctions ?
  • Le débogage avec les meilleurs outils actuels

Pièges du langage

  • Typage faible
  • "Hoisting"
  • Contexte et variables globales
  • Changement de contexte

Jour 1 - Après-midi

Programmation objet

  • Différentes façons de créer des objets
  • Constructeurs
  • Valeur de "this" dans un objet
  • Prototype et __proto__
  • Diverses façons d'hériter
  • Visibilité

Jour 2 - Matin

Exemples de travaux pratiques (à titre indicatif)
  • Conception d'une application qui exploite les fonctions
  • Transformation de l'application, permettant d'exploiter les objets et l'héritage

Importance de la modularisation

  • Créer un module en JavaScript
  • Utilisation des modules

Programmation fonctionnelle

  • Fonctions
    • Anonymes
    • Immédiates
    • Internes
  • Redéfinition
  • Surcharge et mot-clé (arguments)
  • "Closure"

Jour 2 - Après-midi

Structuration et qualité du code

  • Séparation en multiple fichiers
  • Définition de modules
  • Asynchronous Module Definition (AMD)
  • AMD avec Require.js
  • Impacts des "closures" sur la lisibilité
  • Qualité avec JSHint et JSLint
Exemples de travaux pratiques (à titre indicatif)
  • Modularisation avec Require.js de l'application développée le jour précédent
  • Utilisation des outils de Lint

L'héritage jQuery

  • Bases de jQuery
  • Exploitation des sélecteurs en jQuery
  • Intérêts de jQuery par rapport JavaScript
  • Les composants graphiques de jQuery

Jour 3 - Matin

Exploiter les API HTML 5 en JavaScript

  • Validation des formulaires en JavaScript
  • Solutions de stockage
    • LocalStorage
    • IndexedDB
  • JSON
  • WebSockets
  • WebWorkers

Jour 3 - Après-midi

JavaScript et Node.js

  • Différences dans les langages
  • Asynchronisme
  • REST serveur en Node.js et REST client en JavaScript
  • Présentation d'une solution Web 100% JavaScript
Exemples de travaux pratiques (à titre indicatif)
  • Exploitation des API de HTML 5 depuis JavaScript
  • Utilisation des dernières fonctionnalités de ES 7 et 8, avec l'asynchronisme (Async/await), promises
  • Intégration d'un serveur simple Node.js dans la solution

Evolutions récentes : ECMAScript 6 et 7

  • ECMAScript 6 et ses nouveautés
    • Classes
    • Modules
    • Fonctions fléchées
    • Promise
    • Nouvelles méthodes de "Object"...

Examen M2i (en option)

  • Prévoir l'achat de l'examen en supplément
  • L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
  • Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
  • L'examen n'est pas éligible au CPF, mais permettra néanmoins de valider vos acquis

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou un examen M2i

Les + de la formation

Un examen M2i permettant de valider vos acquis à l'issue de la formation est disponible sur demande (coût : 120€).

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Formation disponible en intra-entreprise

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Testez vos connaissances

Nos quizz vous guident dans le choix de formation.
Évaluez votre niveau de pré-requis pour découvrir la formation faite pour vous.

Accédez au test de connaissance

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous