Support JPO - React Native (Avril)

1
Certification Canadienne React Native
Yellow Belt Certification

International Consulting Canada
Séance de Présentation
Développement Mobile
REACT NATIVE
International Animée par Intissar SELMI

www.karray-group.com ATB Building, Gremda Road Km 6, 3022
Consulting
Canada www.ic-canada.com #1, 1265 Graham Bvd, Montréal, H3P 2G5
2
Plan de la Séance
1. Présentation d’IC-Canada
2. Présentation de KARRAY GROUP
3. Introduction au Développement Mobile
4. Introduction au Recat Native
5. Présentation d’application Mobile
6. Programme de la Formation Certifiante
International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

Consulting
3
Réseau de Par tenair es d’Af fair e
dans +30 Pays

Consulting
4
Malaysia Oman
Senegal Côte d’Ivoire
I n t e r n at i o n a l
C o n s u l t i n g C A NA DA
USA UN
Turkey Since 1991 Soudan
France 30 Years Germany
Algeria Morocco
Canada Tunisia
Canada
1265 Graham Boulevard
H3P 2G5, Montreal, Canada
Ph. (+1) 438-992-5560

Consulting
5
Plan de la Séance

Consulting
6
PRESENTATION – KARRAY GROUP (depuis 2003)
Developpement App. Mobile Diagnostic

Mobile App. Qualité Mise en Place
ERP App. Pilotage SMQ, TB
Qualité App. RH Coaching
Management App. Transit HANCHO
Soft Skills App. ERP Recrutement

Consulting
7
+700 références nationales & Internationales

Consulting
8
Présentation Service Informatique KARRAY GROUP
v Assistance des entreprises à la spécification du besoin en SI

v Assistance au choix du SI adapté au context de l’entreprise
v Mise en place des ERP : Configuration & intégration
v Développement spécifique : Web, Mobile, Symfony, Php,, …
v Mise en place du logiciel TRANSIT : Aérien, Maritime, Terrestre
v Mise en place du logiciel TQM PERFORMANCE
v Mise en place du logiciel QUALIFOCUS : Contrôle qualité

Consulting
9
Plan de la Séance

Consulting
10
Présentation du Formateur
i Domaine d’expertise Expériences
Intissar SELMI Android Gestion de projet

Développeur et Formateur en
Développement Mobile
Gestion de stock
Agréée par IC CANADA
IOS
Gestion des réunions
REACT NATIVE
https://www.linkedin.com/in/intissar
-selmi-31582713a Gestion de tableau de bord
JavaScript(JSX)
Intissar.selmi@karray-group.com Gestion des rapports

Consulting
11
C’est quoi le développement des applications mobiles ?

Consulting
12
développement des applications mobiles
• Une application mobile est un programme autonome conçu pour

s’exécuter sur un terminal mobile, comme un smartphone ou une
tablette tactile.
• Les applications mobiles sont devenues les indispensables du
smartphone
• Elles sont pour la plupart téléchargeables sur les plateformes
Android et iOS

Consulting
13
Evolution du Marché des Applications Mobiles
v Le nombre de téléchargements
d’applications mobiles chaque année
est en augmentation constante.
v En 2017, il y avait 178 milliards de
téléchargements d’applications.
v Ce nombre a atteint 205 milliards en
2018 et 258 milliards en 2022
( SOURCE : STATISTA )
v soit une augmentation de 45% sur
cinq ans.
Consulting
14

Consulting
15
Les principaux secteurs d'activités d'un Développeur Mobile
Comme nous l’indiquions, les demandes d’embauches pour les développeurs d’application
mobile sont de plus en plus nombreuses.
Qu'il s'agisse de startups, entreprises de tailles moyennes ou de plus grosses structures, les
employeurs sont nombreux, de toutes tailles et dans des secteurs extrêmement variés :
Ø Editeurs de logiciel Ø ESN (Entreprises de Services du Numérique)

Ø E-commerce Ø Agence digitale
Ø Médias Ø Loisirs
Ø Jeux vidéo Ø Services

Consulting
16
Les développeurs mobiles gagnent plus d’argent
Le salaire annuel moyen en europe d’un développeur mobile débutant est

compris entre 43 000 et 51 000 €, alors que celui d’un développeur web débutant
est compris entre 29 000 € et 34 000 €.
Cette différence de revenus est largement due à la faible quantité de
développeurs mobiles disponibles et à la forte demande.

Consulting
17
Les développeurs mobiles gagnent plus d’argent

Consulting
18
Frameworks Mobiles

Consulting
19
Qu'est-ce que Framework ?
v Un framework est, comme son nom l’indique en anglais, un “cadre de

travail“.
v L’objectif d’un framework est généralement de simplifier le travail des

développeurs informatiques (les codeurs si vous préférez), en leur
offrant une architecture “prête à l’emploi” et qui leur permette de ne pas
repartir de zéro à chaque nouveau projet.

Consulting
20
Plan de la Séance

Consulting
21
Introduction au React Native

Consulting
22
React Native
v Créé par Facebook.

v Commencez par publier la version iOS en Mars 2015 et version Android
en septembre 2015
v Framework JavaScript
v Basé sur la bibliothèque Web JavaScript populaire appelé React
v REACT Native vous aide à créer des applications mobiles réelles et
performantes
v Ne codez qu'une seule fois

Consulting
23
Pourquoi on a utilisé React Native?
1 Gratuit
2 Porté par Facebook
3 Flexible
4 Communauté
5 Rapide & Facile à développer

Consulting
24
Cer-ﬁca-on Canadienne React Native
Statistiques du cadre de développement

d'applications mobiles en 2020

Consulting
25
Cer-ﬁca-on Canadienne React Native
Plan de la Séance
InternaLonal www.karray-group.com ATB Building, Gremda Road Km 6, 3022

ConsulLng
26
Applications Mobiles développés par React Native
InternaLonal www.karray-group.com ATB Building, Gremda Road Km 6, 3022

ConsulLng
27
Exemple d’application développé avec Karray Group

Consulting
28
Exemple pratique
Création d’une interface d’authentification

Consulting
29
v Voici un schéma qui présente le fonctionnement du chargement de notre
application , étape par étape :

Consulting
30
Développez des applications mobiles de qualité
grâce à notre formation !
Cette formation vous permettra :
v d’acquérir les connaissances et compétences nécessaires pour aborder un projet React
Native en toute sérénité.
v De maitriser des concepts fondamentaux aux techniques de développement avancées
v D’apprendrez tout ce qu’il faut savoir pour concevoir et déployer des applications mobiles
multiplateformes offrant un véritable rendu natif.
v Maitriser la configuration de composants, mise en page, navigation, persistance des données
ou encore intégration de modules externes, notre formation React Native couvre l’ensemble
des principes de développement du framework développé par Facebook.
Consulting
31
Plan de la Séance

Consulting
32
Objectif de la Formation
Être capable de construire une application IOS et Android en respectant
les bonnes pratiques :
ü Savoir mettre en place un environnement de développement React Native
ü Configuration d’un projet « React Native »
ü Développer des interfaces utilisateurs à base de composants
ü Maitriser l’affichage des listes de données
ü Mettre en place la navigation dans l’application
ü Savoir installer, configurer et manipuler des bibliothèques
ü Maitriser l’Implémentation des services d’accès aux serveurs de données
Consulting
33
Devenir Certifié
agréée par IC-CANADA

Consulting
34
Contenus/ Concepts Durée (Heures)

N° Séance clés à aborder
Théorie Pratique
• Introduction au développement mobile

• Installation et configuration d’environnement de
travail React Native(Android): Android Studio (SDK) ,
Séance 1 JDK ,Node JS, Visual Studio Code, … 00:30 02:30
• Initialisation d’un projet React Native
• Simulation du projet sur Téléphone réel

Consulting
35

Théorie Pratique
• React Native : Fonctionnement général

• Les composants de base (View, Text et Image
Séance 2 ,FlatList ...) et leurs cycles de vie. 00:30 02:30
• Gérer le style d'un composant

Consulting
36

clés à aborder
N° Séance
Théorie Pratique
• Gestion des props & state des composants React

• Personnaliser l’apparence et la mise en page de
l’application avec Flexbox
• Exercice : chacun va créer une interface en
Séance 3 utilisant les composants et les notions déjà vu dans 00:30 02:30
les séances précédentes

Consulting
37

Théorie Pratique
• Importation des composants tiers

• La gestion de la présentation et de la transition
Séance 4 entre plusieurs écrans :Naviguer d’un écran à un 00:30 02:30
autre avec React Navigation

Consulting
38

Théorie Pratique
• Manipulation et persistance de données

• Stocker et récupérer des données de manière
persistante en local avec AsyncStorage
Séance 5 00:30 02:00
• Stocker et récupérer des données a partir d’un
serveur distant en utilisant Fetch API

Consulting
39

Consulting
40
Lundi Mardi Mercredi Jeudi Vendredi Samedi Dimanche
15/04/2023
de 09h à 12 (Heure GMT)
29/04/2023
de 09h à 12h30 (Heure GMT)
06/05/2023
de 09h à 12h (Heure GMT)
13/05/2023
20/05/2023

Consulting
41

Consulting
42
L’offre de Prix y compris :
ü 15 heures de formation en Ligne via la plateforme ZOOM
ü Frais de l’Examen de Certification Agréé par IC CANADA
ü Enregistrement Vidéo de toutes les Séances
ü Support de formation
ü Assistance pour l’installation de l’environnement de travail React Native
ü Groupe WhatsApp (Outil de Communication pour le Coaching des participants )
ü Affichage des profils des participants dans la plateforme de ICC & K.GROUP
Offre Exceptionnelle 120 EURO
Possibilité de paiement sur 2 tranches

Consulting
43

Consulting
44

Consulting
45
Nationalités Alternatives de paiement
Alternative de paiement pour les

Alternative 2: Par Mandat minute
Tunisiens
Alternative de paiement pour les Alternative 2: à travers notre partenaire au Maroc

Marocains
Alternative de paiement pour les Alternative 3: à travers nos partenaires en Algérie

Algériens
Alternative 4: Western Union
Alternative 5: MoneyGram
Alternative de paiement pour les
autres Nationalités Alternative 6: Virement Bancaire
Alternative 7: PayPal

Consulting
46
Numéro Etape Pour bénéficier de cette offre Promotionnelle
Etape 1: Remplir aussitôt le lien de "Confirmation d'inscription" suivant :

(comme première étape de réservation de votre place)
Etape1 https://docs.google.com/forms/d/e/1FAIpQLSePhKf8WNVpJ1EAy6gprAEW2aHGE9
zDIuqBmBdSnkNWf6IFWg/viewform
Etape 2 : Effectuer le paiement et envoyer une copie du justificative de paiement :

Etape 2 - par email : formation.mobile@karray- group.com
- par Whatsapp : +216 25 555 090

Consulting
47
Yellow Belt Certification

International Consulting Canada
MERCI
00216 – 25 555 090

International
Consulting Intissar
www.karray-group.com ATB Building, SELMI
Gremda Road Km 6, – KARRAY GROUP
3022

Support JPO - React Native (Avril)

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Support JPO - React Native (Avril)

Transféré par

Droits d'auteur :

Formats disponibles

1

Certification Canadienne React Native

Yellow Belt Certification

International Animée par Intissar SELMI

2. Présentation de KARRAY GROUP

3. Introduction au Développement Mobile

4. Introduction au Recat Native

5. Présentation d’application Mobile

6. Programme de la Formation Certifiante

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

Senegal Côte d’Ivoire

Turkey Since 1991 Soudan

France 30 Years Germany

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

2. Présentation de KARRAY GROUP

3. Introduction au Développement Mobile

4. Introduction au Recat Native

5. Présentation d’application Mobile

6. Programme de la Formation Certifiante

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

PRESENTATION – KARRAY GROUP (depuis 2003)

Developpement App. Mobile Diagnostic

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

Présentation Service Informatique KARRAY GROUP

v Assistance des entreprises à la spécification du besoin en SI

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

2. Présentation de KARRAY GROUP

3. Introduction au Développement Mobile

4. Introduction au Recat Native

5. Présentation d’application Mobile

6. Programme de la Formation Certifiante

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

i Domaine d’expertise Expériences

Intissar SELMI Android Gestion de projet

Gestion des réunions

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

C’est quoi le développement des applications mobiles ?

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

• Une application mobile est un programme autonome conçu pour

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

Evolution du Marché des Applications Mobiles

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

Les principaux secteurs d'activités d'un Développeur Mobile

Ø Editeurs de logiciel Ø ESN (Entreprises de Services du Numérique)

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

Les développeurs mobiles gagnent plus d’argent

Le salaire annuel moyen en europe d’un développeur mobile débutant est

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

Les développeurs mobiles gagnent plus d’argent

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

Qu'est-ce que Framework ?

v Un framework est, comme son nom l’indique en anglais, un “cadre de

v L’objectif d’un framework est généralement de simplifier le travail des

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

2. Présentation de KARRAY GROUP

3. Introduction au Développement Mobile

4. Introduction au Recat Native

5. Présentation d’application Mobile

6. Programme de la Formation Certifiante

International www.karray-group.com ATB Building, Gremda Road Km 6, 3022

Introduction au React Native