Cette formation sur Next.js vous permettra d’acquérir des compétences clés dans le développement d'applications web modernes et performantes. Avec l’essor des applications full-stack et server-side rendering (SSR), maîtriser Next.js est un atout majeur pour répondre aux demandes croissantes des entreprises en matière de réactivité, SEO et performances optimisées. Vous apprendrez à créer des applications de A à Z, en exploitant les composants React, la gestion d'état locale avec Hooks, et la gestion d'état global via Context API. Vous découvrirez aussi les concepts clés de routage dynamique, de CSS-in-JS pour un stylage réactif et performant, et de Flexbox et Grid pour une mise en page optimale. De plus, cette formation vous guide dans le déploiement d’applications Next.js sur des plateformes cloud, vous préparant à des postes de développeur frontend ou full-stack. Acquérir ces compétences vous permettra d'évoluer dans un environnement de développement moderne et de répondre aux enjeux actuels des entreprises.

Public

À qui s'adresse la formation Next js (Débutant)

Cette formation "Next js - Débutant" s'adresse aux développeurs web et aux passionnés de programmation souhaitant se familiariser avec Next.js. Elle convient aux débutants ayant des connaissances de base en JavaScript et React, désireux de maîtriser les fondamentaux de Next.js pour créer des applications web modernes et performantes. C'est une opportunité idéale pour ceux qui souhaitent enrichir leurs compétences en développement front-end.

Objectifs

Compétences visées pour la formation Next js (Débutant)

La formation "Next.js - Débutant" vise à fournir aux participants une compréhension approfondie des fondamentaux de Next.js et de son intégration avec React. À travers ce programme, les apprenants découvriront comment configurer et créer des applications, utiliser les composants et les Hooks, interagir avec les API, gérer les styles et déployer leurs projets. Grâce à des exercices pratiques, ils développeront des compétences opérationnelles pour créer des applications web modernes et efficaces.

Programme

Découvrir les fondamentaux de Next js

  1. Présentation de next js
  2. Composants basiques
  3. Comparaison avec React
  4. Fonctionnalités clé

Configurer Next js

  1. Installer Node js et npm
  2. Initialiser un projet
  3. Explorer la structure de base

Créer une application de base

  1. Créer un composant React simple
  2. Mise en place du routage
  3. Naviguer entre différentes pages

Découvrir les composants basiques

  1. Utiliser des composants React
  2. Le système de routage dynamique
  3. Utiliser des liens

Utiliser des Hooks pour la gestion locale

  1. Concepts de base des React Hooks
  2. Gérer l'état local avec useState
  3. Exercices pratiques

Utiliser Context API pour l'état global

  1. La context API de React
  2. Créer un contexte pour gérer l'état global
  3. Accéder à l'état global par des composants
  4. Imbriquer des instructions
  5. Exercices pratiques

Découvrir les appels d'API côté client

  1. Interaction avec des API coté client
  2. Effectuer des requêtes HTTP avec Fetch
  3. Gérer les résultats et erreurs
  4. Exercices pratiques

Gérer des styles avec JSS-in-JS

  1. Gérer les styles dans React
  2. Utiliser CSS-in-JS avec des bibliothèques
  3. Créer des composants stylisés réutilisables
  4. Exercices pratiques

Utiliser des modules CSS pour stylage local

  1. Utiliser des modules CSS
  2. Créer des fichiers CSS modules
  3. Intégrer des styles dans les composants
  4. Exercices pratiques

Mettre en page avec Flexbox et Grid

  1. Que sont Flexbox et Grid
  2. Structurer une interface utilisateur
  3. La conception réactive

Déployer une application Next js

  1. Configurer production build
  2. Choisir une plateforme de déploiement
  3. Déployer sur un cloud

La formation Next js (Débutant) est dispensée sur 21 heures

Durée et montant de la formation

Intitulé Durée Montant HT
Formation Next js - Débutant 21 heures 2490.00 €

Demander une convention de formation

Inscription newsletter

Recevez la newsletter ONLYWEB Formation pour vous tenir informé des formations à venir et maintenir vos compétences.

ONLYWEB Formation, s'appuie sur le réseau d'experts EVA - Solutions

coordonnées

© ONLYWEB Formation
6 pl. Dumas de Loire
69009 Lyon
TÉL 09 72 13 00 73
EVA Solutions: La force du réseau