Article original : Full Stack Development with MongoDB, Java, and React

Les développeurs web full stack doivent être familiers avec une grande variété de technologies et de langages de programmation.

Nous venons de publier un cours vidéo sur la chaîne YouTube freeCodeCamp.org conçu pour initier les étudiants à la création d'applications full stack en utilisant MongoDB, Java, Spring Boot et React. Le cours guidera les étudiants à travers le processus de développement d'une application de critique de films qui utilise une séparation des préoccupations entre le code client et serveur.

Farhan Hasin Chowdhury enseigne la partie backend de ce cours et Gavin Lon enseigne la partie frontend. Ces deux instructeurs sont des développeurs très expérimentés et ont créé de nombreux cours populaires.

Le cours commence par l'installation du JDK et d'IntelliJ IDEA, pour s'assurer que les étudiants disposent des outils nécessaires pour commencer le développement. Ensuite, les étudiants apprendront à configurer un cluster MongoDB Atlas et à le connecter à l'application.

Le cours se poursuivra avec l'initialisation du projet et un aperçu de la structure du projet. Les étudiants apprendront à exécuter le projet et à écrire le premier endpoint. Après cela, les étudiants apprendront à configurer la base de données et à installer des dépendances supplémentaires, telles que la configuration des variables d'environnement.

Ensuite, les étudiants apprendront à créer des endpoints pour les films et les critiques, et à tester la fonctionnalité backend. La section backend du cours se conclura par une discussion sur les meilleures pratiques pour développer et déployer l'application.

La section frontend du cours commencera par une introduction à React, y compris le processus de création d'un projet React, l'installation des packages npm nécessaires et la configuration d'Axios. Les étudiants apprendront à obtenir des données de films à partir de la base de données MongoDB, à configurer des routes et à créer des composants tels que la page d'accueil, un composant hero et un composant header.

De plus, les étudiants apprendront à créer un affichage pour les données de films sur Material-UI Carousel, un composant Trailer avec react-player et une fonctionnalité de critiques. Le cours se terminera par une discussion sur les meilleures pratiques pour développer et déployer le frontend de l'application.

À la fin du cours, les étudiants auront une solide compréhension de la manière de construire une application full stack en utilisant MongoDB, Java, Spring Boot et React. Les étudiants pourront utiliser les connaissances acquises pour créer leurs propres applications qui utilisent une séparation des préoccupations entre le code client et serveur, et peuvent évoluer en parallèle et indépendamment les uns des autres.

Regardez le cours complet sur la chaîne YouTube freeCodeCamp.org (3 heures de visionnage).