L’équivalent de foreach en Javascript

By skwi // Web Development // 2 Comments

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
1

jLinq : du LINQ dans Javascript

By skwi // Web Development // 1 Comment

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.

Sur la page de Zen-Coding, on peut retrouver des plugins à télécharger pour pas mal d’IDE pour le web. Smashing Magazine a aussi fournit un article recensant les principales commandes utilisables avec Zen-Coding.

juin
6

Ressource pour débutants (et confirmés) en jQuery

By skwi // Web Development // No Comments

jQuery est un framework JavaScript relativement puissant mais qui au premier abord peut rebuter ceux qui n’ont jamais vraiment touché au JavaScript. Pourtant l’utiliser est un gain de temps certain.

Voici donc quelques ressources (en anglais) pour bien débuter en jQuery, certaines étant même utiles aux utilisateurs confirmés.

15 days of jQuery est un site où vous trouverez 15 tutos pour partir de 0 et devenir un vrai chamion du jQuery.
Learning jQuery, un blog plein de ressources jQuery. Exemple, tutos, outils …
jQuery for Designers, encore un blog, avec plein de tutos et sceencasts.
How jQuery Works, la doc officielle.
jQuery cheat sheet, à toujours avoir sous la main quand on développe
jQuery in 15 minutes, un petit slideshow explicatif