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
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
130
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.2k
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
140
ニーリーにおけるプロダクトエンジニア
nealle
0
760
#QiitaBash MCPのセキュリティ
ryosukedtomita
0
920
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
150
NPOでのDevinの活用
codeforeveryone
0
760
WindowInsetsだってテストしたい
ryunen344
1
230
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
160
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1.2k
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
For a Future-Friendly Web
brad_frost
179
9.8k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Docker and Python
trallard
44
3.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Rails Girls Zürich Keynote
gr2m
94
14k
Building an army of robots
kneath
306
45k
How to train your dragon (web standard)
notwaldorf
94
6.1k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Navigating Team Friction
lara
187
15k
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