React Native Masterclass (2020) : 4 Grands Secrets

Apprenez à créer une application de Taxi comme Uber avec React Native, React Hooks, React Navigation et Expo

What you'll learn

1. Créer une application mobile NATIVE et multiplateforme (Android et iOS) en utilisant tes connaissances en React.
2. Faire La différence entre App multiplateforme hybride (Ionic) et App multiplateforme NATIVE (React Native)
3. Construire une application de TAXI comme Uber (avec connexion via Google, react-native-maps, Géolocalisation, Google Place API, Google Direction API, etc.)
4. Écrire du code React Native pour afficher une carte, obtenir de façon simple la Géolocalisation de l’utilisateur, obtenir des prédictions de lieux à la saisie, et tracer des routes sur une carte
5. Faire la mise en page, le layout et le design de tes composants React Native grâce au Flexbox CSS
6. Mettre en place la navigation dans une application mobile React Native avec React Navigation V5


Requirements

1. HTML & CSS
2. Bonne connaissance du JS (surtout object destructurring ou l’affectation par décomposition, const & let, les opérateurs spread et rest, string interpolation ou littéraux de gabarit, les fonctions fléchées et axios pour les requêtes Http)
3. Bonne connaissance de React (les composants, le jsx, le state, les props, rendu conditionnel etc)
4. Installer des logiciels PC et/ou Mac
5. Savoir se déplacer dans un terminal
6. Les ressources nécessaires pour apprendre Les Flexbox et React Hooks te seront fournies dans les sections annexes de cette formation.

Description

Envie de créer des applications mobiles natives à la fois pour Android et iOS avec le même code source ?

Eh bien dans cette formation je te montre comment le faire en créant une application de Taxi comme Uber. Ce genre d’application est très demandé et populaire mais sur le net, il y a très peu de formations qui traitent de ce sujet en français. Heureusement pour toi, la voici sur Udemy.

Actuellement dans le monde d’Internet, il y a une application mobile pour presque tout : pour les Soins de Santé, pour les Rencontres Amoureuses, Shopping etc. Le développement d’Application Mobile n’est plus le même qu’auparavant. Le processus comprenait jadis le design, les fonctionnalités, le coût et le temps nécessaires pour construire l’Application pour chaque plateforme. Il fallait à la fois connaitre Java pour développer pour Android et aussi Swift (Objective C) pour iOS. Chose qui rendait la tâche difficile à un seul programmeur.

Quand je débutais en tant que développeur, j’ai commencé par la programmation web (HTML, CSS, JavaScript, Angular, React ect.) et très vite j’ai eu envie de créer mon application mobile. Et l’idée d’apprendre deux langages de programmation différents pour 2 plateformes différentes ne me réjouissait pas. C’est alors que j’ai appris l’existence de Ionic. Mais très vite j’ai vu et compris les limites de Ionic, notamment le fait que Ionic te permet de créer des applications mobiles hybrides, d’où les applications Ionic ressemblent plus souvent à des pages web et ont un soucis de performance. C’est alors que j’ai découvert React Native qui, à ma grande surprise, est plus simple à apprendre vu qu’il suffit de savoir utiliser React pour s’en servir. Et React Native est beaucoup plus performant que Ionic.

Savais-tu que Uber est codé en React Native ?

React Native est un Framework JavaScript basé sur React. Il est open source et maintenue par Facebook. Il permet de créer des applications mobile NATIVES (et non hybride) sous iOS et Android (multiplateformes) en réutilisant les composants NATIFS de la plate-forme. D’où la performance est meilleure.

Tu as surement déjà entendu dire que pour progresser en tant que développeur tu devais t’entrainer sur des projets réels et essayer de cloner (reproduire), avec tes propres codes, les applications qui te plaisent.

C’est ainsi qu’à mes heures perdues, je me suis penché sur l’idée de créer une application qui rendrait le même service que Uber. J’ai bien sûr tout de suite cherché s’il n’y avait pas des tutos là-dessus sur Internet. J’en ai trouvé beaucoup mais uniquement en Anglais. C’est alors que je me suis dit : « Julien, si tu réussi à le faire, il va falloir que tu la rendes accessible aux francophones ».

Voilà pourquoi j’ai créé cette formation qui te permettra de créer une application de commande de taxi grâce à React Native. Tu pourras même t’inspirer de cela afin de créer ta propre version de Uber.

Je suis Julien, développeur web et auteur du best-seller Ionic 4 – Créer une Application de Shopping. J’adore Javascript et ses Frameworks / librairies. Je maîtrise notamment JQuery, TypeScript, Angular, Ionic, React, React Native, Meteor, Electron, NodeJs etc. Et j’ai appris avec expérience qu’il est plus facile d’apprendre à programmer grâce à un projet qui nous plait. Voilà pourquoi ce cours est orienté projet. Nous allons apprendre à développer des applications mobiles Native et multiplateforme grâce à React Native en créant une application de Taxi comme Uber. Grâce aussi à Expo, React Navigation, aux Flexbox et React Hooks qui nous seront tous très utiles. C’est pour toi alors une opportunité unique étant donné que c’est actuellement le seul tutoriel en français qui traite précisément de ce sujet sur Udemy. Et ce n’est pas grave si tu ne connais pas les Flexbox ou React Hooks parce-que je vais t’expliquer tout ça dans l’annexe de la formation. « À l'origine de toute réussite, il y a le fait d'avoir osé ». Alors crois en toi et tu arriveras. De mon côté je m’engage à t’accompagner et à répondre à tes préoccupations tout au long de la formation.

Grace à Udemy, cette formation est garantie satisfait ou remboursé pendant 30 jours et cela sans aucune condition. Si le cours ne te plait pas, c’est simple, on te rembourse. Alors inscris-toi Maintenant.

Cette formation te permettra de :

Créer une application de taxi comme Uber, ce qui te permettra de lancer ta propre startup ou d’impressionner les recruteurs pour obtenir le job de tes rêves ;

D’utiliser Expo et React Native ensembles ce qui te permettra de développer des applications mobiles native à la fois pour Android et iOS en un temps records

De te familiariser avec React Navigation version 5 ce qui te permettra d’implémenter efficacement la navigation dans toutes tes applications ;

D’utiliser et Afficher des icônes dans React Native avec Ionicons, ce qui te permettra d’avoir un design différent pour iOS et Android ;

D’utiliser react-native-maps pour afficher une carte dans ton application, ce qui te permettra d’afficher la position d’un utilisateur sur la carte ;

D’utiliser le composant Marker ce qui te permettra d’afficher des marqueurs sur ta carte ;

D’utiliser le composant Polyline ce qui te permettra de tracer et d’afficher des routes sur ta carte ;

D’utiliser PolyLine de mapbox, ce qui te permettra de décoder des routes et les rendre utilisable sur ta carte ;

D’utiliser expo-permissions d’Expo, ce qui te permettra d’obtenir de l’utilisateur la permission d’accéder à sa position ;

D’utiliser expo-location d’Expo, ce qui te permettra d‘obtenir la position de l’utilisateur (latitude et longitude) ;

D’utiliser expo-google-app-auth d’Expo, ce qui te permettra de connecter (authentifier) l’utilisateur via son compte Google ;

D’utiliser expo-font d’Expo, ce qui te permettra d’utiliser dans tes applications des polices téléchargées à partir d’Internet ;

D’utiliser expo-constants d’Expo, ce qui te permettra d’utiliser et d'accéder aux constantes de l'application (téléphone);

D’utiliser avec aisance les composants principaux de React Native à savoir : View, Text, StyleSheet, Image, TextInput, ScrollView, FlatList, ActivityIndicator ce qui te permettra de créer des composants complexes sans trop jeter un œil à la documentation ;

D’utiliser et faire la différence entre les composants Touchable de React Native à savoir : TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback, TouchableWithNativeFeedback, ce qui te permettra de créer des zones cliquables et boutons personnalisés ;

D’utiliser et de te familiariser avec les APIs de React Native comme par exemple : Keyboard, Dimensions, Platform, AsyncStorage, etc. ce qui te permettra d’interagir avec les fonctionnalités du téléphone ;

D’utiliser et de te familiariser les APIs de Expo comme par exemple : expo-permissions, expo-location, expo-font, expo-google-app-auth, expo-constants ce qui te permettra de comprendre comment utiliser n’importe quel API de Expo.

De maitriser useState et useEffect ce qui te permettra de créer des champs contrôlés et d’exécuter des fonctions dans différent cycles de vie d’un composant ;

De maitriser les Flexbox css et les mettre en pratique dans React Native avec Flexbox Yoga, ce qui te permettra de créer des designs et des layouts avec aisance ;

Who this course is for:

Ce cours s’addresse à Tout Développeur Web React qui veut créer des applications mobiles en utilisant ses connaisances en React.