Formation JavaScript, programmation avancée

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 54 avis
(54 avis)
Durée 3 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
Éligible CPF Non

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 JavaScript avancé 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 les dernières versions d’Ecmascript (nous actualisons notre programme régulièrement) pour que votre code soit plus robuste, lisible, et facile à maintenir.

Objectif opérationnel : 

Savoir utiliser JavaScript de façon professionnelle pour concevoir des applications clients riches, complètes et performantes intégrant le standard ECMAscript ainsi que la bibliothèque Jquery et le framework Node.js.

Objectifs pédagogiques : 

À l'issue de cette formation JavaScript avancé, vous aurez acquis les connaissances et compétences nécessaires pour :

  • Programmer objet avec JavaScript
  • Mettre en œuvre les concepts avancés de Javascript 
  • Maîtriser les outils et les bonnes pratiques du développeur Javascript (debug, test, performances, conformité, documentation, etc.)
  • Mettre en œuvre les APIs JavaScript HTML5
  • Connaître les nouveautés apportées par les dernières versions de EcmaScript
  • Comprendre et utiliser la bibliothèque Jquery
  • Appréhender la notion de JavaScript côté serveur avec Node.js

Public :

Ce cours JavaScript Avancé s’adresse principalement aux développeurs souhaitant enrichir leur connaissance pratique de JavaScript et des technologies web par de nouveaux frameworks, APIs et outils. Les développeurs ainsi concernés souhaitent plus particulièrement stratifier leurs connaissances de la programmation objet en JavaScript et apprendre à optimiser le développement de leurs applications conformément au standard ECMAscript et aux bonnes pratiques en vigueur.

La formation intéressera également les architectes et chefs de projet web désirant pousser plus avant la complémentarité entre JavaScript, HTML et CSS pour parfaire une application existante ou au contraire concevoir un nouveau projet tirant pleinement partie des avantages offerts par ces trois langages.

Prérequis :

Les participants à cette formation possèdent une expérience pratique de JavaScript ainsi que des technologies web associées (HTML, CSS) validées à travers un ou plusieurs projets professionnels préalables. Les développeurs, architectes ou chef de projet concernés pourront ainsi profiter pleinement des travaux pratiques qui sont tous réalisés en Javascript.
Sans être strictement indispensable, une sensibilité accrue aux problématiques de tests, de débugs et de qualité du code facilitera votre compréhension des meilleures pratiques de développement abordées tout au long de la formation.

Ces prérequis sont assimilés au cours de la formation JavaScript, les fondamentaux (IJDH).

J1

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
Travaux pratiquesRéflexion sur le modèle de classes nécessaire pour programmer une calculatrice graphique.

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
Travaux pratiquesDéveloppement d'une calculatrice graphique en JavaScript permettant de mettre en œuvre les concepts objets

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
Travaux pratiquesUtilisation des expressions régulières pour contrôler une saisie (caractères interdits, motifs acceptés)J2

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
Travaux pratiquesRéécriture de codes sources avec la nouvelle notation ES6

Présentation de JavaScript avec HTML5

Géolocalisation
Glisser / Déposer
Multi upload
Historique (pushstate)
Web GL
Web RTC
Fullscreen
API branchées mobile
Détecteur de proximité
Vibration API
Utilisation du gyroscope du smartphone
Accès à la webcam, au micro
Shadow DOM
Évolutions attendues…
Travaux pratiquesMise en œuvre du drag and drop entre deux zones de l’écran dont l’aspect change en fonction de la localisation

Échange de données avec le serveur (Node.js)

Vocabulaire lié aux échanges (Ajax, JSON, Web services, APIs, …)
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.)
Travaux pratiquesMise en place d'une API Rest avec Node.js et ExpressJS
Développement d’un web service géodésique avec Node.js et consommation sous forme cartographique. On affiche sur une carte les parkings avec places libres dans un rayon de n km (le code client géographique Javascript est fourni par le formateur)
J3

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
Travaux pratiquesRecherche de bugs et optimisation des performances avec les ChromesDevTools.

JQuery

Qu’est-ce que Jquery ?
Chargement de Jquery dans la page ou via un CDN
Bases syntaxiques de jQuery
Effets
Evènements
Manipulation DOM
AJAX
Travaux pratiquesRéalisation d’un questionnaire d’auto-évaluation avec Jquery (question textuelle et réponses proposées sous forme de boutons de différentes couleurs avec texte en surimpression)

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
Travaux pratiquesInstallation de dépendances avec NPM

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
Travaux pratiquesRevue de code d’un projet professionnel

Date de mise à jour du programme : 04/10/2024

Dates et lieux

1
2
Du 23 au 25 octobre 2024
Lieu
Distanciel
Durée
3 jrs
1660 € HT
Du 23 au 25 octobre 2024
Lieu
Paris
Durée
3 jrs
1660 € HT
Du 20 au 22 novembre 2024
En bonne voie de maintien
Lieu
Distanciel
Durée
3 jrs
1660 € HT
Du 20 au 22 novembre 2024
En bonne voie de maintien
Lieu
Paris
Durée
3 jrs
1660 € HT
Du 09 au 11 décembre 2024
Lieu
Distanciel
Durée
3 jrs
1660 € HT
Du 09 au 11 décembre 2024
Lieu
Paris
Durée
3 jrs
1660 € HT
Du 29 au 31 janvier 2025
Lieu
Distanciel
Durée
3 jrs
1660 € HT
Du 29 au 31 janvier 2025
Lieu
Paris
Durée
3 jrs
1660 € HT
Du 26 au 28 mars 2025
Lieu
Distanciel
Durée
3 jrs
1660 € HT
Du 26 au 28 mars 2025
Lieu
Paris
Durée
3 jrs
1660 € HT
1
2

Logo partenaire action collective de l'OPCO Atlas Votre formation JavaScript Avancé prise en charge jusqu'à 100% des coûts pédagogiques ! *  

Depuis 2011, Atlas (ex-Fafiec) a sélectionné PLB Consultant pour vous proposer les meilleures formations autour du développement objet avec .NET, Java et C++.  
-  Sessions inter-entreprise sur Paris et Lille.  
-  Sessions intra-entreprise sur toute la France.  

* jusqu'à 100% des coûts pédagogiques selon votre branche d'activité dans la limite des fonds mutualisés dédiés aux actions collectives et en application des critères de prise en charge en vigueur (cf conditions détaillées sur le site d'Atlas)

Avis des participants à la formation JavaScript, programmation avancée

Note moyenne de 4.5/5(54)

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.

VERDIER Maximilien
4/5

Mon avis sur le contenu du stage :

"Beaucoup de TP et de démonstration en direct, mais certaines trop poussées ce qui peut perdre les participants les moins avancés."

Mon avis sur le formateur :

"Expertise de l'animateur appréciée, avec une excellente compréhension des sujets technique tout comme fonctionnels. Les réponses apportées sont claires et précises. Je regrette peut être certains sujets très poussés qui sont vus assez rapidement, tout comme la quantité de TP qui même s'ils permettent de mettre en application certains concepts, devraient laisser place à un peu plus de théorie avant de se lancer."

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

"La facilité d'avoir une continuité dans la formation même si cette dernière était à distance, pas de blanc ni de perte d'attention."

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

"Microsoft Teams : le flux audio et vidéo étaient de qualité moyenne. Nous utilisons Zoom dans notre société qui est plus efficace."

MJ
4/5

Mon avis sur le contenu du stage :

"j' ai apprecie le structure des exercises fourni en Box, meme si l'acces box dans mon entreprise poser probleme niveau securite. Par contre le niveau etait trop avance pour moi, donc je regrette d'avoir pu m'inscrire au deux cours javascript dans les semaines consecutifs aupres de la commercial sans etre informer qu'une pratique etait necessarie pour le deuxieme cours, et c'etait mieux d'attendre. J'ai essaye de repousser le cours la semaine derniere mais ca n'a pas ete accepte. "

Mon avis sur le formateur :

"Franck etait tres disponible et a vraiement fait une effort de revenir vers chaque personne dans les exercises pratique, ce qui n'est pas evident dans une cours en virtuel"

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

"l'organization des exercices"

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

"difficulte d'avoir de l'aide personalise dans une cours a distance, et j'aurais preferer pouvoir prendre ce cours plus tard quand j'avais quelques semaines/mois de pratique de javascript"

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"

GA
5/5

Mon avis sur le contenu du stage :

"Le formateur a fait des supports exceptionnels (pas le pdf donné par plb mais tout un répertoir qu'il nous a partagé via github). Une aide-mémoire, des diapos vraiment claires et concises accompagnées de beaucoup d'exercices avec leur corrigé etc. Exceptionnel."

Mon avis sur le formateur :

"Formateur excellent qui a su s'adapter à notre niveau (notre module précédent sur l'intro à javascript nous a laissé avec des lacunes sur les bases qu'il a su rattraper) et à notre rythme. Il me paraît plus important de bien comprendre ce qu'on nous montre plutôt que de mal voir tout un programme mais sans rien apprendre (le formateur de ce cours à pris le parti de bien nous faire comprendre ce qu'on voyait plutôt que de passer à la va vite pour faire tout le programme ce que je trouve très bien). "

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

"Le formateur et son support."

AS
5/5

Mon avis sur le contenu du stage :

"Des supports parfois un peu légers, mais j'ai apprécié les liens régulièrement mis à disposition vers la document MDN. Pour le reste, une formation convaincante."

Mon avis sur le formateur :

"Deuxième formation avec Franck, toujours aussi satisfait !"

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

"La disponibilité du formateur, la possibilité d'utiliser le tableau blanc sur teams pour créer des exemples à la volée"

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

"Malheureusement le distanciel ne permet pas une communication optimale"

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."

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 :)"

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."

DA
4/5

Mon avis sur le contenu du stage :

"Support théorique très complet et exercices pratiques pour chaque chapitre vu"

Mon avis sur le formateur :

"Formateur sympathique et dynamique, clair dans ses explications"

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

"Support théorique très complet avec exemples et exercices pratiques pour chaque chapitre abordé"

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."

SS
5/5

Mon avis sur le contenu du stage :

"Formation très intéressante."

Mon avis sur le formateur :

"Professeur top, pédagogue et patient."

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

"Une formation qui a bien repris les bases de Javascript."

BARBERON Charly
5/5

Mon avis sur le contenu du stage :

"Les cours + les vidéos à la fin de la formation font vraiment la différence."

Mon avis sur le formateur :

"Formateur au top, on sent qu'il est passionné et très compétant."

FA
5/5

Mon avis sur le contenu du stage :

"Le contenu était très bien préparé, clair et qualitatif."

Mon avis sur le formateur :

"Certainement un des formateurs les plus intéressants que j'ai eu pour l'instant."

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 :)"

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"

FA
4/5

Mon avis sur le contenu du stage :

"Ateliers intéressants, bon ratio théorie/pratique"

Mon avis sur le formateur :

"Bon formateur, explications claires et à l'écoute"

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."

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."

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"

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"

ET
4/5

Mon avis sur le contenu du stage :

"Pas assez poussé pour du JS avancé, mais très bonne formation pour un niveau intermédiaire"

MORIN Jordan
4/5

Mon avis sur le contenu du stage :

"Je pensais que la formation allait être sûr des parties un peu plus techniques (nodeJs, import, etc...)"

NS
4/5

Mon avis sur le contenu du stage :

"Il y a des choses dont on s'en sert plus, mais c'est bon à savoir, l'origine des choses."

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"

GUO Bin
5/5

Mon avis sur le contenu du stage :

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

GY
4/5

Mon avis sur le formateur :

"Formateur avec beaucoup d'exemple d'application. Explique très bien."

CLC
5/5

Mon avis sur le formateur :

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

LJ
5/5

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

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

AYAS Sandra
5/5

Mon avis sur le contenu du stage :

"Excellente organisation et excellent formateur !! Top ! "

CA
4/5

Mon avis sur le contenu du stage :

"contenu trop dense pour 3 jours"

BN
5/5

Mon avis sur le formateur :

"Rien à dire, merci beaucoup !"

DR
5/5

Mon avis sur le contenu du stage :

"support très complet"

HASSEN Mohamed
4/5
IJ
4/5
MT
5/5
VR
5/5
SY
4/5
TVDC
5/5
KT
4/5
BOUGHDIRI Walid
4/5
BEN REJEB Ali
4/5
KM
4/5
CJ
5/5
BDIOUI Houssem
5/5
LM
5/5
LL
4/5
SARTORI David
5/5
PB
5/5
RENAUDIE Stéphane
5/5
SR
4/5
CS
5/5
MM
4/5
GM
4/5
KY
4/5


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