Formation JavaScript avancé Objet, Fonctionnalités Avancées, Ajax, Web Services, Bonnes pratiques, performances, tests, industrialisation, EcmaScript, Typescript

4.5 sur 5 étoiles

5 étoiles
48%
4 étoiles
51%
3 étoiles
0%
2 étoiles
0%
1 étoile
0%
Voir les 35 avis
(35 avis)
Durée 4 jours
Niveau Avancé
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence IJDA

Avec l'essor des interfaces riches et les nombreuses nouveautés JavaScript apportées par le HTML5, qui permettent désormais de faire jusqu'à une application complète, les besoins en JavaScript sont devenus aussi importants que ceux des langages serveur (PHP, Java, etc.) étant donné l’animation qui règne autour de Javascript (front end, back end, full stack, frameworks, mobile, etc.).
Il n'est donc plus possible d'avoir une approche simplement basique de JavaScript et c'est un langage qui est incontournable pour tout développeur Web. Il est complexe avec beaucoup de subtilités à connaître et il faut désormais pousser l'abstraction et l'organisation à un niveau supérieur, grâce la Programmation Orientée Objet (POO) notamment.
Cependant, même si vous apprendrez à programmer Objet en Javascript, cette formation cherche aussi à vous munir des bons outils à tous les niveaux : conformité, documentation, tests, performances, debugger, etc. et à les utiliser avec recul (l’outil ne doit pas faire oublier la conception et la réflexion en amont).
Vous apprendrez également à mettre en œuvre les nouveautés apportées par Ecmascript (ES6, ES7, etc.) pour que votre code soit plus robuste, lisible, et facile à maintenir.
Les développeurs Javascript sont assistés par de plus en plus de frameworks qui sont incontournables dans les projets professionnels. Aussi, vous disposerez d’une vue claire sur le panorama actuel des frameworks Javascript.

A l'issue de cette formation JavaScript avancée vous saurez :

  • Faire de la Programmation Objet en JavaScript
  • Construire vos programmes Javascript de façon professionnelle (classe, mixin, modules, etc.)
  • Respecter les bonnes pratiques de codage avec recul
  • Maîtriser les outils du développeur Javascript (debug, test, performances, conformité, documentation, etc.)
  • Manipuler les Web Services en Javascript
  • Intégrer les nouveautés du langage dans vos programmes avec EcmaScript et les versions plus récentes
  • Comprendre le rôle et la complémentarité des principaux frameworks Javascript (Angular, React, Node, etc.)

Public :

Cette formation Javascript avancée s'adresse aux développeurs ou au chef de projet.

Prérequis :

Au minimum connaître les bases de HTML, CSS et Javascript.
Avoir suivi la formation "JavaScript, les fondamentaux" (IJDH) ou disposer d'un niveau équivalent.

Programmation objet en Javascript

Intérêts pour le développeur et les projets (lisibilité, maintenance, évolutions, etc.)
Les concepts de base (classe, méthode, propriété, objet)
Créer ses propres objets et utiliser des objets existants
Exemples concrets en Javascript
Constructeur et Prototype
Contexte (this)
Mise en œuvre de l’héritage en Javascript

Aller plus loin en POO avec Javascript …

Les classes natives : String, Array, Object, etc.
Augmenter ou réécrire ?
Visibilité : propriétés publiques / privées
Visibilité : méthodes publiques / privées / privilégiées
Les différentes formes d'héritage
Appels parents : call / apply / bind
Méthodes et propriétés statiques
Méthodes abstraites et interfaces
Duck Typing et Javascript
Programmation objet

Maîtriser le langage Javascript

Types de données et subtilités (constantes, variables, énumération, etc.)
Les différentes formes d'incrémentation
Manipulation de flux binaire
Arrays : manipulation avancée
Règles de transtypage et comparaisons
Savoir utiliser les expressions régulières
Aspects avancés des fonctions en Javascript (contrôle des paramètres, etc.)
Gestion des erreurs : exceptions

Ajax, JSON, Web services

Rappels sur Ajax
JSON et (dé)sérialisation
Traitements asynchrones (promesses, fetch, async/await, etc.)
Consommer des web services en Javascript
Un exemple de Javascript côté serveur avec Node.js
Les différentes formes de stockage des données (Local, Cookies, SQLLite, etc.)

Bonnes pratiques en JavaScript

Mise en page du code avec ESLint
Imposer des règles de codage « propre »
Portée : encapsulation / namespace
Documenter votre code source « proprement » avec JSdoc

Performances, tests et débogage

Goulot d’étranglement des phases de chargement d’une page Web
Analyse fine des performances de bout en bout avec Navigation Timing API
Rendre votre code Javascript plus efficace avec Closure Compiler
Gestion mémoire et Garbage collector
Synthèse des outils de tests (JsUnit, SugarTest, etc.)
Tester efficacement la compatibilité multi navigateurs
Debugger avec Chrome Devtools et Firefox Developer

Industrialisation du développement

Gestion de paquets et dépendances
Comment gérer les nombreuses librairies externes ?
Bien comprendre Node et NPM
L’outil yarn
Gérer son projet et ses paquets en ligne de commande
Construire son application et automatiser l'installation de dépendances
Industrialiser les process de compilation et mise en production de ses applications

EcmaScript et TypeScript

Vocabulaire et normes (Ecma, typescript, Ecmascript, Javascript, ES10/ES2019, etc.)
Les changements nets apportés de la version ES6
Les apports de TypeScript
Les Types et types spéciaux
Les interfaces, les classes, les fonctions, les mixins
Les génériques
Types avancés

Vue générale des frameworks JavaScript

Limites du JavaScript natif
Comprendre le rôle des principaux frameworks Javascript : Angular, Vue, React, ReactNative, NodeJS, Express JS
Points communs et différences techniques
Quel framework Javascript pour quel projet ?
Les tendances du marché
Exemple d'application WEB avec Angular
Exemple d'application WEB avec VueJS

Tous les modules de ce programme font l’objet de travaux pratiques dont voici quelques exemples:

  • Développement d'une calculatrice graphique en Javascript permettant de profiter pleinement des concepts objets
  • Installation de dépendances avec NPM
  • Réecriture de codes sources avec la nouvelle notation ES6
  • Communication depuis Ajax avec des API Rest distantes
  • Vue JS:
    Création d’un projet, de composants, de mixins, de plugins, et de templates.
    Utilisation des plugins vue-resources (requêtes AJAX sur une API), vue-router (pour gérer le routing de l’application), vue-validator (pour valider les formulaires) et vuex (state manager pour Vue.js)
  • Angular:
    Création d’un projet, interaction avec un formulaire, intégration CSS design dans le projet, exécution de requêtes WEB JSON

Avis des participants à la formation JavaScript avancé

Note moyenne de 4.5/5(35)

Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.

RM
4/5

Mon avis sur le contenu du stage :

"Sur le déroulement des travaux pratiques, le travail en groupe et le fait de s'aider les uns les autres est intéressant mais je pense qu'à un moment, le formateur doit recadrer les échanges et donner les solutions pour éviter des pertes de temps."

Mon avis sur le formateur :

"Aucun souci sur les compétences, la pédagogie et la disponibilité du formateur. Seul bémol, à certains moments, un peu de digression sur des explications qui s'éloignaient du sujet et qui ne permettaient pas de récupérer le temps perdu sur certains TP. "

Ce que j'ai le plus apprécié :

"Aucun souci technique, matériels et logiciels opérationnels. Le livre de doc reçu par courrier est un plus aussi."

Ce que j'ai le moins apprécié :

"Quelques petits soucis de transmission ou de micros ouverts dans Teams, mais rien de grave"

LJ
5/5

Ce que j'ai le plus apprécié :

"Méthodologie induite par les cours et les TP"

VR
5/5
TVDC
5/5
IJ
4/5
LF
5/5

Mon avis sur le contenu du stage :

"La formation est même allée au-delà de mes attentes car, en ma qualité de développeur Front End, j'ai pu apprécier des points habituellement plus intimement liés au Back End (tests unitaires, lien avec les bases de données)."

Mon avis sur le formateur :

"Animateur disponible, plein de ressources et capable de gérer l'imprévu. Ses exemples de code sont limpides, très bien structurés et agiles."

Mon avis sur la salle de formation :

"Formation réalisée à distance, avec mon propre matériel."

LL
4/5
SARTORI David
5/5
DR
5/5

Mon avis sur le contenu du stage :

"support très complet"

BD
4/5

Mon avis sur le contenu du stage :

"Peut-être un peu trop de digression, mais dans l'ensemble très intéressant"

CP
4/5

Mon avis sur le contenu du stage :

"Formation très intéressante, beaucoup de sujets couverts en en 4 jours seulement (client/DOM, nodeJS, Tests, React). Difficile d'approfondir d'avantage en 4 jours."

Mon avis sur le formateur :

"Très bien, maîtrise son sujet, explications claires, disponible."

RENAUDIE Stéphane
5/5
CS
5/5
HASSEN Mohamed
4/5
BDIOUI Houssem
5/5
GM
4/5
MM
4/5
MARCELLE Philippe
5/5

Mon avis sur le formateur :

"Très bonne maîtrise du langage"

Ce que j'ai le plus apprécié :

"Réactivités pour l'impression d'une partie du support manquant"

SR
4/5
BV
5/5

Mon avis sur le contenu du stage :

"C'est une très bonne idée de fournir une clé USB pour le cours => pas de papier à stocker et pas besoin de penser à en amener une pour emporter les résultats des TP."

BI
5/5

Mon avis sur le contenu du stage :

"En quatre jours, on a pu voir énormément de choses sur le javascript avec des travaux pratiques. Merci !"

Mon avis sur le formateur :

"Le formateur est sympa ! "

Ce que j'ai le plus apprécié :

"J'étais bien accueillie et toutes les personnes sont très sympas."

Ce que j'ai le moins apprécié :

"Le bruit des travaux nous gêne parfois durant la formation sinon tout va bien :)"

CLC
5/5

Mon avis sur le formateur :

"Très bon formateur avec une bonne expérience sur le sujet"

CM
4/5

Mon avis sur le contenu du stage :

"pas assez de TP"

Mon avis sur le formateur :

"Jean est excellent ! merci pour tous"

Mon avis sur la salle de formation :

"chez nous :)"

LM
5/5
CJ
5/5
ZAABOUTI Saber
4/5

Mon avis sur le contenu du stage :

"C'est super pour moi"

Mon avis sur le formateur :

"C'est super pour moi"

KM
4/5
BEN REJEB Ali
4/5
BOUGHDIRI Walid
4/5
KT
4/5
GUO Bin
5/5

Mon avis sur le contenu du stage :

"Nouveauté ES2015 / Designe Pattern / Test Unitaire / Jasmine / Mock etc "

SY
4/5
AF
4/5

Mon avis sur le contenu du stage :

"Très satisfait .. j'ai appris enormément"

Mon avis sur le formateur :

"Assez concis maitrise son sujet"

AHH
4/5

Mon avis sur le contenu du stage :

"ça serait bien d'avoir plus de travaux pratiques/exercices même si c'est difficile de tout faire sur 2 jours."

Mon avis sur le formateur :

"L'animateur a une excellente compétence en pédagogie, à expliquer de manière simple les concepts difficiles."

Ce que j'ai le plus apprécié :

"Environnement de travail satisfaisant pour cette formation."

PP
5/5

Mon avis sur le formateur :

"Kevin est un excellent pédagogue, les 2 jours de stages sont passés très vite, tous les sujets que nous avons souhaité aborder ont pu être traité en profondeur."


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

%
De participants satisfaits
ou très satisfaits de nos
formations


Formateurs experts
validés par
PLB