Créer des application Mac, Windows, Linux, IOS et Android avec du HTML, CSS et JS

Le 14/01/2016

Dans Développement

Vous avez toujours eu envie de créer une application bureau ou une application Mobile, mais les seuls langages que vous connaissez sont le Javascript, le HTML et le CSS ? Réjouissez-vous ! Il existe maintenant de nombreuses solutions pour réaliser votre rêve tout en restant dans vos langages de conforts.

Créer une application bureau en HTML, CSS3 et Javascript

Portables sur toutes les plateformes, accessibles sans installation et aux mises à jour automatiques, les applications Web ont de nombreux avantages mais gardent aussi un défaut majeur : il est impossible d'accéder au disque de l'utilisateur depuis un navigateur (pour des raisons de sécurités évidentes).

Ce simple défaut fait que les applications bureau restent parfois le point de passage obliger pour certains besoins. Comment faire si vous vous retrouvez dans ce cas, mais que vous ne connaissez que les techniques Web ? Utiliser une des solutions présentée dans cet article !

NW.js

NW (pour Node-webkit) est un moyen de faire tourner Node.js dans le moteur Webkit (quelle surprise).

L'intérêt de cette technique est que tous les modules de Node sont accessibles depuis le node, et qu'il est donc possible de créer des applications demandant à la fois un accès au disque ET un accès à internet, et donc de créer des applications bureau complètes !

NW est portable sur Linux, Mac et Windows, ainsi que sur Chrome Apps (donc sur Chrome OS), et sa documentation est vraiment bien faite. C'est vraiment le choix que je vous recommande.

Electron

Electron peut passer pour un fork de NW.js, mais est en réalité plus une réécriture complète du projet par le team de Github. Son rôle premier était de permettre la création de l'éditeur de texte Atom, mais le projet a bien grandi et est maintenant une vraie solution multiplate-forme pour la création d'application bureau.

Plus récent que NW, il y a aussi moins de projets l'utilisant que ce dernier actuellement. Son gros point positif reste néanmoins Github, mastodonte qui lui assure un suivi sans failles.

UGUI

UGui est plus un framework basé sur NW qu'une solution en lui-même, mais les ajouts qu'il fait à ce dernier fait qu'il se démarque tout de même.

En plus d'un framework CSS vous permettant de créer une application au look "bureau" très simplement ainsi que de nombreuses fonctions Javascript permettant de simplifier le travail sur NWWjs, UGUI vous permet de générer automatiquement une interface pour tous vos programmes en ligne de commande.

Appjs

Appjs est un framework semblable aux trois préposés plus haut, à l'énorme différence près qu'il n'est plus maintenu ! Ne tombez donc pas dans ce piège, et choisissez donc une des solutions présentée plus haut !

Des framework CSS pour les applications bureaux ?

Il n'existe pas beaucoup de Framework au look "Applications bureaux" pour l'instant malheureusement, je n'en ai que deux à vous proposer.

Photon

Quels frameworks HTML et CSS utiliser pour construire l'application ?

Il existe de très nombreux frameworks complets pour applications mobiles, et la plupart sont de très bonne qualité. Je vais néanmoins limiter mon listeau deux que j'affectionne le plus.

Foundation for Apps

Fondation est un framework basé sur Angular. Il vous fournira une base solide pour créer vos applications sans avoir à choisir les librairies Javascript à utiliser (router, templates, …).

Ionic

Ionic n'est pas réellement un Framework, mais plus une collection très complète d'éléments nécessaire à toutes interfaces mobiles. Ici, vous êtes libres de choisir vos techniques Javascript et de les intégrer vous-même !