Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?
Rappel Email
Des difficultés entre gestion du JS client et pré-rendu serveur ? Notre formation Next.js avancé : JS client est faite pour vous !
Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)
Next.js est un framework JavaScript fondé sur React. Il permet de créer tous types d'applications web de la landing page jusqu'au logiciel SaaS en passant par les applications de contenu : blogs, e-commerce, sites de presse, plateformes d'information, …
Au sein de Next, tous les composants React sont pré-rendus côté serveur : cela le rend très performant et optimisé pour le SEO et aussi difficile à utiliser dans le cas du code spécifique au navigateur qui ne peut pas fonctionner côté serveur.
Cette formation de niveau intermédiaire s'adresse aux développeurs et développeuses web avec un minimum d'expérience dans le développement d'applications web avec rendu serveur.
Une connaissance des bases de React est nécessaire afin d'écrire du code simple (composants, hooks) ainsi qu'une connaissance minimale de Next.js.
Cet enseignement présente des concepts qui existent dans tous les frameworks avec rendu serveur, elle est donc ouverte aux développeurs et développeuses utilisant d'autres technologies web (Nuxt, Angular, SvelteKit, Remix, Vite, …).
Débutant en Next.js ? Notre formation Next.js est faite pour vous.
Vous découvrirez dans cette formation l'ensemble des patterns de programmation qui permettent de gérer du code spécifique au navigateur dans Next.js sans interférer avec le mécanisme de pré-rendu côté serveur.
Vous apprendrez aussi à éviter les erreurs de type "window is not defined" ou "hydration mismatch" qui apparaissent souvent dans Next.js lorsque l'on utilise du code JavaScript spécifique au client ou que l'on importe des librairies telles que Leaflet pour la cartographie et D3 pour la visualisation de données.
Les concepts de réhydratation (hydration) et de "montage" (mounting) des composants React seront abordés afin de clarifier les interactions entre le rendu client et le rendu serveur dans Next.js.
Les "React Browser Components" nous permettront de mieux identifier les situations où le code spécifique au navigateur nécessite une attention particulière.
Lors de cette journée, vous construirez une application de démonstration qui utilise le code JavaScript client de plusieurs façons: visualisation de données, utilisation de l'objet "window" pour le rendu, modification impérative du DOM, …
Comme tous nos formateurs, Eric Burel est un passionné, en particulier avec Next.js. Lors des cours et des moments d'échanges informels, il prendra le temps de partager son expérience notamment en expliquant le concept de rendu segmenté qu'il a formalisé et qu'il transmet à travers ses cours vidéos entre autres sujets.
Mises en pratique :
- Importer et utiliser Leaflet
- Importer et utiliser D3
- Identification des "Browser Components"
Mises en pratique :
- Afficher le titre de la page
- Manipuler un composant non modifiable qui utilise l'objet "window"
- Afficher la date courante via l'objet Date
- Afficher du contenu localisé via les fonctionnalités du navigateur
Eric est ingénieur diplômé de l'ENSIMAG et vit à Montpellier. Développeur et consultant indépendant au sein de sa société LBKE, il a participé à l'émergence de plusieurs startups technologiques et est expert du framework Next.js.
Son dernier projet en date: architecturer et développer avec Next.js l'interface de l'application SaaS "Aptimize" d'Aplines, une startup de Schneider Electric.
Eric est investi dans le monde de l'open source, en tant que membre du collectif Devographics qui organise les enquêtes annuelles State of JavaScript, State of CSS et State of GraphQL.
Il a formalisé et rendu public un pattern de programmation innovant pour la Jamstack, le "rendu segmenté", qui réduit la consommation des applications web et qu'il sera ravi de vous présenter au cours des formations.
Depuis 2020, Eric donne le cours d'introduction au développement web aux élèves-ingénieurs de l'EPF Montpellier.
Il partage régulièrement ses connaissances sous la forme d'articles, au sein de la publication en français PointJS ou en anglais sur Smashing Magazine.
Human Coders c'est un centre de formation pour développeurs avec :
Des difficultés entre gestion du JS client et pré-rendu serveur ? Notre formation Next.js avancé : JS client est faite pour vous !
Next.js est un framework JavaScript fondé sur React. Il permet de créer tous types d'applications web de la landing page jusqu'au logiciel SaaS en passant par les applications de contenu : blogs, e-commerce, sites de presse, plateformes d'information, …
Au sein de Next, tous les composants React sont pré-rendus côté serveur : cela le rend très performant et optimisé pour le SEO et aussi difficile à utiliser dans le cas du code spécifique au navigateur qui ne peut pas fonctionner côté serveur.
Cette formation de niveau intermédiaire s'adresse aux développeurs et développeuses web avec un minimum d'expérience dans le développement d'applications web avec rendu serveur.
Une connaissance des bases de React est nécessaire afin d'écrire du code simple (composants, hooks) ainsi qu'une connaissance minimale de Next.js.
Cet enseignement présente des concepts qui existent dans tous les frameworks avec rendu serveur, elle est donc ouverte aux développeurs et développeuses utilisant d'autres technologies web (Nuxt, Angular, SvelteKit, Remix, Vite, …).
Débutant en Next.js ? Notre formation Next.js est faite pour vous.
Vous découvrirez dans cette formation l'ensemble des patterns de programmation qui permettent de gérer du code spécifique au navigateur dans Next.js sans interférer avec le mécanisme de pré-rendu côté serveur.
Vous apprendrez aussi à éviter les erreurs de type "window is not defined" ou "hydration mismatch" qui apparaissent souvent dans Next.js lorsque l'on utilise du code JavaScript spécifique au client ou que l'on importe des librairies telles que Leaflet pour la cartographie et D3 pour la visualisation de données.
Les concepts de réhydratation (hydration) et de "montage" (mounting) des composants React seront abordés afin de clarifier les interactions entre le rendu client et le rendu serveur dans Next.js.
Les "React Browser Components" nous permettront de mieux identifier les situations où le code spécifique au navigateur nécessite une attention particulière.
Lors de cette journée, vous construirez une application de démonstration qui utilise le code JavaScript client de plusieurs façons: visualisation de données, utilisation de l'objet "window" pour le rendu, modification impérative du DOM, …
Comme tous nos formateurs, Eric Burel est un passionné, en particulier avec Next.js. Lors des cours et des moments d'échanges informels, il prendra le temps de partager son expérience notamment en expliquant le concept de rendu segmenté qu'il a formalisé et qu'il transmet à travers ses cours vidéos entre autres sujets.
Mises en pratique :
- Importer et utiliser Leaflet
- Importer et utiliser D3
- Identification des "Browser Components"
Mises en pratique :
- Afficher le titre de la page
- Manipuler un composant non modifiable qui utilise l'objet "window"
- Afficher la date courante via l'objet Date
- Afficher du contenu localisé via les fonctionnalités du navigateur
Eric est ingénieur diplômé de l'ENSIMAG et vit à Montpellier. Développeur et consultant indépendant au sein de sa société LBKE, il a participé à l'émergence de plusieurs startups technologiques et est expert du framework Next.js.
Son dernier projet en date: architecturer et développer avec Next.js l'interface de l'application SaaS "Aptimize" d'Aplines, une startup de Schneider Electric.
Eric est investi dans le monde de l'open source, en tant que membre du collectif Devographics qui organise les enquêtes annuelles State of JavaScript, State of CSS et State of GraphQL.
Il a formalisé et rendu public un pattern de programmation innovant pour la Jamstack, le "rendu segmenté", qui réduit la consommation des applications web et qu'il sera ravi de vous présenter au cours des formations.
Depuis 2020, Eric donne le cours d'introduction au développement web aux élèves-ingénieurs de l'EPF Montpellier.
Il partage régulièrement ses connaissances sous la forme d'articles, au sein de la publication en français PointJS ou en anglais sur Smashing Magazine.
Human Coders c'est un centre de formation pour développeurs avec :
* Nombre de personnes ayant répondu au questionnaire de satisfaction sur cette formation depuis 2012