Dans ce module, nous allons parcourir les étapes pour construire votre premier site web à partir de zéro, en commençant par la mise en place d'outils essentiels comme Visual Studio Code. Vous apprendrez à déployer un site web de base en utilisant HTML et JavaScript, à manipuler le DOM pour des interactions dynamiques et à explorer différents paradigmes de programmation. À la fin de ce module, vous aurez une compréhension pratique de la création et de l'amélioration des pages web.

Dans ce module, nous ferons la transition entre votre site web de base et une application React entièrement fonctionnelle. Vous apprendrez à convertir manuellement le code web traditionnel, à structurer le projet React et à lier les fichiers sources. En outre, nous explorerons les outils essentiels tels que Babel et JSX, qui rationalisent le processus de développement en vous permettant d'utiliser des fonctionnalités JavaScript modernes avec une lisibilité accrue.

Dans ce module, nous aborderons les concepts JavaScript essentiels à la maîtrise de React. En commençant par Node.js et en configurant votre environnement de développement, vous explorerez ensuite des concepts fondamentaux tels que les fonctions, la portée et les fermetures. Vous plongerez également dans des fonctionnalités JavaScript avancées telles que les fonctions fléchées, la déstructuration et le hissage de fonctions - des compétences cruciales pour écrire un code propre et efficace dans les applications React.

Dans ce module, nous vous guiderons dans la construction d'applications React, étape par étape. Vous apprendrez à écrire des composants, à comprendre l'arborescence des composants et à travailler avec des composants imbriqués. En explorant les props, les listes et les crochets React, vous acquerrez des compétences pratiques pour gérer l'état, rendre le contenu dynamique et construire des applications interactives et efficaces à partir de zéro.

Dans ce module, nous vous guiderons à travers le processus de migration de vos projets React vers Next.js. Vous explorerez les avantages uniques de Next.js pour le développement professionnel, y compris l'amélioration de l'évolutivité et de la performance. À la fin de ce module, vous serez équipé pour faire la transition de vos applications React vers des projets Next.js entièrement optimisés.

Dans ce module, nous explorerons les concepts de base avancés de Next.js afin d'optimiser vos applications pour la production. Vous plongerez dans le compilateur Next.js, la minification et l'empaquetage, ainsi que dans les techniques de rendu avancées telles que CSR, SSR et SSG. Nous examinerons également les rôles critiques des CDN et de l'Edge dans l'amélioration des performances et de la diffusion de contenu pour les applications Next.js, en vous donnant les outils pour construire des applications web hautement performantes et évolutives.

Dans ce module, nous allons parcourir le processus de construction d'une application Next.js à partir de zéro dans un code-along bootcamp pratique. Vous aurez une introduction au projet final et apprendrez comment initier un modèle Next.js localement. Nous explorerons la structure des fichiers et les concepts de base tels que les pages, puis nous plongerons dans des techniques d'optimisation telles que le prefetching et le code splitting pour améliorer les performances de votre application.

Dans ce module, nous allons explorer comment travailler avec les métadonnées et les actifs dans Next.js pour élever le design et la fonctionnalité de vos applications. Vous apprendrez à optimiser les images, à gérer les scripts et les données d'en-tête, et à exploiter les modules CSS pour un style modulaire. En outre, vous mettrez en œuvre des styles globaux et personnaliserez les styles utilitaires pour une plus grande flexibilité. Nous plongerons également dans l'importance des métadonnées pour améliorer le SEO et le partage sur les médias sociaux, et créerons des mises en page dynamiques et des composants interactifs à l'aide d'accessoires et d'enfants dans React et Next.js.

Dans ce module, nous allons nous plonger dans les techniques de pré-rendu et de récupération de données dans Next.js. Vous explorerez les différences entre la génération statique et le rendu côté serveur (SSR), en apprenant à choisir la bonne approche pour votre projet. Avec des étapes pratiques, vous mettrez en œuvre GetStaticProps pour la génération de contenu statique et optimiserez le contenu dynamique avec la récupération de données. Nous verrons également quand utiliser GetServerSideProps pour le rendu côté serveur et nous pratiquerons des algorithmes essentiels pour une meilleure manipulation des données.

Dans ce module, nous allons explorer les routes dynamiques dans Next.js, ce qui vous permettra de construire des applications web flexibles et axées sur les données. Vous apprendrez à mettre en œuvre getStaticPaths pour le rendu statique dynamique, à affiner les pages post dynamiques et à améliorer vos composants avec le stylisme. Le module couvre également des techniques avancées telles que la régénération statique incrémentale (ISR), la récupération de données, l'interrogation de bases de données et l'utilisation des routes API pour étendre les fonctionnalités et l'interactivité de votre application.

Dans ce module, nous vous guiderons à travers le processus de déploiement de votre application Next.js du début à la fin. Vous commencerez par comprendre GitHub et apprendrez à pousser votre application sur la plateforme pour le contrôle de version. Nous passerons ensuite au déploiement de votre application sur Vercel, à la gestion des branches et à la gestion des pull requests et des code reviews pour rationaliser votre processus de développement et de déploiement. À la fin, vous aurez maîtrisé le déploiement et la gestion de vos projets Next.js avec GitHub et Vercel.