TUTO Fullstack ReactJS & Firebase

Objectif du cours Fullstack ReactJS et FireBase

Développez une application monopage (SPA) fullstack en ReactJS avec les services cloud-based  de Google Firebase ! Avec un format orienté projet, cette formation en ligne et en vidéo est progressive.

Au programme de ce tuto 

• Développer une page de recherche de films en interrogeant l’API OMDb (The Open Movie Database).
• Installer un backend serverless géré sur la plateforme Google : base de données Firestore et Authentification.

Les étapes de développement de notre projet pratique :

• Créer et maintenir des composants fonctions réutilisables avec les hooks et les props
• Programmer avec la syntaxe JavaScript ES2015 et l'extension JSX
• Développer une application monopage (SPA) avec Bootstrap 4 et Font Awesome pour une réaliser rapidement une interface responsive et professionnelle
• Faire des appels API RESTful : OMDb, The Movie Database
• Découvrir Firebase et ses services managés dans le cloud  (Serveur et base de données, sans infrastructure avec Cloud Firestore, les comptes utilisateurs avec les solutions 'cloud-based' d'authentification avec Firebase)
• Créer des formulaires de saisie pour la création et vérification de compte, authentification les utilisateurs, réinitialisation des mots de passe …
• En bonus, beaucoup de resources, guides et code snippets pour accélérer la réalisation du projet

Vous aurez en résultat final une application complète de recherche de films développée en ReactJS, avec :

• Liste de films avec fonction de recherche
• Formulaire de saisie du profil utilisateur
• Modal de présentation
• Des fonctions ES6 pour afficher les résultats de recherche depuis une API, interroger et écrire des données via les services dans le cloud de Firebase

Pour profiter du cours au maximum :

• Des notions d’intégration avec HTML5 et CSS3 sont recommandés
• Des bases de programmation en JavaScript et ES6
• Une première expérience projet en ReactJS ou une autre librairie JavaScript