L’équivalent de foreach en Javascript

Une fois n’est pas coutume, vous aurez aujourd’hui droit à une petite astuce de barbu sur Spalistik. Cette astuce est peut être une évidence pour certains, mais ayant dans le passé été bloqué par l’absence de foreach en Javascript, je préfère l’expliquer à ceux qui ne la connaissent pas.

Pour rappel, avec la programmation orientée objet est apparue la commande foreach, permettant de parcourir facilement tous les objets d’un liste.

Cette commande n’existe malheureusement pas en tant que tel dans le langage Javascript. Toutefois, il est possible d’en avoir l’équivalent avec un aspect de la commande for pas toujours beaucoup documenté.

fév
5

La fin de Flash/Flex est-elle proche ?

By skwi // Evolutions du Web // 4 Comments

La sortie récente de l’iPad a fait fuser de vives critiques sur l’absence du plugin Adobe Flash. Même si cette absence s’explique tout simplement par un aspect marketing, du fait de sa concurrence directe avec l’App Store (poule aux œufs d’or d’Apple), elle pousse à se demander si la techno Flash a toujours de l’avenir.

Apple gagne lentement des parts de marché, mais il n’a pas le poids suffisant pour évincer Flash. De même, Firefox mobile ne supportera pas Flash, mais c’est toujours insuffisant. La fronde pourrait bien venir non pas du côté du navigateur, mais bien des sites web, puisque Google a annoncé son intention d’utiliser HTML 5 pour les vidéos de Youtube.

Je vous entends déjà dire « Et alors, ce n’est pas parce que Google décide de ne plus faire de Flash que je ne peux pas mettre de Flash ou de Silverlight dans mes sites ! » Et bien si, il faut savoir que Google ne fait rien au hasard.

En regardant de plus près Google a toujours tout fait pour s’affranchir de Flash. Les Google Apps auraient très bien pu être codées en Flash ou en Silverlight, mais la firme de Mountain View a fait le choix d’utiliser d’autres technologies plus libres. Youtube était le dernier survivant, du fait de la capacité de Flash à gérer la vidéo. Mais cette époque est révolue.

Google n’est pas du genre à attendre que tout se passe, quitte à regretter plus tard. L’abandon de Gears est un signe, Google va pousser HTML 5 à fond et participer activement à la communauté. Google a toujours été proche des communautés Open Source pour en tirer un maximum de profit, c’est un de leur point fort.

De plus, les abandons de Flash au niveau navigateur se font du côté des mobiles. Avec l’arrivée de cette fameuse convergence longtemps promise, un site digne de se nom ne pourra bientôt plus se passer de cette source de visites.

Que les développeurs Flash/Silverlight se rassurent quand même, leur technologie a encore une longueur d’avance en terme de puissance, mais force est de constater que la tendance s’inverse, et qu’il faut suivre de près les évolutions du triplet HTML/Javascript/CSS qui promet de faire de belles choses dans les années à venir.

fév
1

jLinq : du LINQ dans Javascript

By skwi // Web Development // No Comments

Si vous êtes développeur PHP/Javascript, comme pas mal de lecteurs de ce blog, vous ne connaissez peut-être pas LINQ.

LINQ (Language Integrated Query) est un composant du Framework .NET 3.5 (ne partez pas tout de suite, il y a du bon dans .NET, si si) permettant de faire tout un tas de requêtes sur des tableaux et listes d’objets.

Pour travailler en .NET/Silverlight, je dois avouer que l’apparition de LINQ a été vraiment une bonne nouvelle. Ce composant apporte une simplicité et une souplesse de manipulation de données assez impressionnante.

jLinq est une bibliothèque Javascript offrant la possibilité de manipuler des tableaux d’objets javascript à la façon Linq.

Je n’ai pas encore eu l’occasion de travailler sur un projet manipulant des quantités suffisante de données côté client en Javascript, mais j’irai très surement regarder du côté de jLinq le jour où j’en aurai besoin. Ça peut s’avérer très pratique.

jan
13

Accélerer le développement de sites web avec la méthode Zen-Coding

By skwi // Web Development // No Comments

A l’heure actuelle, beaucoup de développements Web se font sur la base du duo HTML/CSS. Avec l’utilisation de plus en plus courante des frameworks Javascript, l’utilisation d’ids et de classes dans les objets DOM est devenue de plus en plus importante, mais a aussi rendu le code de plus en plus fastidieux à écrire.

La méthode Zen-Coding a donc eu l’idée d’utiliser cette notation des objets DOM pour au contraire accélérer l’écriture du code HTML, en se basant sur un principe de snippets.

Ainsi, simplement en tapant dans un IDE supportant Zen-Coding :

Code block

div#content>h1+p

on génère le code suivant

Code block

<div id="content">
	<h1></h1>
	<p></p>
</div>

Appliquée au développement d’une appli complète, le temps gagné avec cette méthode n’est pas négligeable. Pour vous convaincre de la rapidité de Zen-Coding, voici une vidéo de démonstration, on se retrouve juste après pour les liens.