Aller au contenu principal
Afficher le fil d'ariane

PLB CONSULTANT : 01. React Native, applications mobiles natives pour iOS et Android

Organisme

PLB CONSULTANT
3-5 RUE MAURICE RAVEL
92300 LEVALLOIS PERRET
Voir toutes ses formationsAutres organismes proposant cette formation

Durée

21 heures

Modalités

Formation

  • Classe virtuelle
  • Présentiel

Évaluation

Travaux pratiques. Auto-évaluation en début et en fin de formation.

Prix

Inter
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
840€ HT / personne
Intra
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
4170€ HT / groupe
4 stagiaires minimum

Public

Développeurs mobiles, développeurs Web, architectes, chefs de projets techniques.

Pré-requis

Avoir une connaissance pratique de la programmation en JavaScript.

Objectifs pédagogiques

- Comprendre les frameworks de développement mobile et la spécificité de React Native. 

- Mettre en place un environnement de développement React Native 

- Concevoir l'architecture logicielle d'une application mobile multiplateforme. Construire une interface utilisateur fluide et performante 

- Utiliser les principaux composants et les API natives proposées par React Native

Programme détaillé

 

Introduction à React Native

Présentation de l’histoire de React Native et utilisation aujourd’hui

Comparaison aux autres outils crossplatform

Comprendre les frameworks de développement mobile et la spécificité de React Native

Architecture et principes clefs de React Native

 

ES6/ES201X : les bases

Babel 

ES6 ( let et cont, Fat Arrow functions, Destructuring, imports et exports, Classes, Dynamic Object Keys, Array spread )

ES7 et au-delà ( object spread, async await, static class properties, bound instance methods )

npm et yarn : installer des packages

Cas pratique

Utilisation de nouvelles fonctionnalités ES6/ES201X

 

React Native / React les bases

React & JSX 

Mettre en place un environnement de développement React Native

Création de son premier composant

Configurer un composant : state & props

Utilisation de setState

Les méthodes lifecycle d’un composant

Cas pratique

Création de son premier composant React

 

Les composants de base de React Native

Concevoir l’architecture logicielle d’une application mobile multiplateformes

Présentation de l’API de base de React Native ( View, Text, Image, ScrollView, StyleSheet)

Cas pratique

Mise en place d’un projet avec Create React Native App et création de ses premiers composants React Native

 

Navigation

Présentation et comparaison des différentes librairies existantes

Ajouter des animations et des transitions entre des écrans de son application

Cas pratique

Ajout de react-navigation dans notre projet et intégration d’un deuxième écran

 

Construction de son application

Présentation d’une organisation possible des répertoires d’un projet

Les composants de base (Text, View, Image, …)

La gestion des événements (touch)

Utiliser le composant List

Mise en page (Layout, Flexbox, …)

Navigation entre les composants

Les composants en « libre service »

Conseils pour construire une interface utilisateur fluide et performante

Cas pratique

Créer les deux premiers écrans de base de notre application “Airbnb”

 

Gestion des formulaires

Les principaux composants de formulaires

La validation et gestion des erreurs

Cas pratique

Ajouter un formulaire profil sur notre application

 

Récupérer des données distantes

Présentation de l’approche Smart/Dumb components

Utilisation de Fetch pour récupérer des données d’une API REST

Présentation de Redux pour améliorer la gestion des données

Présentation de GraphQL : le futur des APIs REST et pourquoi il est très adapté dans un environnement mobile

Cas pratique

Intégration des données d’une API dans le formulaire précédent. Modification et enregistrement des données (persistance). Mise en place d’un chat dans notre application

 

Les APIs natives

Les principales APIs natives de React Native ( AsyncStorage, Geolocalisation, notifications push, Caméra, etc… )

Développer un module natif ( pour Android et IOs )

Cas pratique

Intégration de l’authentification. Ajout d’une photo sur le profil. Intégration d’une carte avec les logements

 

Usages avancés

Tests unitaires et fonctionnels : quels sont les bons outils à utiliser

Comment créer des applications qui peuvent être utilisées en mode offline

Présentation de CodePush pour les mises à jour Over the Air et du Microsoft AppCenter

Authentification Facebook avec Oauth

Internationaliser une application

Publier une application React Native sur les stores

Sessions

Filtrer les résultats

58 résultats

Modalités pédagogiques
Formation synchrone se déroulant avec la présence physique du (des) formateur(s) et du (des) apprenant(s) réunis dans un même lieu de formation.
Formation combinant des séquences en présentiel et des séquences à distance synchrones ou asynchrones.
Formation à distance, asynchrone, s’appuyant sur une plateforme d’apprentissage, pouvant être complétée par d’autres modalités de formation à distance (visio-conférence…)
Formation à distance, synchrone, s’appuyant sur un dispositif de visio-conférence. La classe virtuelle recrée à distance les conditions d’une formation en salle traditionnelle.
Type de formation
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
Options
Ces sessions ne peuvent être ni annulées ni reportées par l’organisme de formation.

0 résultat