Développez des applications iOS en HTML et JavaScript

Développez des applications iOS en HTML et JavaScript

Tags : CSS, CSS3, Framework, HTML, HTML5, JavaScript, iOS
Catégorie : Programmation
Mise en ligne : 22 Mai 2014 à 00:00

Avec l'arrivé d'iOS 7, les développeurs de chez Apple ont fait du beau travail et ont réussis à donner un coup de jeune à l'interface de leurs téléphones. Et bien grâce à Framework7, vous pouvez maintenant faire pareil et en quelques lignes de codes.

Framework7 est entièrement développé en HTML et JavaScript. Il reprend l'intégralité des interfaces utilisateurs du design d'iOS 7, les fonctionnalités, tel que le Swipe Back, Pull To Refresh, Swipe to Delete et bien d'autres.

Il intègre aussi des fonctionnalités assez intéressantes. Comme le fait de charger toutes les pages en XHR (Ajax) et avoir un système de cache pouvant être modifié (par défaut 10 minutes), et il charge aussi la page précédente. C'est à dire que si vous êtes sur la page C d'un site, il va charger en mémoire la page B automatiquement afin de vous faire gagner du temps lors de l'utilisation.

Au niveau de la syntaxe de programmation JavaScript, il n'utilise aucune bibliothèque tierce (comme jQuery, MooTools ...). Ils ont fait leur propre sauce. Mais rassurez-vous, ils le disent eux-mêmes, elle est basé sur jQuery avec la plupart des fonctions comme .html(), .append(). La seule chose à savoir c'est qu'il faut faire :

$$("#test").html('Voilà mon texte');

A la place de :

$("#test").html('Voilà mon texte');

Donc vous voyez, rien de bien méchant si vous connaissez assez bien jQuery.

Le seul problème que j'ai pu rencontrer, est qu'il ne prend pas en compte le bouton de retour ou page précédente. Comme tout est fait en Ajax, pour lui c'est une seule et même page.

Vous pouvez avoir un aperçu à cette adresse : http://www.idangero.us/framework7/examples/
Et des applications de démo : http://www.idangero.us/framework7/apps/

Pour ma part, je me suis amusé avec PhoneGap, qui permet de transformer une application Web en application mobile (iOS, Android, WP ...). Vous pouvez télécharger l'application ToDo7 à cette adresse : http://www.babeuloula.fr/fichiers/divers/ToDo7.apk

Démo

<Laisser un commentaire/>

* Champs obligatoire