Archive for javascript - page 2

A l’heure de la mobilité, nous attendons de plus en plus de nos applications mobiles : qu’elles soient disponibles et utilisables en tout temps, même si nous sommes « offline ».

C’est dans cet esprit que nous vous invitons à découvrir la librairie JavaScript Offline.js, une librairie très utile à toutes les applications web ou mobile qui ont doivent avoir un mode offline.

Cette libraire indique à l’utilisateur s’il vient de perdre sa connexion Internet  (l’application est passée en mode offline) ou d’en récupérer une. Ce qui est intéressant, c’est que lorsque l’application est en mode hors-ligne, la librairie intercepte les éventuelles requêtes AJAX effectuées pour les relancer dès que la connexion est rétablie. Pour que le tout soit parfaitement intégré à votre site ou application, plusieurs thèmes sont disponibles : clair, sombre, inspiré de Chrome… de quoi bien commencer votre prochain projet.

Alors Offline.js sera-t-elle la librairie complémentaire aux applications développées avec PhoneGap ?

Une problématique bien connue des sites usant de JavaScript pour la mise en page de leurs données est qu’ils sont généralement complètement imperméables au référencement. En effet, les moteurs de recherche ne prennent pas souvent la peine d’exécuter le JavaScript qui se trouve dans nos pages et ne peuvent donc pas savoir réellement quel contenu s’y trouve.

Prerender (http://prerender.io/) tente de répondre à cette problématique en proposant un serveur nodeJS permettant d’exécuter n’importe quelle application JavaScript et d’en récupérer le code HTML, il propose également une librairie cliente pour ExpressJS, RoR et Zend (certainement adaptable pour Symfony) permettant de détecter si une requête est faite par un moteur de recherche et, le cas échéant, de faire appel au serveur Prerender pour récupérer le contenu HTML de la page.
L’inconvénient de cet outil et qu’il utilise NodeJS qui n’est pas encore totalement démocratisé (notamment sur les hébergements mutualisés) mais cela n’en est pas moins une belle initiative à surveiller de près !

Comme nous avons pu le constater au travers de notre R&D, l’utilisation de l’API canvas apportée par le HTML5 au sein d’un application mobile donne des résultat plutôt mitigés en terme de performance.

Comme vous le savez certainement, le JavaScript est un langage extrêmement permissif.
Si ceci a pour avantage de le rendre particulièrement souple on peut, en revanche, très rapidement faire n’importe quoi et se retrouver avec des bugs très difficiles à identifier et à corriger.

Si vous avez déjà fouiné un minimum dans certaines librairies JavaScript, vous avez peut être déjà aperçu la directive « use strict« . Cette directive permet en fait d’activer le mode strict de l’interpréteur JavaScript afin de rendre le langage moins permissif en soulevant des exceptions aux endroits sensibles de votre code.

Cet article de John Resig vous apprendra quelles sont les conséquences et les bénéfices de l’utilisation du mode strict, dont voici quelques extraits :

– les variables et propriétés : essayer d’assigner foo = « bar »; alors que ‘foo’ n’a pas été défini avant échouera. Sans le mode strict, la valeur « bar » aurait été affecté à l’objet global window.foo

– eval : pratiquement toute tentative d’utilisation du nom ‘eval’ est interdite, tout comme la possibilité d’assigner la fonction ‘eval’ à une variable ou à la propriété d’un objet. De même, l’introduction de nouvelles variables au travers d’un ‘eval’ n’est pas possible.

Retrouvez toutes les informations concernant les fonctions dans la suite de l’article.

Pour bien commencer la semaine, rien de vaut une lecture saine et en anglais sur l’un de nos frameworks JS de prédilection : Backbone.

Vous connaissez sans doute déjà le projet de démonstration TodoMVC, qui aide les développeurs à choisir le framework JavaScript le plus adapté à leurs besoins. Dans cet article, Sebastian Porto partage son retour d’expérience sur quatre frameworks et nous propose un comparatif argumenté autour de plusieurs critères.

Cet article nous donne un aperçu des possibilités offertes par Marionette (à ne pas confondre avec Puppet, nous y reviendrons sans doute d’ici quelques articles). On y apprend que Marionette est une compilation de composants et de bonnes pratiques : gestion des vues facilitée et meilleure structure de l’application, entre autres. Comme dans Backbone, vous n’utilisez que les composants dont vous avez besoin.