45
Développement mobile La Rochelle 26 et 27 janvier 2016

La Rochelle workshop 2016

Embed Size (px)

Citation preview

Page 1: La Rochelle workshop 2016

Développement mobile

La Rochelle26 et 27 janvier 2016

Page 2: La Rochelle workshop 2016

Christian Brousseau

Page 3: La Rochelle workshop 2016

Pour mieux se connaitre

iOS

Page 4: La Rochelle workshop 2016

Pour mieux se connaitre

Android

Page 5: La Rochelle workshop 2016

Pour mieux se connaitre

Apple Watch / Android Wear

Page 6: La Rochelle workshop 2016

Pour mieux se connaitre

Objective C

Page 7: La Rochelle workshop 2016

Pour mieux se connaitre

Swift

Page 8: La Rochelle workshop 2016

Pour mieux se connaitre

Java

Page 9: La Rochelle workshop 2016

Pour mieux se connaitre

HTML

Page 10: La Rochelle workshop 2016

Pour mieux se connaitre

XML

Page 11: La Rochelle workshop 2016

Pour mieux se connaitre

CSS

Page 12: La Rochelle workshop 2016

Pour mieux se connaitre

Javascript

Page 13: La Rochelle workshop 2016

Pour mieux se connaitre

CommonJS

Page 14: La Rochelle workshop 2016

Pour mieux se connaitre

JSON

Page 15: La Rochelle workshop 2016

Pour mieux se connaitre

TypeScript

Page 16: La Rochelle workshop 2016

Pour mieux se connaitre

AngularJS

Bientôt sur la fin…

Page 17: La Rochelle workshop 2016

Pour mieux se connaitre

ReactJS

Page 18: La Rochelle workshop 2016

Pour mieux se connaitre

MVC

Page 19: La Rochelle workshop 2016

Pour mieux se connaitre

MVVM

Page 20: La Rochelle workshop 2016

Pour mieux se connaitre

Cordova / PhoneGap

Page 21: La Rochelle workshop 2016

Pour mieux se connaitre

ReactNative

Page 22: La Rochelle workshop 2016

Pour mieux se connaitre

Appcelerator Titanium

Page 23: La Rochelle workshop 2016

Pour mieux se connaitre

NativeScript

Page 24: La Rochelle workshop 2016

Pour mieux se connaitre

Node.js

Bientôt sur la fin…

Page 25: La Rochelle workshop 2016

Pour mieux se connaitre

NPM

Bientôt sur la fin…

Page 26: La Rochelle workshop 2016

Pour mieux se connaitre

GIT

C’est bon

Page 27: La Rochelle workshop 2016

Le programme

• Survol des termes énumérés• Bref survol de Swift 2 par la pratique• Live coding d’une application iOS en Swift•Workshop NativeScript

Page 28: La Rochelle workshop 2016

TypeScript

• Langage au typage “fort” qui compile vers du JavaScript• Apparu en 2012• Inventé par Anders Hejlsberg (l’inventeur du C#)• Publié par Microsoft (oui oui, Microsoft)• Gratuit et OpenSource• Ne nécessite pas d’IDE ou d’outils particuliers

Page 29: La Rochelle workshop 2016

TypeScript

• Comment l’utiliser?• Déjà intégré à Visual Studio• Celle que tout le monde utilise

npm –g typescript

Page 30: La Rochelle workshop 2016

TypeScript

A quoi ça ressemble?

Page 31: La Rochelle workshop 2016

TypeScript

• Peut s’intégrer avec votre code existant• Détection des problèmes à la compilation et non a

l’execution • Genere du Javascript lisible• Supporte ECMA (le vieux et le neuf)

Page 32: La Rochelle workshop 2016

Swift 2

Page 33: La Rochelle workshop 2016
Page 34: La Rochelle workshop 2016

NativeScript

Page 35: La Rochelle workshop 2016

NativeScript (les prérequis)

Commun• Node.js 0.10.x, 0.12.x, 4.2.x, or 5.1.x stable official release• Editeur de code

Développement iOS• Dernier Xcode • Command-line tools pour Xcode

Développement Android• JDK 8• Android SDK 22 ou supérieur • Les variables d’environnement JAVA_HOME et ANDROID_HOME

Page 36: La Rochelle workshop 2016

Pour les utilisateurs Windows

http://docs.nativescript.org/start/ns-setup-win

Page 37: La Rochelle workshop 2016

Xcode command line tools

Page 38: La Rochelle workshop 2016

CocoaPods

# sudo gem install cocoapods# pod setup

Page 39: La Rochelle workshop 2016

NativeScript

# npm install –g nativescript

* Penser à redémarrer le terminal

Page 40: La Rochelle workshop 2016

Assurons nous que tout soit en place

# tns doctor

Page 41: La Rochelle workshop 2016

Récupérer le code

# cd <repertoire_de_travail>

# git clone https://github.com/TheBrousse/sample-

Groceries.git

# cd sample-Groceries

# git checkout start

Page 42: La Rochelle workshop 2016

Ajoutons la plateforme cible

# tns platform add ios

* Restez zen… C’est long la première fois

# tns platform add android

OU

Page 43: La Rochelle workshop 2016

Hello World!

# tns run ios --emulator

* Pour Android, il vous faut au moins un AVD

# tns run android --emulator

OU

Page 44: La Rochelle workshop 2016

Vous avez un câble?

# tns run ios

* tns device help est votre ami

# tns run android

OU

Page 45: La Rochelle workshop 2016

Let’s code!