Formation JavaScript Avancé

Description

Cette formation JavaScript avancé vous permettra de maîtriser la syntaxe moderne (ES6+), de renforcer vos connaissances sur le DOM et l’asynchrone tout en respectant les bonnes pratiques de code.

Vous découvrirez l’usage des Promesses, d’async/await et de l’API fetch pour concevoir des applications web interactives.

Au programme de cette formation, vous trouverez notamment :
- la gestion des modules,
- npm,
- le linting,
- les tests unitaires, et
- l’intégration continue.

Grâce à une approche pratique, vous manipulerez des données, déboguerez efficacement et organiserez votre code en modules réutilisables.

Cette formation est destinée aux développeur·se·s déjà familiers du langage Javascript, qui pourront ainsi corriger les mauvaises habitudes et exploiter pleinement et correctement la puissance de JavaScript.

Vous débutez avec Javascript ?

Dans ce cas, notre formation JavaScript est faite pour vous !

Envie d'explorer l'écosystème JS ?

Jetez un oeil à nos formations sur les framework front
- React,
- Vue.js,
- Angular,
- Svelte
et côté back
- Node.JS.

🇺🇸 Cette formation est aussi disponible en anglais

Ils témoignent

Les objectifs

• Reprendre et approfondir les bases
• Acquérir de bonnes pratiques de développement
• S'habituer aux syntaxes modernes (ES6+)
• Comprendre les Promesses
• Utiliser fetch
• Structurer et organiser son code
• Mettre en place un environnement de développement moderne

Pré-requis

• Expérience d'au moins 1 an en développement web ou bien avoir suivi notre formation JavaScript Débutant
• Être à l'aise dans la lecture et l'écriture de JavaScript simple
• Savoir écrire des boucles for
• Savoir écrire des fonctions simples
• Installations nécessaires sur votre machine : Node JS 16+
• Ordinateur portable à apporter

Le programme de la formation JavaScript Avancé

Jour 1 : Fondamentaux et ES6+

• Historique et standards
• La vérité sur Javascript
  • Valeurs et variables
  • Types
  • Égalité(s)
  • Mutations
• Syntaxe JS et ES6+
  • Portée des variables
  • Destructuring
  • Fonctions
  • Méthodes fonctionnelles des tableaux

Mises en pratique :
- Exercices de compréhension du fonctionnement de JS
- Mises en pratiques de la syntaxe ES6+
- Manipulation de données structurées avec la programmation fonctionnelle (.forEach, .map, .filter, ...)

Jour 2 : Développer une application web interactive

• DOM
  • Comprendre le DOM (nœuds, éléments, ...)
  • Agir sur le DOM
  • Programmation événementielle
• Asynchrone
  • Problématique de l'asynchrone
  • Promesses
  • async / await
  • Rappels HTTP et API fetch
• Modules
  • Historique et enjeux
  • import / export
  • Intérêt et mise en place d'un bundler

Mises en pratique :
- Construction d'une application simple
- Consommer des promesses
- Récupérer des données depuis une API HTTP
- Refactorisation d'un projet en modules

Jour 3 : Écosystème et outillage

• npm
  • Présentation
  • package.json
  • Scripts
  • npx
  • Quelques modules pratiques
• Qualité
  • Linting
  • Tests unitaires
  • Introduction à l'intégration continue (CI)

Mises en pratique :
- Mise en place d'un projet NPM
- Écriture de tests simples

Bonus : Exploration et pratique à la carte

Suivant le temps restant et les envies des stagiaires, nous explorerons des thèmes liés à JS et au développement web en général.

Cette exploration peut prendre la forme de discussions, de démonstrations ou de travaux pratiques en semi-autonomie, seul ou en binôme.

Exemples de sujets :

• Frameworks
  • React](https://www.humancoders.com/formations/react)
  • Vue.js
  • Angular
  • Svelte, ...)
  • Node.JS
• Stockage dans le navigateur
• Aperçu de TypeScript

Télécharger le programme

Formations associées

• 

  JavaScript

  3 jours
• 

  Vue.js 3 et l’API de Composition

  0.5 jours
• 

  Vue.js

  3 jours

Formateur

David SFERRUZZA

Passionné depuis toujours par l'informatique au sens large, David Sferruzza est propulsé par sa curiosité. Celle-ci l'a poussé à faire des études d'ingénieur généraliste pour ensuite se recentrer sur le développement logiciel et ses nombreux domaines connexes.
Notamment adepte de programmation fonctionnelle (Rust, Haskell, Scala, Nix, ...), d'administration système, de pédagogie et de différents mélanges de ces trois ingrédients, il s'est régulièrement lancé des challenges pour continuer à apprendre : homme à tout faire d'une équipe de développeurs (PHP/Laravel, JavaScript), orateur dans des conférences internationales, docteur en génie logiciel, et parfois même rédacteur de contenus absurdes !

Jamais très éloigné de son éditeur de code, il accompagne des startups sur les aspects techniques depuis plusieurs années chez Startup Palace et écrit des logiciels (web, réseau, embarqué, …) pour Le Palace.

FAQ

8 raisons de participer à une formation Human Coders

• Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1649 sessions réalisées). 99% des participants se disent satisfaits de nos formations
• Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
• Catalogue de formations complet : 172 formations au catalogue, de quoi vous accompagner sur tout vos projets
• Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
• Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
• Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
• Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux