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
PipeCDのプラグイン化で目指すところ
warashi
1
260
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
640
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
230
#QiitaBash MCPのセキュリティ
ryosukedtomita
0
970
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
730
GraphRAGの仕組みまるわかり
tosuri13
8
530
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
WindowInsetsだってテストしたい
ryunen344
1
240
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
180
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
50
33k
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
110
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
Speed Design
sergeychernyshev
32
1k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Navigating Team Friction
lara
187
15k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Into the Great Unknown - MozCon
thekraken
39
1.9k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
How GitHub (no longer) Works
holman
314
140k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Scaling GitHub
holman
459
140k
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