Formations JavaScript

Formation JavaScript ES6

Formation Angular

Toutes les formations

Formation JavaScript ES6

Pourquoi une formation JavaScript ?

Interfaces riches, applications mobiles, tablettes et desktop, etc., le JavaScript est devenu incontournable. Je vous explique toutes les raisons ici.

Et avec sa nouvelle version, l’ES6, JavaScript a enclenché la vitesse supérieure. Je vous explique ces nouveaux termes ici si vous êtes perdu·e.

Cette formation permet d’acquérir tous les fondamentaux du JavaScript moderne pour être autonome.

JavaScript : pour qui ?

Cette formation JavaScript s’adresse aux développeurs connaissant déjà un autre langage (PHP, Java, C#, etc.) ou au moins les bases de la programmation (via jQuery par exemple).

Elle peut être accessible aux intégrateurs, graphistes et débutants en programmation à condition de vous préparer à l’algorithmique avant la formation, notamment avec notre guide d’initiation.

Objectifs de la formation JavaScript

Maîtriser le JavaScript moderne : l’ES6+, le nouveau standard
Suivre les bonnes pratiques (compatibilité, qualité, performances)
Maîtriser la programmation objet en JavaScript
Savoir utiliser et créer des composants réutilisables (qui remplacent les plugins jQuery)
Comprendre les besoins d’aujourd’hui pour savoir choisir les bons outils et frameworks

Objectifs de la formation JavaScript

Bonnes pratiques JavaScript

Après avoir mis en contexte les rôles de JavaScript, nous prenons en main les bons outils pour travailler efficacement, et nous mettons tout de suite en place les bonnes pratiques.

Compatibilité : le point sur le standard et les navigateurs actuels
Gestion des packages : npm
Console et debugger
Conventions de codage (eslint…)

Nouveautés ECMAScript 6 (ES6+)

Nous faisons ensuite le tour des nouveautés du dernier standard JavaScript.

Constantes et portée locale à un bloc
Nouveaux strings : template literals
Objets : nouvelles syntaxes
Set et Map : les nouvelles collections
Valeurs par défaut par défaut des paramètres, rest
Spread operator
Fonctions fléchées (arrow functions)
Optional chaining et nullish coalescing operators
Destructuring

DOM et événements

On passe ensuite au rôle principal de JavaScript : manipuler et animer la page suite à une action de l’utilisateur. Vous serez surpris·e de découvrir qu’aujourd’hui jQuery n’est plus nécessaire, le JavaScript natif s’est amélioré et simplifié.

Manipulation du HTML/CSS : querySelectorAll, classList…
Gestion des interactions : addEventListener…
Transitions pour des animations rapides
DOM4 : nouveautés

AJAX et asynchronisme

Gérer les traitements asynchrones, notamment l’AJAX, est une des grandes difficultés de JavaScript, qui le rende plus compliqué qu’un langage comme PHP. De nouvelles APIs sont disponibles pour simplifier cela.

Promise ES6
API fetch & JSON
Fonctions asynchrones

TypeScript

Dans une application, la moindre erreur peut signifier un plantage. Le JavaScript étant trop permissif par défaut, il faut se diriger vers un typage statique. Nous vous expliquons pourquoi TypeScript dans un article dédié, et nous vous garantissons que non seulement vous allez adorer, mais aussi que vous ne pourrez plus vous en passer.

JSDoc : documentation normalisée
TypeScript : typage statique
Assistance et typings

Programmation Orientée Objet en ES6

L’ES6 permet de se mettre facilement à la programmation orientée objet, avec la même syntaxe que dans les autres langages (PHP, Java, C#…).

Classes et héritage
Gestion du contexte
Getters / setters
Méthodes statiques
Private / public
Abstract
Interfaces
Modules

Mise en prod : compatibilité et performances

Optimisation de la mise en production

Il y a aujourd’hui beaucoup de choses à gérer lors de la mise en production, pour que vos scripts se chargent rapidement. Heureusement, les outils se sont simplifiés et unifiés.

Compatibilité : polyfills + transpilation (babel et TypeScript)
Bundle et compression : webpack
Scripts npm pour automatiser
HTTP/2

Web Components

C’est le prolongement de la programmation orientée objet appliquée à une page web. Vous pouvez maintenant créer de vrais modules web. Tous les frameworks actuels (Angular, React…) fonctionnent autour de ce principe de composant, et cela est aussi possible en JavaScript natif.

Custom elements
Shadow DOM
<template>

APIs pour les applications

Applications Web Modernes

Dans une application, JavaScript a de nouveaux rôles, que de nouvelles APIs viennent remplir. Ce chapitre y sensibilise, mais un framework est nécessaire si vous souhaitez développer une application.

Navigation et historique
localStorage
Progressive Web App & service workers
Web manifest
Web sockets pour du temps réel

Formation Angular

Pourquoi une formation Angular ?

Créer une application web en JavaScript en partant de zéro, c’est possible, mais cela sera très long et fastidieux. Angular est un framework JavaScript qui vous permet d’organiser votre code, de mettre en place des fonctionnalités avancées rapidement et facilement, et de s’assurer que votre application sera performante.

Formation Angular : pour qui ?

Cette formation s’adresse aux développeurs :

elle n’est pas adaptée à des débutants en programmation,
la connaissance d’un langage quelconque suffit (PHP, Java, C#…) : nos guides de préparation vous permettront de vous mettre à niveau en JavaScript avant le formation,
il n’est pas nécessaire de connaître la version 1 d’Angular.

Si vous travaillez déjà avec Angular, direction la formation Angular avancé.

Objectifs de la formation Angular

Maîtriser les fonctionnalités d’Angular
Créer des applications web rapidement, pour tous les supports (mobile et bureau)
Architecturer ses développements JavaScript grâce à un framework

Programme de la formation Angular

Les fondamentaux d’Angular

Fondamentaux Angular

Toutes les fonctionnalités centrales d’Angular pour construire une application sont abordées.

ES6+ et TypeScript
Composants et services : @angular/core
Templating et data-binding : @angular/common
Routing : @angular/router
AJAX / requêtes HTTP : @angular/common/http
Formulaires : @angular/forms
Directives et pipes (filtres)
Mise en production / déploiement

N’hésitez pas à vous référer à l’ancienne fiche de notre formation Angular 2 si vous avez besoin de plus de détails sur le programme de ces fondamentaux.

Architecture Angular

Architecture d’un projet Angular

L’un des points les plus importants de la formation est l’architecture d’un projet Angular. C’est le genre de choses qui n’est pas expliqué dans la documentation officielle et qui nécessite un retour d’expérience.

Nous mettons en place une architecture évolutive : elle s’adapte aussi bien à des petits projets rapides qu’à de très gros projets. C’est ce qui fera toute la différence pour qu’un projet tienne la route à long terme.

Les différents types de NgModules : features, core
Les différents types de composants : pages, présentation
Points d’entrée et raccourcis d’imports
Quand et où importer un NgModule ?
Communiquer entre composants : @Input, @Output, @View/ContentChildren, <ng-content>

Bonnes pratiques Angular

Configuration pour un code fiable et robuste

Une application ne peut pas se permettre la moindre erreur. Il est donc très important de démarrer un projet Angular avec les bons choix de configuration, pour assurer un code fiable et robuste.

TypeScript strict
Lint strict
Compileur Angular strict

Méthodologie et productivité

Méthodologie et outils pour une productivité accrue

Savoir faire les choses, c’est bien, savoir les faire efficacement, c’est encore mieux. La formation vous fournit une méthodologie reproductible et utilise des outils qui augmentent la productivité, dont certains sont développés par notre formateur contributeur.

Angular CLI
Angular Schematics
Angular Language Service
Comparatif des design systems : Material / PrimeNG / Ionic

Mise en production

Mise en production et optimisation

Nous allons jusqu’à la mise en production pour être opérationnel.

Build de production : compression, tree-shaking
Variables d’environnement
Gestion du serveur web

RxJS : asynchronisme et state

Gestion des traitements asynchrones avec RxJS

Les traitements asynchrones sont la grande difficulté en JavaScript. Angular a fait le choix de RxJS pour gérer ce problème. C’est un outil très puissant, mais pas facile d’accès : c’est le sujet sur lequel tout le monde trébuche dans Angular. La formation se charge de démystifier RxJS et de le rendre accessible.

Programmation fonctionnelle et réactive
Promises vs. Observables
Observable vs. Subject vs. BehaviorSubject vs. ReplaySubject
Les principaux opérateurs RxJS
Async pipe
Gestion des données transversales (state)
Comparatif des solutions de store : RxJS pur / ngrx / ngxs

Application

Déploiement multiplateforme d'une application Angular

Le code d’une application Angular peut être déployé sur tous les supports : en mode site web classique, en mode mobiles / tablettes et même en mode bureau. Ce dernier choix, encore peu connu, est très intéressant pour une cible d’entreprise.

Authentification : JSON Web Token (JWT)
Stockage local
Service worker
Progressive Web App (PWA)
Comparatif des solutions mobiles : Capacitor / Cordova / Ionic
Comparatif des solutions bureau : Electron

Catalogue

Formation Ionic

Formation TypeScript

Formation RxJS

Formation Stencil

Formation Lit / Polymer

Formation Svelte

Formation Vue.js

Formation jQuery

Formation Nodejs

Formation Ionic

Une formation Ionic 5+ / Angular pour les développeurs qui souhaitent créer des applications mobiles avec le framework de référence dans le domaine.

Pourquoi une formation Ionic ?

Ionic est un framework pour créer et distribuer facilement des applications mobiles / tablettes.

Pour se faire, il combine la puissance d’Angular, qui permet de construire des applications web efficacement, et celle de Capacitor (le remplaçant de Cordova), pour donner accès aux fonctionnalités natives des mobiles / tablettes et pour pouvoir distribuer l’application sur l’AppStore d’iOS et le Play Store d’Android.

Formation Ionic : pour qui ?

Cette formation s’adresse aux développeurs :

elle n’est pas adaptée à des débutants en programmation,
la connaissance d’un langage quelconque suffit (PHP, Java, C#…) : les guides de préparation vous permettront de vous mettre à niveau en JavaScript avant le formation,
il n’est pas nécessaire de connaître Angular : cela fait partie de la formation Ionic.

Objectifs de la formation Ionic

Maîtriser Ionic, c’est-à-dire Angular et Capacitor
Créer des applications mobiles et tablettes rapidement

Programme de la formation Ionic

Si votre projet a déjà démarré et donc que vous avez déjà de l’expérience avec Ionic & Angular, ce programme a vocation à être personnalisé en conséquence.

Angular

Ionic n’est qu’une surcouche à Angular. C’est encore davantage le cas dans Ionic 4+, qui travaille désormais dans le cadre de l’architecture standard du CLI d’Angular. On peut même désormais démarrer en pur Angular, et ajouter la surcouche Ionic plus tard.

Une grosse partie de la formation concerne donc Angular, car c’est là que se passe le plus important : architecture, bonnes pratiques, optimisation, etc.

ES6 et TypeScript
Composants Angular et templating…
Services Angular + requêtes HTTP
Routing Angular
Formulaires
RxJS

Composants Ionic

Interface mobile avec Ionic

Ionic propose un gros catalogue de composants d’interface prêts à l’emploi, dont le graphisme s’adapte automatiquement en fonction de l’UX d’iOS ou d’Android.

Particularité d’Ionic par rapport à Angular : routing, lifecycle, stockage local…
Tour d’horizon des composants disponibles
Layout Ionic
Grid et tabs
Tabs
Modals
Utilitaires CSS (responsive, flex…)
Theming (variables CSS, shadow parts)
Gestion des différences entre plateformes iOS / Android

Formation TypeScript

Une formation TypeScript pour augmenter la productivité de vos développements JavaScript.

Pourquoi une formation TypeScript ?

JavaScript, avant tous les usages qui en sont faits aujourd’hui, avait été conçu comme un langage très permissif. Cela a des avantages en termes de simplicité, mais cela rend le langage peu fiable.

TypeScript corrige ce problème en apportant le même typage statique qui existe dans tous les autres langages (comme Java, C#…). Et qui dit code plus fiable, dit meilleure assistance lors du développement et moins de bugs.

TypeScript est donc avant tout un outil qui peut drastiquement augmenter votre productivité.

Objectifs

Développer une expertise TypeScript
Améliorer la qualité du code, et donc sa fiabilité et la productivité

Programme de la formation TypeScript avancé

Ce programme a vocation à être personnalisé.

Rappels ES6+

TypeScript n’est pas un langage différent : c’est seulement du JavaScript moderne standard, mais avec des améliorations. Il peut donc être utile de d’abord revoir les nouveautés de l’ES6+, sur lesquelles se base TypeScript.

Configuration

Installation
Tour des options du tsconfig.json
Compilation et build
Debug via sourcemaps
Mode strict
Les typings

Types fondamentaux

Primitifs et inférence
Tableaux
Objets et interfaces
Fonctions : paramètres et retour

Typage des classes

Visibilité : public / private / protected
Propriétés de constructeur
Interfaces
Classes abstraites
Override

Types génériques

Générique dans une interface ou classe
Générique dans une fonction
Générique obligatoire ou facultatif
Générique avec contraintes
Génériques prédéfinis

Types avancés

any vs unknown
void vs never
Alias
Types littéraux statiques
Types littéraux dynamiques
Tuple
Objets dynamiques et Record
Fonctions callbacks
Overloads
Immutabilité

Composition de types

Unions
Intersections
Extension
Mapped types
Conditional types

Conversions

Type assertions
Vérifications à l’exécution

Formation RxJS

Une formation RxJS pour tirer profit de la programmation fonctionnelle et réactive en JavaScript.

Pourquoi une formation RxJS ?

La programmation fonctionnelle est une autre façon de coder (comparé à la programmation orientée objet par exemple). Elle est notamment pertinente pour la gestion de la réactivité (garder l’interface utilisateur à jour avec les données qui changent en cours de route).

Et c’est justement en JavaScript que ce problème se pose le plus. RxJS est la librairie la plus aboutie sur ce sujet.

Une formation RxJS : pour qui ?

RxJS est très puissant, mais également complexe. Cette formation s’adresse donc uniquement à des développeurs avec un peu d’expérience.

Objectifs

Maîtriser RxJS
S’habituer à la programmation fonctionnelle et réactive

Programme de la formation RxJS

Ce programme a vocation à être personnalisé.

Introduction

La programmation fonctionnelle : pourquoi ? quel intérêt ?
La programmation réactive : pourquoi ? quel intérêt ?

Les concepts

Observable
Observer
Subscription
Opérateurs
Schedulers

Les observables

A partir d’un existant (événement, timer, Promise, etc.)
Observable
Subjet
ReplaySubject
BehaviorSubject

Les opérateurs

Il existe une centaine d’opérateurs, il n’y a donc pas la liste exhaustive ci-dessous.

Pipe
Filtrer (filter, etc.)
Transformer (map, etc.)
Combiner des observables (switchMap, mergeMap, etc.)
Conditions
Gestion des erreurs

Formation Stencil

Une formation Stencil, un outil inspiré de React et créé par l’équipe d’Ionic, pour créer facilement un design system avec des Web Components réutilisables dans n’importe quel projet !

Pourquoi une formation Stencil ?

React a surtout introduit une façon de faire des composants. Mais un composant React ne fonctionne que dans des projets React, or ce n’est pas l’outil le plus adapté pour tous les projets.

Il existe aujourd’hui une solution bien plus intéressante : avec Stencil, vous pouvez créer des composants avec la même syntaxe que React, mais dont le résultat final sera des Web Components natifs : c’est-à-dire que vous pourrez les réutiliser dans n’importe quel projet, qu’il s’agisse d’un site web ou d’une application créée avec n’importe quel framework JavaScript (Angular, React ou Vue).

Bien qu’il s’agisse d’un outil récent, il est déjà éprouvé : c’est avec Stencil que sont faits les composants d’Ionic, un framework de référence pour la création d’applications mobiles.

Une formation Stencil : pour qui ?

Cette formation s’adresse aux développeurs :

elle n’est pas adaptée à des débutants en programmation,
la connaissance d’un langage quelconque suffit (PHP, Java, C#…) : les guides de préparation vous permettront de vous mettre à niveau en JavaScript avant le formation,
il n’est pas nécessaire de connaître React.

Objectifs de la formation Stencil

Maîtriser Stencil et le standard des Web Components
Créer des composants web réutilisables dans n’importe quel type de projet

Programme de la formation Stencil

Ce programme a vocation à être personnalisé.

Le standard Web Components

Nous commençons par un aperçu du standard des Web Components, avec ses limites, pour comprendre l’intérêt de Stencil.

Custom Elements
Shadow DOM

TypeScript

TypeScript s’est imposé comme un outil incontournable pour coder en JavaScript. Stencil ne fait pas exception. Nous rappellerons donc les fondamentaux de TypeScript.

Composants Stencil

Décorateurs
Render
Evénements
Propriétés et méthodes
State
Cycle de vie et Watch

Templating

Stencil utilise le même système de templating que React : le JSX.

JSX
Data-binding
Conditions et boucles
Slots

Styles

Styler son composant
Variables CSS

Distribution

Transformation en JavaScript natif
Build pour les principaux frameworks (Angular, React, Vue)
Publication sur un registre comme npm

Routing

Stencil propose un routeur pour des cas simples. Mais si vous avez besoin de routing, c’est probablement que vous souhaitez créer une application. Pour cela, il vous faudra plutôt un framework comme Angular.

Formation Lit / Polymer

Une formation Lit, le successeur de Polymer créé par Google, pour créer facilement des Web Components réutilisables dans n’importe quel type de projet !

Pourquoi une formation Lit / Polymer ?

Les composants se sont imposés comme la structure centrale dans le développement JavaScript. Mais jusqu’à maintenant, il n’y avait aucune interopérabilité : un composant React ne fonctionne que dans des projets React, un composant Angular ne fonctionne que dans des projets Angular.

LitElement va vous aider à créer des Web Components natifs : c’est-à-dire que vous pourrez les réutiliser dans n’importe quel projet, qu’il s’agisse d’un site web ou d’une application créée avec un framework JavaScript (que ce soit Angular, React ou Vue).

Lit est le remplaçant et l’aboutissement de Polymer, qui fut la première librairie à parier sur le standard des Web Components.

Une formation Lit / Polymer : pour qui ?

Cette formation s’adresse aux développeurs :

la connaissance d’un langage quelconque suffit (PHP, Java, C#…) : les guides de préparation vous permettront de vous mettre à niveau en JavaScript avant le formation,
elle n’est pas adaptée à des débutants en programmation.

Objectifs de la formation Lit / Polymer

Créer des composants web réutilisables dans n’importe quel type de projet
Maîtriser Lit et le standard des Web Components

Programme de la formation Lit / Polymer

Ce programme a vocation à être personnalisé.

Web Components standards

Nous faisons d’abord un tour rapide des Web Components natifs et de leurs limites, pour comprendre et mettre en perspective les avantages de Lit.

Shadow DOM
Custom Elements

TypeScript

Comme quasiment tous les outils JavaScript aujourd’hui, Lit utilise TypeScript. Nous faisons donc un rappel des fondamentaux de TypeScript.

Composants Lit

Render
Décorateurs
Cycle de vie
Propriétés

Templating

Conditions et boucles
Data-binding
Evénements
Slots

Styles

Gérer les styles du composant
Theming

Distribution

Transpilation en JavaScript natif
Utilisation dans les frameworks (React, Angular, Vue)
Distribution sur npm

Formation Svelte

Une formation Svelte pour créer des composants avec l’un des frameworks JavaScript les plus légers.

Pourquoi une formation Svelte ?

Svelte permet de créer des composants avec une syntaxe minimaliste.

Objectifs de la formation Svelte

Créer des composants
Maîtriser les fonctionnalités de Svelte

Programme de la formation Svelte

Composants et templating

Fichiers Svelte
Composants
Props
Lifecycle hooks

Templating

Bindings
Conditions et listes
Evénements
Formulaires

Store

Writable store
Readable store

Outils et configuration

Svelte for VSCode
Build avec Vite, Rollup ou webpack
TypeScript

Formation Vue.js

Une formation Vue pour créer des applications avec l’un des 3 principaux frameworks JavaScript.

Pourquoi une formation Vue.js ?

Vue.js est un framework JavaScript qui vous permet de créer des applications web.

Objectifs de la formation Vue.js

Créer des applications web
Maîtriser les fonctionnalités de Vue.js

Programme de la formation Vue.js

Rappels JavaScript

ES6+
AJAX / HTTP avec fetch

Composants et templating

Single File Components (SFC)
Template syntax et bindings
Conditions et listes
Evénements
Props
Lifecycle hooks
Formulaires

Routing

Vue Router

Réactivité

Reactive data
Options API vs Composition API
Pinia (le remplaçant de Vuex)

Outils et configuration

Vue CLI
Vite
Volar (remplaçant de Vetur)
TypeScript
ESLint

Formation jQuery

jQuery, c’est fini !

Je vais vous expliquer pourquoi, ainsi que pourquoi c’est un progrès, et enfin vous indiquer vers quoi vous diriger à la place aujourd’hui.

Pourquoi jQuery, c’est fini ?

La dernière mise à jour majeure de jQuery date de juin 2016. Depuis, il n’y a que de légers correctifs. Cela fait des années qu’il n’y a pas eu de véritables nouveautés dans jQuery.

Pourquoi ? Car jQuery servait à remplir 2 objectifs désormais obsolètes :

gérer la rétro-compatibilité avec Internet Explorer 6, 7 & 8,
simplifier la gestion du DOM.

Gérer la rétro-compatibilité n’est plus nécessaire : IE6-8 ont disparu. D’ailleurs, la dernière version de jQuery ne les supporte même plus. Et désormais des outils existent pour gérer automatiquement la rétro-compatibilité.

Simplifier la gestion du DOM n’est plus nécessaire non plus : le DOM natif a évolué et est désormais aussi simple sans jQuery.

Il y a mieux que jQuery !

Imaginons que vous avez trouvé un plugin jQuery pour faire un carrousel :

$('#slideshow').slideshow();

Outre que cela vous rend dépendant de jQuery, vous êtes loin d’avoir un carrousel seulement avec cela. Il vous faudra avoir fait le HTML et le CSS correspondant (en respectant certaines contraintes, sinon le carrousel ne fonctionnera pas).

Aujourd’hui, avec les Web Components, il vous suffira de faire : <my-slideshow></my-slideshow>

Vous aurez immédiatement un carrousel complet, sans avoir rien d’autre à faire !

Mieux encore : il n’y a besoin d’aucune librairie ! Votre composant pourra être réutilisé dans n’importe quel projet, qu’il s’agisse d’un site web (avec WordPress par exemple), ou d’une application créée avec un framework JavaScript (que ce soit Angular, React ou Vue).

Se former à JavaScript

Ce qui est donc nécessaire aujourd’hui, c’est de se former à JavaScript. C’est comme cela que vous apprendrez à faire des Web Components.

Pour autant, cela ne signifie pas qu’il faille absolument se débarrasser de jQuery dans les projets existants. Si un existant fonctionne, tant mieux, il n’y a aucune urgence à migrer. En revanche, mieux vaut oublier jQuery pour les nouveaux projets.

Or si vous savez faire du JavaScript, vous saurez automatiquement faire du jQuery sur des anciens projets, puisque jQuery n’était que du JavaScript simplifié (en revanche, l’inverse n’est pas vrai : savoir faire du jQuery n’implique pas de savoir aussi faire du JavaScript natif).

Et si je ne suis pas développeur ?

Il est vrai que se former à JavaScript implique de devenir développeur front-end. Cela peut faire peur aux graphistes, intégrateurs et autres débutants en programmation.

Cependant, le métier d’intégrateur HTML CSS, c’est bientôt fini. Il y a donc urgence à se repositionner, pour ne pas reproduire le drame des animateurs Flash.

Pourquoi ? D’abord, il faut savoir que ce métier est spécifiquement français, où il a été fait le choix à une époque de confier le HTML CSS au graphiste ou intégrateur plutôt qu’au développeur.

Il faut avoir conscience que cela n’a pas été le cas partout. Aux Etats-Unis par exemple, le métier d’intégrateur n’a jamais existé. Ce qui existe, c’est le métier de développeur front-end.

Etant donné comment les composants fonctionnent techniquement, dont nous avons parlé ci-dessus comme le nouveau standard, il n’est plus possible d’isoler le HTML CSS, pour déléguer ce travail à quelqu’un qui ne ferait que cela, en faisant abstraction de la partie développement.

Le seul métier qui a désormais du sens, c’est donc le développeur front-end.

Bien que cela demande effectivement un effort supplémentaire, prenez en considération :

que je vous accompagne dans cette transition avec mon guide d’introduction à la programmation,
que cet effort va payer : les entreprises manquant cruellement de développeurs front-end.

Formation jQuery ?

En bref : direction la formation JavaScript.

Si malgré ces conseils, vous souhaitez vous former à jQuery, il est toujours possible d’organiser une session dédiée à votre entreprise.

Formation Nodejs

Utilisez la flexibilité et la réactivité de JavaScript côté serveur pour des applications web avec la formation Nodejs.

Pourquoi une formation Nodejs ?

Node.js est un serveur web en JavaScript. Son avantage : comme JavaScript, il est événementiel et totalement asynchrone, ce qui permet une réactivité beaucoup plus grande pour des applications web nécessitant du temps réel (messagerie, jeu, événement live…) par rapport à des serveurs classiques comme Apache.

Objectifs

Créer un serveur Node.js réactif pour des applications web.
Prendre en main les principaux modules : expressjs, mongodb…

Programme de la formation Nodejs

Bases de Node.js

Package manager : npm
Modules et dépendances : commonjs

ES6+

let / const, template literals, arrow functions
Classes

Serveur HTTP : expressjs

Router
req, res, params, body
Middlewares

Templating

Comparatif des systèmes de templates
L’exemple d’ejs

Sessions

Base de données no-SQL : mongodb

API REST

Méthodes HTTP et en-têtes
JSON

Temps réel : websockets

L’exemple socket.io

Asynchronicité

Promises vs. callbacks
Async / await

Sécurité

Hash des mots de passe : bcrypt
Protection XSS : validator
Protection CSRF : csurf
Options importantes pour les sessions

Blog

TypeScript typé strictement: le mode strict ne suffit pas

novembre 27, 202464Vues

Maintenant que TypeScript a été largement adopté, il est temps d’être sérieux et d’aller au bout de la démarche : un code entièrement typé statiquement. Avertissement Le but de cet…

Les nouveautés d’Angular 9

décembre 3, 202464Vues

Ivy Angular 9 intègre un tout nouveau moteur interne du nom d’Ivy. Rassurez-vous : c’est rétro-compatible, mais en revanche cela booste les performances d’Angular. @angular/localize Autre intérêt d’Ivy : le…

Les types de composants Angular et les nouveautés d’Angular 9

décembre 14, 202462Vues

Aujourd’hui, le développement front-end a convergé vers la notion de composants. C’est bien sûr aussi le cas d’Angular. Mais il y a des types de composants très différents. Cet article…

Les nouveautés d’Angular 10

janvier 18, 202559Vues

Programme de la formation Angular 10 Configuration stricte Lors de la création d’un projet, Angular CLI vous propose désormais d’activer directement des options de compilation stricte, pour une meilleure fiabilité…

Les nouveautés d’Angular 11

janvier 28, 202563Vues

Trusted Types Angular 11 est désormais compatible avec les Trusted Types, un nouveau standard JavaScript pour améliorer la sécurité et limiter le risque d’attaques XSS. HMR Le support du Hot…

Les nouveautés d’Angular 12

février 1, 202561Vues

Nouvel Angular language service Le language service d’Angular est l’outil qui vous permet d’être assisté/e dans l’écriture des templates des composants. Bien que déjà très utile, il était loin d’être…