Vous êtes ici : Accueil > Formations > Serverless avec Firebase et React JS : Créer une application de A à Z

Formation Serverless avec Firebase et React JS : Créer une application de A à Z

Développez une application monopage (SPA) fullstack en ReactJS avec les services cloud-based de Google Firebase
Présentation
Plan détaillé
Ressources
Discussion
Avis (0)

Description de la formation

Vous allez développer dans cette formation Serverless une application monopage (Single Page Application) Full Stack en React JS et les services Cloud Firebase.

# C’est quoi une architecture Serverless ?

L'architecture Serverless, également connue sous Serverless computing ou encore Function As A Service (FaaS)est un modèle de conception dans lequel les applications sont hébergées par un service tiers, sans avoir besoin de gestion matérielle et software de vos propres serveurs. Les principaux acteurs de ce secteur sont en plus de Firabase, le BaaS Cloud de Google, il y a aussi Amazon Web Service (AWS) et Microsoft Azure.

# Firebase et React JS pour un développement Full Stack

+ Le service Cloud Google Firebase

Firebase est un Backend-as-a-Service (BaaS) qui a commencé comme une startup YC11 (Ycombinator) et est devenu une plateforme de développement d'applications de nouvelle génération sur Google Cloud Platform. Firebase permet aux développeurs de se concentrer sur la création d'application et n'ont pas besoin de gérer les serveurs, ni d'écrire des API. Firebase est à la fois le serveur, l'API et le Datastore (Firestore).

+ La bibliothèque Framework UI React JS

React JS est une bibliothèque JavaScript déclarative, efficace et flexible pour créer des interfaces utilisateur UI (User Interfaces) riches et dynamiques. React JS est Lancé en 2013 et toujours maintenu par Facebook, en plus d’une communauté de millions de développeurs partout dans le globe.

# Qu’est-ce que vous allez apprendre dans cette formation Serverless avec React JS et Firebase ?

Dans cette formation serverless Firebase et React JS, vous allez apprendre à développer une page de recherche de films en interrogeant l’API OMDb (The Open Movie Database).

Vous allez tout d'abord installer un backend Serverless géré sur la plateforme Google Firebase avec la base de données Firestore et l'Authentification Firebase.

Vous allez ensuite créer et maintenir des composants et fonctions réutilisables avec les hooks et les props React JS, vous allez programmer avec la syntaxe JavaScript ES2015 et l'extension JSX pour développer une application monopage (SPA) avec Bootstrap 4 et Font Awesome pour une réaliser rapidement une interface responsive et professionnelle. Vous allez aussi faire des appels API RESTful : OMDb, The Movie Database.

Vous allez après découvrir Firebase et ses services managés dans le cloud Google, notamment le Serveur et la base de données sans infrastructure avec Cloud Firestore. Vous allez voir également les comptes utilisateurs avec les solutions Cloud-Based d'Authentification Firebase. Vous allez créer des formulaires de saisie pour la création et vérification de compte, d'authentification des utilisateurs, et la réinitialisation des mots de passe.

En bonus, vous aurez l'occasion de voir beaucoup de ressources, de guides et de code Snippets pour accélérer la réalisation du projet d'application Full Stack avec Firebase et React JS.

Enfin, Vous aurez comme résultat final une application complète de recherche de films développée sous une achitecture Serverless avec Firebase et React JS. Cette application monopage (SPA) de liste de films contient une fonction de recherche, un formulaire de saisie du profil utilisateur, un modal de présentation et des fonctions ES6 pour afficher les résultats de recherche depuis une API qui interrogent et écrivent les données dans Firebase.

+ Une application monopage de listing de films avec l’API OMDB

Cette formation Serverless Firebase et React JS repose sur une application monopage (Single Page Application) de listing de films favoris à l’aide de l’API OMDB. Avec ce projet d’application, vous aurez l’occasion de pratiquer l’ensemble connaissances expliquées par la formatrice dans les vidéos tutoriel. Les fichiers sources et prérequis nécessaires à ce projet d’application sont disponibles et téléchargeables depuis les ressources attachées à la formation.

+ La formatrice experte Sandy Ludosky

Au long de cette formation Serverless avec Firebase et React JS, vous serez assisté(e) par la formatrice experte et consultante en informatique Sandy Ludosky, qui vous aidera a combler le développement Full Stack à l’aide de l’application fil rouge de cette formation. Elle vous dotera aussi des bonnes pratiques à adopter dans vos projets professionnels.

+ Les bénéfices de cette formation Serverless avec Firebase et React

A l’issue de la présente formation, vous serez capable de développer des application Full Stack de A à Z sans pour autant se soucier à la configuration matérielle et logicielle du serveur ou sera hébergé votre projet grâce à l’infrastructure Serveless Firebase et l’aide de la bibliothèque UI React JS. Ainsi, vous allez gagner en compétences professionnelles et en performance et productivité, et pouvoir briller dans votre carrière de développeur Full Stack.

+ Les formations React JS à suivre :

+ Les formations NodeJS à explorer :

+ Les formations Javascript, html5 et CSS3 à découvrir :

Objectifs

  • Développer un backend scalable et performant avec les services de cloud Firebase
  • Créer un serveur sans aucune infrastructure et implémenter les fonctions de création de compte, connexion, réinitialisation de mot de passe avec les solutions Cloud Google Firebase
  • Créer des requêtes « read » et « write » avec le Cloud Firestore pour persister une liste de films en favori
  • Interroger une interface de programmation applicative API RESTful pour afficher une liste de films
  • Gérer l'état local des composants avec les Hooks

Prérequis

  • Avoir des notions de programmation en JavaScript et ES6 (ECMAScript 2015)
  • Avoir des bases solides dans l'intégration web avec HTML5 et CSS3
  • Avoir une première expérience avec Bootstrap 3 ou 4 au moins une fois

Public concerné

  • Développeurs avec une première expérience dans React, Angular ou VueJS
  • Intégrateurs web avec des connaissances en Javascript
  • Développeurs sans aucune expérience de développement Full Stack
Formateur : Sandy Ludosky
Date de mise en ligne : 14-05-2020

Evaluations


5
(10 votes)
5
10
4
0
3
0
2
0
1
0
Ceci peut aussi vous intéresser