Check these out next
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
1 j'aime
vues
Ionic framework est un outil qui commence à être très commun dans le monde du développement mobile hybride. Ils permettent de créer des application mobiles hybrides de qualité en utilisant cordova et angularjs de manière très simple . Mais Ionic, c'est aussi bien plus que ça. C'est un ensemble d'outils facilitant le développement cordova au quotidien, que ce soit avec angularjs et ionic ou pas ! Les outils Ionic c'est avant tout une CLI permettant de faciliter et d'automatiser de nombreuses tâches : - intégration de sass - affichage des différents rendus de l'application (iOS et Android) - live reload, dans le navigateur mais aussi sur le device !!!! - génération automatique des icônes et écrans de lancement - intégration simplifiée de crosswalk - et beaucoup d'autres subtilités utiles tous les jours... Avec ça, ils proposent aussi tout un tas de services en mode sass : - Ionic View qui permet de partager son app *très* facilement, sur Android comme sur iOS \o/ - Ionic Playground qui est un codepen à la Ionic - Ionic créator, une interface drag & drop pour créer l'UI de son application Ionic - Ionic push pour simplifier l'utilisation de notifications push - Ionic package pour compiler son application dans le cloud (très utiles pour les applications iOS quand on a pas de mac !!!) Beaucoup d'autres services sont en préparation et, personnellement, j'ai hâte de pouvoir les essayer ! Bref, ils sont clairement en train de construire le meilleur environnement de développement pour les applications hybrides et ainsi de leur donner une vraie légitimité !!! On en reparle dans 6 mois :D
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
- Ionic, ce n’est pas que de l’UI @loicknuchel
- Loïc Knuchel Développeur web full-stack ● Fan de depuis l’alpha ;) ● 2 startup lancées grâces à Ionic ● Organisateur des Workshop Ionic Me contacter : loicknuchel@gmail.com http://loic.knuchel.org/ @loicknuchel
- @loicknuchel
- Ionic toolset
- Ionic CLI Cordova CLI wrapper + A lot of nice features ! @loicknuchel
- Workflow $ ionic start myApp blank --sass $ cd myApp $ ionic serve --lab $ ionic platform add android $ ionic resources $ ionic run -l @loicknuchel
- Workflow $ ionic start myApp blank --sass $ cd myApp $ ionic serve --lab $ ionic platform add android $ ionic resources $ ionic run -l @loicknuchel ● blank ● tabs ● sidemenu ● maps
- Workflow $ ionic start myApp blank --sass $ cd myApp $ ionic serve --lab $ ionic platform add android $ ionic resources $ ionic run -l @loicknuchel
- Workflow $ ionic start myApp blank --sass $ cd myApp $ ionic serve --lab $ ionic platform add android $ ionic resources $ ionic run -l @loicknuchel
- $ ionic serve --lab @loicknuchel
- Workflow $ ionic start myApp blank --sass $ cd myApp $ ionic serve --lab $ ionic platform add android $ ionic resources $ ionic run -l @loicknuchel
- Icon & Splashscreen $ ionic resources @loicknuchel
- Icon & Splashscreen Icon : 192x192 min (512x512 recommandé) Splashscreen : 2208x2208 .png .psd .ai !!! @loicknuchel
- Workflow $ ionic start myApp blank --sass $ cd myApp $ ionic serve --lab $ ionic platform add android $ ionic resources $ ionic run -l @loicknuchel
- Livereload ● Navigateur $ ionic serve [--lab] ● Téléphone $ ionic run -l [-c -s] @loicknuchel
- Crosswalk $ ionic browser add crosswalk @loicknuchel
- Et quelques tricks ● Port dynamique pour ionic serve ● Log des erreurs SASS (pas d’exit !) ● Management des plugins cordova dans le package.json ● Serveur proxy pour les CORS @loicknuchel
- Ionic View ionicview @loicknuchel
- Ionic View $ ionic login $ ionic upload $ ionic share $ ionic link @loicknuchel
- ngCordova @loicknuchel
- ngCordova AdMob App Avaiability App Rate ActionSheet App Version Badge Background Geolocation Battery Status Barcode Scanner Calendar Camera Capture Clipboard Contacts Date picker Device Device Motion Device Orientation Dialogs Email Composer Facebook File File Transfer FileOpener2 SQLite Splashscreen Social Sharing Vibration SMS Push Notifications Progress Indicator Printer Preferences Pin Dialog OAuth Network Native Audio Media Local Notification Keychain Keyboard In App Browser Image Picker Health Kit Google Analytics Globalization Geolocation Flashlight @loicknuchel
- Ionic Playground @loicknuchel
- “Gadgets” $ ionic docs collection-repeat ● Ionic creator ● Ionic box @loicknuchel
- Soon...
- @loicknuchel
- Ionic package $ ionic package release ios [debug|release] [android|ios] @loicknuchel
- Ionic deploy “The Ionic deploy service makes it possible to ship new updates to your app without going through the app store resubmission process.” @loicknuchel
- Ionic Marketplace @loicknuchel
- Et beaucoup d’autres services... ● Analytics ● A/B tests ● ... @loicknuchel
- Ce que j’attends... Mock des plugins dans le navigateur Industrialisation (cf tarifa) ● environnements de build : app package, icon & variables Material design (cf ionicmaterial.com) @loicknuchel
- Questions ? http://loic.knuchel.org/ - @loicknuchel