Système
Langage
Difficile à prendre en main
Complexe
Outils (Xcode) fourni par Apple
Langage
Facile à prendre en main
Récent
Système
Langage
Réputation de langage assez lourd
Facile à prendre en main
Outils (Android Studio) très complets
<div class="title">Coucou</div>
.title {
background-color: blue;
}
if (!user.isConnected) {
message = "Salut !"
}
Langage
Langage
Langage
Structure d'une page web et des éléments dessus
Style/aspect des éléments
Permet de manipuler la page.
Unique langage disponible sur les navigateurs.
Wrapper
Wrapper
Permet d'utiliser Google Chrome sur Android 4 pour plus de performances.
Permet d'avoir une application iOS/
Android qui contient un navigateur.
L'application s'exécute
dans ce navigateur.
"Plugins" pour accéder à la caméra, connexion Facebook..
Framework
Framework
Framework
Basé sur Angular. Fourni des composants/services/styles prêt à l'emploi et spécialement pour mobile.
Uniquement la vue.
Vue + services
Framework
Wrapper
Application iOS/Android qui affiche des élements natifs
L'application contient un moteur
Javascript (JSCore).
On écrit le code en JS en utilisant
React.
Système
Cordova
Navigateur web
Java/Objective C
HTML/CSS
JS
Ionic/React/Angular
Notre code :)
Notre code
parfois aussi :)
Notre code :)
React Native
JS
Requête
Réponse
Servir les données, enregistrer les utilisateurs, authentification, logique/calculs métiers
<Message author="flo">
Coucou, je suis du XML
</Message>
{ author: "flo",
content: "Coucou",
type: "je suis du JSON" }
Système
Serveur web
Langage
Langage
Framework
Framework
"Wrapper"
Framework
Framework
BDD
Langage
Système
BDD
Serveur web
Node.js
PHP
Symfony2/Laravel...
Express/Hapi
Sails/Loopback...
Notre code :)
Hébergeur (Amazon, OVH...)
Récupérer les dernières modifications
Envoyer ses modifications
Fusionner les modifications
Peuvent arriver si on travaille sur une même partie/même fichier.
Avoir un backend sur son PC/Mac
Lancer un système différent (par exemple, Windows avec IE)