Découvrez Ionic Framework, le meilleur outil pour les application cordova actuellement.
Il permet de développer des applications mobile hybrides très qualitatives et très simplement. A tester de toute urgence !!!
Développement d'applications mobiles hybrides avec IONIC 2 et Angular 2. Depuis l'installation jusqu'à l'utilisation de plugins natifs tels que stockage de données, géolocalisation, liaison serveur API Rest...
Objectifs
Connaître les principales technologies utilisées pour développer des applications mobiles
Savoir quelle technologie est la mieux adaptée pour un projet
CocoaHeads Rennes #14: Programmation Responsive par CeledevCocoaHeadsRNS
Xcode, c’est très puissant, mais devoir recompiler, charger et relancer son application à chaque fois qu’on fait une modification dans le code, ça devient vite fastidieux. Si les changements dans le code pouvaient s’appliquer en temps réel dans l’application, on gagnerait pas mal de temps qu’on pourrait consacrer à expérimenter des idées nouvelles et à améliorer nos apps. Un rêve ? Plus vraiment.
Celedev, une startup rennaise, a développé un environnement de développement pour iOS entièrement conçu autour de cette idée de Programmation Responsive. Jean-Luc Jumpertz (créateur de Celedev) est venu nous présenter cet outil et nous faire une petite démo.
Pourquoi JavaScript?
Considéré comme « l’un des langages les plus universels », a déclaré Todd Anglin, vice-président de la gestion des produits et du marketing chez Telerik.
Quels sont les enjeux?
Exposer les APIs de la plateforme native à JavaScript
Produire une interface utilisateur native
Faire abstraction des interfaces utilisateurs natives
How javascript core helped PAW to move from a small app to an extensible toolCocoaHeads France
Nous avons pour volonté de donner la parole à des créateurs d'applications et nous sommes donc ravis d'accueillir ce mois-ci le créateur de Paw. Pour ceux qui ne connaissent pas encore, c'est l'outil indispensable pour tester, spécifier et vérifier des webservices. Micha Mazaheri viendra nous expliquer comment JavaScript Core Framework a permit à Paw de passer d'une petite app à un outil extensible.
Développement d'applications mobiles hybrides avec IONIC 2 et Angular 2. Depuis l'installation jusqu'à l'utilisation de plugins natifs tels que stockage de données, géolocalisation, liaison serveur API Rest...
Objectifs
Connaître les principales technologies utilisées pour développer des applications mobiles
Savoir quelle technologie est la mieux adaptée pour un projet
CocoaHeads Rennes #14: Programmation Responsive par CeledevCocoaHeadsRNS
Xcode, c’est très puissant, mais devoir recompiler, charger et relancer son application à chaque fois qu’on fait une modification dans le code, ça devient vite fastidieux. Si les changements dans le code pouvaient s’appliquer en temps réel dans l’application, on gagnerait pas mal de temps qu’on pourrait consacrer à expérimenter des idées nouvelles et à améliorer nos apps. Un rêve ? Plus vraiment.
Celedev, une startup rennaise, a développé un environnement de développement pour iOS entièrement conçu autour de cette idée de Programmation Responsive. Jean-Luc Jumpertz (créateur de Celedev) est venu nous présenter cet outil et nous faire une petite démo.
Pourquoi JavaScript?
Considéré comme « l’un des langages les plus universels », a déclaré Todd Anglin, vice-président de la gestion des produits et du marketing chez Telerik.
Quels sont les enjeux?
Exposer les APIs de la plateforme native à JavaScript
Produire une interface utilisateur native
Faire abstraction des interfaces utilisateurs natives
How javascript core helped PAW to move from a small app to an extensible toolCocoaHeads France
Nous avons pour volonté de donner la parole à des créateurs d'applications et nous sommes donc ravis d'accueillir ce mois-ci le créateur de Paw. Pour ceux qui ne connaissent pas encore, c'est l'outil indispensable pour tester, spécifier et vérifier des webservices. Micha Mazaheri viendra nous expliquer comment JavaScript Core Framework a permit à Paw de passer d'une petite app à un outil extensible.
CodeFlow permet de développer de façon interactive sur iOS. Le live-coding proposé par l'outil ressemble à la magie de l’injection de code par DyCI qui a été présentée à la session d’avril, mais pousse le concept largement plus loin. Jean-Luc Jumpertz, son auteur, viendra de Rennes pour nous présenter cette solution.
Slides de la présentation iBeacon pour la session CocoaHeads Toulouse du 30 janvier 2014.
Certains slides ont des infos complémentaires dans les notes de présentation, ne pas hésiter à télécharger pour les voir.
Houston is the fourth largest city in the US with a diverse population and low cost of living. It has a strong economy driven by industries like oil and gas, as well as excellent school districts and cultural amenities. The document provides further details on Houston's quality of life, affordability, diversity, and highlights some top school districts and attractions in the area.
This document discusses a partnership between Grabr and Living In Color Print to make fashion items from New York, London, and Milan available globally through Grabr. Grabr will host an influencer brunch in New York to kick off the partnership. Throughout Fashion Week in each city, Grabr will release exclusive local styles to its users. Living In Color Print will hand deliver peer-to-peer orders placed through Grabr to meetups around the world. Grabr will also partner with local influencers in receiving cities to showcase the shopping experience.
El documento presenta un equipo de cuatro personas y compara los procedimientos de costos por órdenes de producción versus por procesos. Explica que los costos por órdenes se usan cuando la producción es por lotes y variada, mientras que los costos por procesos son para producción continua y estandarizada. Luego describe las diferencias clave entre los dos métodos de cálculo de costos.
This document provides tips for optimizing a LinkedIn profile to help with job searching. It recommends including a professional photo, relevant keywords in the title and location fields, and contact information. The profile should read like a resume by including skills and details. It also recommends joining relevant groups, looking for discussions, and enabling notifications for new jobs that match the profile preferences.
CodeFlow permet de développer de façon interactive sur iOS. Le live-coding proposé par l'outil ressemble à la magie de l’injection de code par DyCI qui a été présentée à la session d’avril, mais pousse le concept largement plus loin. Jean-Luc Jumpertz, son auteur, viendra de Rennes pour nous présenter cette solution.
Slides de la présentation iBeacon pour la session CocoaHeads Toulouse du 30 janvier 2014.
Certains slides ont des infos complémentaires dans les notes de présentation, ne pas hésiter à télécharger pour les voir.
Houston is the fourth largest city in the US with a diverse population and low cost of living. It has a strong economy driven by industries like oil and gas, as well as excellent school districts and cultural amenities. The document provides further details on Houston's quality of life, affordability, diversity, and highlights some top school districts and attractions in the area.
This document discusses a partnership between Grabr and Living In Color Print to make fashion items from New York, London, and Milan available globally through Grabr. Grabr will host an influencer brunch in New York to kick off the partnership. Throughout Fashion Week in each city, Grabr will release exclusive local styles to its users. Living In Color Print will hand deliver peer-to-peer orders placed through Grabr to meetups around the world. Grabr will also partner with local influencers in receiving cities to showcase the shopping experience.
El documento presenta un equipo de cuatro personas y compara los procedimientos de costos por órdenes de producción versus por procesos. Explica que los costos por órdenes se usan cuando la producción es por lotes y variada, mientras que los costos por procesos son para producción continua y estandarizada. Luego describe las diferencias clave entre los dos métodos de cálculo de costos.
This document provides tips for optimizing a LinkedIn profile to help with job searching. It recommends including a professional photo, relevant keywords in the title and location fields, and contact information. The profile should read like a resume by including skills and details. It also recommends joining relevant groups, looking for discussions, and enabling notifications for new jobs that match the profile preferences.
This report summarizes the carbon emissions from a construction site example. It shows that the total site carbon emissions were 111731 kgCo2e or 111.73 tonnes of Co2e. The largest sources of emissions were from all deliveries at 61.26% of the total, followed by Cara Brickwork at 7.96% and Leach Steelwork at 6.32%. The report lists the carbon emissions from each contractor and department working on the site.
Este documento describe los aspectos fundamentales de la auditoría de cuentas, incluyendo el concepto y contenido de las cuentas, las normas de información financiera, los objetivos de la auditoría para determinar la corrección de los estados financieros, la importancia del control interno, y los procedimientos de pruebas selectivas y atención a partidas de importancia relativa durante la auditoría.
Este documento describe características de la papelera de reciclaje en Windows, incluyendo que almacena archivos borrados temporalmente de discos duros antes de su eliminación permanente, y que puede desacelerar el borrado de archivos si está llena. También describe el botón de inicio y sus funciones de acceso a programas y configuraciones, y características básicas de ventanas en Windows como la barra de título, botones de minimizar y cerrar, y barras de desplazamiento.
The document provides information about mountain biking trails in the Chamonix Mont-Blanc valley region of France. It describes over 20 marked circuits passing through villages in the valley that offer biking at different technical levels. Trails can be accessed via lifts and provide descents ranging from 500m to 1500m. The area is environmentally fragile and bikers are encouraged to respect the flora and fauna and use public transportation to access the trails.
Niagara Bottling, based in Southern California near Los Angeles, has issued a recall on an undisclosed amount of bottled water.
One of their suppliers recently experienced an E. coli outbreak, and the company is exercising an “abundance of caution” to prevent the spread of the potentially lethal disease.
Vous connaissez Coding4Fun! Voici maintenant Nui4Fun! Les 4 MVP de la communauté des développeurs Kinect et NUI (Kinect Genius Bar) vous proposent une session exceptionnelle pour découvrir les possibilités des Natural User Interfaces. Assistez à des démonstrations fun et décalées montrant les interactions possibles entre Kinect, Windows Phone, tablette Windows 8 et table tactile. Session animée par: Vincent Guigui (MVP Kinect) Fabrice Barbin (MVP Kinect) Johanna Rowe Calvi (MVP HIDD) Nicolas Calvi (MVP HIDD)
Speakers : Nicolas Calvi (Wygwam), Fabrice BARBIN (SYNERGIZ), Johanna Rowe (Wygwam), Vincent Guigui (Octo)
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
"It's an App World", nous disait Flurry (solution de mobile analytics) en 2014. Pourtant, les marques font face à des coûts de déploiement et de maintien des applications souvent élevés. Pire encore, selon Google, seules 3 applications - sur la moyenne de 15 qu'en compte un smartphone en France - seraient régulièrement utilisées par un mobinaute. Alors avec ses 20% de temps passé sur mobile, le navigateur web présente-t-il une alternative efficace aux stores ? Etat des lieux des usages, des solutions techniques, des expériences créatives et des enjeux marketing que le Mobile Web permet encore d'adresser. Avec beaucoup d'exemples concrets à la clé !
Les secrets du développement d'une application mobileEutech SSII
Présentation du 25 septembre 2012 dans le cadre d'un atelier technique à destination de clients, partenaires et prospects d'Eutech SSII. Dans un format court, il est question des jalons du développement d'une application mobile, iOs, Android, Webmobile
Les statistiques d’utilisation des téléphones mobiles sont en constante progression et trois choix se dessinent actuellement pour délivrer du contenu sur le Web. Un site responsive, un site dédié mobile ou une application disponible sur un store. Et dans ce dernier cas, vous serez très vite confronté aux contraintes des différents systèmes d’exploitation : Android, iOS et Windows Phone – pour les majoritaires. Dans ce contexte, beaucoup d’outils de développement émergent avec un seul objectif : réutiliser les compétences des développeurs Web et mutualiser le code entre les différentes plate-formes. Cette présentation se base sur le retour d’expérience réussie autour de la mise en place de prototypes et de projets client chez Ekino. Je vais vous exposer les solutions que nous n’avons pas retenues en expliquant nos choix. Puis je vais parcourir plus en détail les solutions que nous avons testées : Apache Cordova, Ionic, SuperSonic, ReactNative, etc. Nous verrons que l’expression “Write once, run everywhere” n’est pas toujours vrai. Le but est qu’à la sortie de cette conférence, je vous aie aidé à faire vos choix techniques, en fonction de vos projets et de vos compétences !
Devoxx est la plus grosse conférance française de développeurs. Cette année, j'ai eu la chance de pouvoir y présenter un atelier sur Ionic Framework. L'objectif de cet atelier était de faire développer aux participants une application de chat en utilisant Firebase comme backend.
Les instructions de l'atelier se trouvent ici : https://github.com/loicknuchel/devoxx-2015-ionic-chat
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015Loïc Knuchel
Ionic Framework révolutionne la manière de faire des applications mobile hybride avec Cordova. Il est maintenant facile de faire des applications de qualité et le développement hybride devient, grâce à Ionic, une réelle alternative.
Dans ce talk, au Ch'ti JUG, je donne mon point de vue sur le débat hybride vs natif. Pour moi, tout dépends de l'objectif de l'application et bien sûr du budget alloué.
Après une rapide présentation de Ionic et Cordova, je le compare a ses concurrents. Manifestement, aucun ne tient la comparaison...
Je me focalise ensuite sur les outils développés par drifty autours de Ionic et Cordova qui nous permettent de faciliter grandement le développement ! Ils sont, pour moi, une des forces majeures de ce framework :)
Enfin, je termine par corder une application de chat en live et la faire tester aux participants grâce à Ionic View.
Les derniers slides référencent les liens les plus utiles pour démarrer du bon pied avec Ionic et faire des applications très qualitatives :D
L'article avec la vidéo se trouve ici : http://loic.knuchel.org/blog/2015/04/18/chti-jug-le-developpement-mobile-hybride-sort-du-bois/
Similaire à Ionic Framework, L'avenir du mobile sera hybride, bdx.io le 16-10-2015 (20)
Discover some of bad practices in Scala and how to avoid them.
This talk is mainly about functionnal programming style but only with very simple concepts.
Mutation testing, enfin une bonne mesure de la qualité des tests ?, RivieraDe...Loïc Knuchel
On écrit tous des tests (n’est-ce pas ?), mais comment savoir s’ils sont utiles ?
- Par leur nombre ? Faux, beaucoup de tests ne garantissent pas que l’application fonctionne correctement
- Avec une bonne couverture du code ? Encore faux, mieux mais pas suffisant
L’important est d'être confiant sur la capacité des tests à détecter les problèmes (c’est pourquoi en TDD un test doit échouer au début, pour etre sur qu’il teste bien quelque chose). Laissez-moi donc vous présenter le mutation testing ! Cette technique modifie votre code, lance les tests et s’attend à ce qu’ils échouent. Si non, c’est que cette partie est mal testée… Dans ce talk je détaillerai les principes du mutation testing, expliquerai comment l’utiliser sur un projet scala et montrerai les résultats obtenus sur un projet réel.
Comprendre la programmation fonctionnelle, Blend Web Mix le 02/11/2016Loïc Knuchel
Vous commencez à en entendre parler de plus en plus mais vous avez encore du mal à voir ce que c’est et à comprendre de que ça change concrètement, ce talk est fait pour vous !!!
La programmation fonctionnelle est une manière de programmer basée sur les fonctions qui permet de faire du code vraiment modulaire, améliorer la qualité et limiter les bugs. Vous ne me croyez pas ? Venez voir cette session !
Ionic2, les développeurs web à l'assaut du mobile, BDX I/O le 21/10/2016Loïc Knuchel
Le mobile est maintenant majoritaire et continue toujours de croître. Mais son écosystème technique est encore très spécifique et demande des compétences pointues. Venez découvrir Ionic, le framework d’UI qui permet aux développeurs web de faire des applications mobiles de qualité avec des technologies web.
Ionic2 - the raise of web developer, Riviera DEV le 17/06/2016Loïc Knuchel
Ionic est un framework fantastique pour faire des applications mobile et la version 2 repousse encore les limites en complétant et simplifiant encore le développement cordova !
Cette présentation passe sur l'historique du développement hybride et dresse un panorama global de l'écosystème Ionic avant de rentrer plus en détail et détailler comment coder une simple TODO Liste mobile :)
La programmation fonctionnelle est un style de programmation qui commence à se populariser. Cependant, elle garde un côté compliqué et inaccessible ce qui n'est absolument pas le cas.
Le but de cette présentation est de montrer pourquoi la programmation fonctionnelle est intéressante et surtout comment s'y mettre par petites étapes :)
Les exemples sont montrés en JavaScript / Java / Scala pour rester le plus accessible et voir les différences entre ces langages.
Programmation fonctionnelle en JavaScriptLoïc Knuchel
La programmation fonctionnelle permet de faire du code plus modulaire, avec moins de bugs et de manière plus productive !!!
Cette présentation montre comment la programmation fonctionnelle peut tenir se promesse et comment l'appliquer avec JavaScript.
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015Loïc Knuchel
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
Introduction à Ionic Framework et son écosystème :
* Choisir la technologie de son application mobile : hybride vs natif
* Présentation de Cordova, AngularJS et Ionic Framework
* Exemples de composants Ionic avec le code associé
* Comment démarrer son application Ionic
* L'écosystème Ionic : Ionic CLI, ngCordova, Ionic Lab, Ionic Creator, Ionic View & Ionic Backend...
* Points d'attentions pour avoir une application qui fonctionne bien : cycle de vie des vues et contrôleurs, mocker ses plugin cordova, ne pas faire de traitement lourd, bien gérer le cache (localStorage)
* Liens utiles :
- http://codepen.io/ionic/public-list/ : exemples de composants
- https://github.com/loicknuchel/ionic-starter
7. Un petit historique...
Idée :
Coder des applications mobiles
entièrement dans la webview
Avantages :
● Technologies connues
● Cross-platform
Mars 2009
8. Un petit historique...
Oups...● UI moche
● UI peu réactive
● UI pas intégrée à l’OS
● Bugs
● Mauvaise qualité
=> petits budgets
11. Un petit historique...
Novembre 2013
“Ionic empowers web developers to build compelling mobile apps
without having to change careers.” - Max Lynch, Ionic CEO
12. Un framework UI pour les app mobiles
● Styles
● Directives
● Outils
14. Ionic c’est :
● Une forte attention aux performances
Mise en cache des vues
Collection-repeat
FastClic
Multiples retours d’expérience :
Les utilisateurs ne se plaignent pas des performances !
15. Ionic c’est :
● Une forte attention aux performances
Ionic et Angular n’ont pas été pensé pour les performances…
Contrairement à leur version 2 !!!
16. Ionic c’est :
● Une forte attention aux performances
● Un design simple et propre
17. Ionic c’est :
● Une forte attention aux performances
● Un design simple et propre
49. Au final
Un dév web est maintenant aussi un dév mobile
Ionic permet de :
● développer de manière simple & agréable
● faire de belles applications
● avec les technologies d’aujourd’hui et demain
Mangez en, c’est bon !