Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
IONIC
Search
Stéphanie
November 25, 2014
Programming
0
100
IONIC
Introduction à IonicFramework
Stéphanie
November 25, 2014
Tweet
Share
More Decks by Stéphanie
See All by Stéphanie
Quand Ionic rencontre l'IoT... - Riviera Dev
steffy_29
0
120
Other Decks in Programming
See All in Programming
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
430
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
240
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1.1k
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
9
1.7k
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
500
Devvox Belgium - Agentic AI Patterns
kdubois
1
120
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
11
6.8k
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
110
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
170
CSC509 Lecture 05
javiergs
PRO
0
300
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
410
株式会社 Sun terras カンパニーデック
sunterras
0
320
Featured
See All Featured
Six Lessons from altMBA
skipperchong
29
4k
Side Projects
sachag
455
43k
Gamification - CAS2011
davidbonilla
81
5.5k
Designing for Performance
lara
610
69k
Leading Effective Engineering Teams in the AI Era
addyosmani
6
440
GraphQLとの向き合い方2022年版
quramy
49
14k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
The Cult of Friendly URLs
andyhume
79
6.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
8
910
Music & Morning Musume
bryan
46
6.8k
Writing Fast Ruby
sferik
629
62k
Transcript
Introduction à IONIC - 25/11/2014 Stéphanie MOALLIC - @steffy_29
Développeuse informatique chez B&B Hôtels Prédilection pour le développement front
end, les trucs pour faire joli et les bonnes pratiques. Qui suis-je? Stéphanie Moallic @steffy_29 Passionnée d’informatique mais pas que...
IonicFramework c’est quoi ? • Open source • Création d’applications
mobiles hybrides ◦ HTML5, CSS avec une note d’AngularJS et de Sass • Pour les différentes plateformes existantes : ◦ Android, iOS, WP8, windows8, ubuntu,...
IonicFramework c’est qui? • Adam Bradley • Max Lynch •
Ben Sperry • Andrew Joslin
Pourquoi ce choix? Eurêka !! Mon idée :
Pourquoi ce choix? Mais : • nouvel outil • nouveau
type • ...
Pourquoi ce choix? Développement natif Android: - TOUTES les fonctionnalités
du téléphone - Java en majorité et XML - Nouvelle plateforme : recoder - Evolutions Android - C’est long!
Pourquoi ce choix? Développement hybride : - Beaucoup de plateformes
disponibles - HTML5, CSS, SASS, AngularJS - C’est fun! - Ajout de bibliothèques
Outils parents • PhoneGap de la société Adobe ◦ Framework
pour créer des applis mobiles en HTML, CSS et JS • Apache Cordova ◦ ensemble d’API pour accéder au matériel
Showcase
C’est parti! Installation de ionic • Pré-requis: • Node.js installé,
Java installé • Installation du SDK Android • Configuration des variables d’environnement Spécificités windows • Et les choses sérieuses : > npm install -g cordova ionic
Première application • > ionic start myapp • > cd
myapp • > ionic serve C’est parti!
Génération Android Commandes simples pour générer des applis android :
• ionic platform add android ◦ ajout de la plateforme android à l’application • ionic build android ◦ génération de l’application android
Génération Android Commandes simples pour tester des applis android :
• ionic emulate android ◦ lancement de l’application android dans l’émulateur • cordova build --release android ◦ génération du livrable
Et la suite... • Intégration dans vos IDE préférés :
◦ plugin Eclipse (AppLaud Phone GAP), ◦ plugin IntelliJ (version 14 Community)
Démonstration Un petit exemple ? Allez on y va...
Liens • ionicframework : http://ionicframework. com/ • github : https://github.com/driftyco/ionic
• apache cordova : http://cordova.apache. org/
Questions ?? Merci