La Rochelle workshop 2016

Développement mobile

La Rochelle26 et 27 janvier 2016

Christian Brousseau

Pour mieux se connaitre

iOS

Pour mieux se connaitre

Android

Pour mieux se connaitre

Apple Watch / Android Wear

Pour mieux se connaitre

Objective C

Pour mieux se connaitre

Swift

Pour mieux se connaitre

Java

Pour mieux se connaitre

HTML

Pour mieux se connaitre

XML

Pour mieux se connaitre

CSS

Pour mieux se connaitre

Javascript

Pour mieux se connaitre

CommonJS

Pour mieux se connaitre

JSON

Pour mieux se connaitre

TypeScript

Pour mieux se connaitre

AngularJS

Bientôt sur la fin…

Pour mieux se connaitre

ReactJS

Pour mieux se connaitre

MVC

Pour mieux se connaitre

MVVM

Pour mieux se connaitre

Cordova / PhoneGap

Pour mieux se connaitre

ReactNative

Pour mieux se connaitre

Appcelerator Titanium

Pour mieux se connaitre

NativeScript

Pour mieux se connaitre

Node.js

Bientôt sur la fin…

Pour mieux se connaitre

NPM

Bientôt sur la fin…

Pour mieux se connaitre

GIT

C’est bon

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

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

TypeScript

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

npm –g typescript

TypeScript

A quoi ça ressemble?

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)

Swift 2

NativeScript

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

Pour les utilisateurs Windows

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

Xcode command line tools

CocoaPods

# sudo gem install cocoapods# pod setup

NativeScript

# npm install –g nativescript

* Penser à redémarrer le terminal

Assurons nous que tout soit en place

# tns doctor

Récupérer le code

# cd <repertoire_de_travail>

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

Groceries.git

# cd sample-Groceries

# git checkout start

Ajoutons la plateforme cible

# tns platform add ios

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

# tns platform add android

OU

Hello World!

# tns run ios --emulator

* Pour Android, il vous faut au moins un AVD

# tns run android --emulator

OU

Vous avez un câble?

# tns run ios

* tns device help est votre ami

# tns run android

OU

Let’s code!