Points forts
- La formation a été conçue de manière à ce que l'assimilation des concepts se fassent rapidement, de nombreux exercices sont donnés afin que le stagiaire apprenne en pratiquant.
- Les fonctionnalités enseignées sont celles que l'on retrouve le plus souvent en entreprises.
Objectifs
- Créer des applications mobiles en React Native
- Créer rapidement des applications performantes
- Disposer d’une organisation framework pour gagner en efficacité en équipe
Programme
Jour 1 7h dont 1h30 pause
Présentation de React Native – 45 min
Avantages et inconvénients
Utilisation de React Native avec un simulateur web
Premiers pas avec React Native (part 1) - 1h30 de théorie / 3h de pratique
Définition du système de component
Exemple : création d’un component en React Native
Exercice : création d’un component en React Native
Appeler un component dans un autre component
Exemple : appeler un component dans un autre component
Exercice : création d’un component et appeler un component dans un autre component
Comprendre les props
Exemple : utilisation des props dans des components
- Devoirs : QCM et code à trou, 15 min
Jour 2 7h dont 1h30 pause
Correction et révisions - 45 min
Premiers pas avec React Native part 2 - 1h30 de théorie / 3h de pratique
Comprendre le lifeCycle d’un component
Exemple : utilisation du lifeCycle
Mini-exercice 1 : utilisation des components et props
Comprendre les states
Exemple : Utilisation des states
Mini-exercice 2 : Utilisation des states
Mini-exercice 3 : Utilisation du lifeCycle
Mini-exercice 4 et 5 : exercice utilisant tous les concepts
Devoirs : QCM et code à trou – 15 min
Jour 3 7h dont 1h30 pause
Correction et révisions- 45 min
Utilisation du CLI Expo – 45min de théorie / 1h30 de pratique
Explication d’un CLI
Installation via expo init et utilisation sur un smartphone
Comprendre les fichiers et les normes React Native
Exemple : Création d’un projet React Native à partir d’un CLI Expo
Utilisation du style React Native et des assets en général (images, font, etc.)
Exemple : application de style et utilisation d’asset
Exercice : Créer une page designée en React Native avec Expo
Comprendre les modules – 45min de théorie / 1h30 de pratique
Explication des modules npm (principes et versions)
Installation de node
Utilisation et installation de module npm sur React Native
Comprendre le package.json
Exemple : Installation et utilisation de module npm sur React Native
Devoirs : QCM et code à trou – 15 min
Jour 4 7h dont 1h30 pause
Correction et révisions - 45 min
Création d’un router React Navigation – 45min de théorie / 1h30 de pratique
Définition d’un router sur mobile
Comprendre et utiliser le module react-navigation
Exemple : Création d’une application à plusieurs pages
Utilisation des API sur React Native – 45min de théorie / 1h30 de pratique
Utilisation du module axios
Norme d’utilisation des API en React Native
Création d’un fichier de config
Comprendre l’utilisation d’une API
Exemple : Création d’un page et affichage de donnée à l’aide d’une API
Exercice : Utilisation d’une API à utiliser dans un projet React Native
Devoirs : QCM et code à trou – 15 min
Jour 5 7h dont 1h30 pause
Correction et révisions - 45 min
Utilisation de Firebase pour avoir un backend rapide - 1h de théorie / 2h45 de pratique
Apprendre à utiliser l’API Firebase
Exemple : Utilisation de Firebase
Mini-projet : Utilisation de l'ensemble des concepts enseignés ainsi que de Firebase pour enregistrer des informations.
Evaluation finale – 1h
Pré-requis
- Disposer des bases en Javascript et programmation POO
Public visé
- Développeurs ayant une connaissance avancée de Javascript et de la POO
