Officiel
Créer sa première application mobile
Par DevWorkWeb
Ce cours introduit le développement mobile via React Native, qui permet de réutiliser les connaissances React pour construire de vraies applications iOS et Android à partir d'une seule base de code. Il couvre les composants natifs, la navigation entre écrans, l'accès aux fonctionnalités du téléphone (caméra, stockage local), et la publication sur les stores.
Ce que vous allez apprendre
Prérequis
Avoir suivi le cours « React.js : créer sa première application » ou maîtriser les bases de React (components, props, state).
Public cible
- • Développeurs ayant suivi le cours React et voulant étendre leurs compétences au mobile
- • Développeurs souhaitant créer une application mobile sans apprendre Swift ou Kotlin séparément
Programme détaillé
8 modules · 19 leçons1. Comprendre le mobile 2 leçons
Le développement mobile pose des contraintes différentes du Web : pas de navigateur, des composants natifs, une navigation par écrans plutôt que par URL.
- Applications natives, hybrides et React Native 14 min
- Pourquoi React Native plutôt que du natif pur 10 min
2. Installation 2 leçons
Mettre en place l'environnement de développement React Native, incluant un simulateur pour tester sans téléphone physique.
- Expo : le moyen le plus simple de démarrer 12 min
- Simulateurs iOS et émulateurs Android 12 min
3. Composants natifs 3 leçons
React Native remplace les balises HTML par ses propres composants, qui se transforment en éléments natifs réels sur l'appareil.
- View, Text et Image 14 min
- ScrollView et FlatList 14 min
- TouchableOpacity et l'interactivité tactile 10 min
4. Style avec Flexbox 2 leçons
React Native utilise Flexbox par défaut pour toute mise en page, contrairement au Web où c'est une option parmi d'autres.
- StyleSheet.create() plutôt que du CSS 12 min
- Flexbox par défaut dans React Native 14 min
5. Navigation entre écrans 3 leçons
Une application mobile navigue entre des écrans plutôt qu'entre des URLs — React Navigation gère cette logique.
- Installer et configurer React Navigation 12 min
- Naviguer entre écrans et passer des paramètres 14 min
- Navigation par onglets (Tab Navigator) 10 min
6. État et données 2 leçons
useState et useEffect fonctionnent exactement comme en React web ; seul l'accès aux données change (pas de localStorage, mais un équivalent mobile).
- useState et useEffect, identiques à React web 10 min
- Stockage local avec AsyncStorage 12 min
7. Accès aux fonctionnalités du téléphone 3 leçons
Ce qui distingue vraiment une application mobile d'une page web : l'accès aux capteurs et fonctionnalités matérielles.
- Caméra et galerie photo 14 min
- Géolocalisation 12 min
- Notifications push (aperçu) 10 min
8. Publication sur les stores 2 leçons
La dernière étape : transformer le projet de développement en application téléchargeable sur l'App Store et le Google Play Store.
- Générer un build de production 12 min
- Comptes développeur et soumission 12 min
🎯 Projet final
Application mobile de prise de notes avec photos
Le projet fil rouge consiste à construire une application mobile permettant de créer des notes avec texte et photo, sauvegardées localement sur l'appareil.
- Accès à vie
- Certificat inclus
- Exercices pratiques
- Mises à jour gratuites
Avis des apprenants
Aucun avis pour l'instant. Soyez le premier à donner le vôtre.