Dans le développement javascript, la console est de loin votre meilleure amie. Mais elle est malheureusement trop souvent peu, et mal, utilisée.
Voyons ensemble jusqu’où nous pouvons aller !
Dans le développement javascript, la console est de loin votre meilleure amie. Mais elle est malheureusement trop souvent peu, et mal, utilisée.
Voyons ensemble jusqu’où nous pouvons aller !
Google a lancé, il y a quelques semaines maintenant, les communautés sur son réseau social. Soit l’équivalent des « groupes » sur Facebook, mais en beaucoup plus soigné, soyons honnête. Personnellement, c’est LA fonctionnalité qui m’a fait revenir sur Google+ et qui semble le faire revivre. A vrai dire, ça m’apporte un vrai plus. Effectivement, pour le moment, j’utilisais Twitter pour suivre les différentes communautés et nouveautés autour des différents langages, framework que j’utilisais. Mais Twitter a rapidement ses limites dans ce domaine puisque les informations étaient noyées parmi les postes perso du millier (ou presque) de twittos que je follow. Google+ a donc apporté une véritable solution à ce besoin ! Les posts sont classés en fonction des communautés (donc de la technologie ciblée) et même classés par groupes pour arriver directement là où l’on souhaite chercher la bonne information.
Je fais déjà parti de plusieurs communautés française comme Titanium appcelerator, PHP, etc … Mais il y en a une qui manquait beaucoup à son sens, une communauté française sur jQuery. Voila qui est donc réglé, la communauté jQuery France vient d’être créée sur Google+ et permettra le partage d’infos, de ressources, de plugins et d’entraide en français.
N’hésitez pas à y participer ! J’essayerais, pour ma part, d’y être actif, d’y poster un peu tout ce que je trouve en français et de répondre aux questions que certains peuvent se poser.
Google laisse à disposition des développeurs une API complète pour intégrer Google Map à l’intérieur de vos sites internets. Malheureusement, cette API reste relativement complexes car extrêmement complète. Ainsi, rien que pour créer une simple carte et y ajouter un point, il faut déjà compter plus d’une cinquantaine de lignes. De quoi rebuter la plupart d’entre nous !
Ainsi, pour optimiser le temps de développement sur les actions les plus courantes, je vous ai concocté rapidement un petit plugin jQuery. Celui-ci reprend les fonctionnalités suivantes :
Et tout ça en 2 lignes de javascript !
Voir la démo et télécharger le plugin
Pour tout support ou suggestion, vous pouvez utiliser les commentaires de cet article.
Suite à la dernière Après-midi du développement sur le Javascript organisé par Microsoft à laquelle j’ai eu la chance de participer, nous avons été sensibilité au partage et à la création de plugin jQuery universel. Ainsi, lorsqu’une problématique se présente et qu’aucune réponse ne se trouve sur internet, il est alors de la responsabilité d’un développeur citoyen, de partager son travail et sa création.
Ainsi, la semaine dernière, j’ai eu à développer la problématique d’une variance d’un taux financier en fonction de deux paramètres. Jusque là, pas trop de soucis. Mais c’est au moment où le client m’a demandé de pouvoir gérer cette variance que tout s’est compliqué. Comment l’afficher au client ? Comment lui laisser la possibilité d’éditer ces valeurs ?
La première étape est de formater les données de telles sortes qu’elles soient exploitables par le plugin EditTable. Pour se fare, il vous suffit de créer ce genre de tableau :
Array ( [0] => Array ( [x] => 0 [y] => 1 [value] => 0.5 ) [2] => Array ( [x] => 2 [y] => 1 [value] => 0.6 ) [3] => Array ( [x] => 2 [y] => 1 [value] => 0.6 ) )
Rien de bien compliqué ! Commençons par un peu de CSS totalement facultatif puis le plugin jQuery.
$('#table').editTable();
Le reste, c’est à votre sauce ! Mais une démo et une documentation complète se trouvent ici.
N’hésitez pas à poser vos questions ou à demander de l’aide en commentaire.
En travaillant sous Titanium Appcelerator pour la création d’applications mobile (j’écrirais peut-être un petit quelque chose à ce sujet par ailleurs) je me suis vite confronté à un petit problème. Ce problème, presque insignifiant, m’a tout de même prit plus d’une heure de recherche pour en trouver une solution propre et native (prise en charge par tous les navigateurs).
Le problème est simple : Comment savoir si l’index est présent dans un tableau associatif ?
Bien entendu, on peut faire de la manière suivante :
// Erreur javascript avec Titanium Appcelerator if(array[key] != undefined) { // ... }
Oui mais voila, Titanium ne le prend pas en compte, ni même certains navigateurs. Comment faire alors ? Et bien la réponse est étonnamment simple, mais quand on ne la connait pas, on a du mal à l’inventer.
Rappelons-nous qu’en Javascript, un tableau, c’est avant tout un objet. L’index d’un tableau associatif est alors une propriété d’un objet. Ainsi, au lieu de faire notre recherche sur un index (ce qui provoque des erreurs), il suffit de faire une recherche sur la propriété.
// Marche sous Titanium Appcelerator ainsi que tous les navigateurs if(array.hasOwnProperty(key)) { //... }
La méthode retourne une valeur booléenne, rien de plus simple. Je me sens ainsi bête d’y avoir passé autant de temps alors j’écris ces quelques lignes pour permettre à mes semblables perdus dans les méandres de google de trouver une réponse simple à un problème qui l’est tout autant.
#amdev, ou comment finir sa semaine de bonne humeur. En effet, ce fût, pour moi, la première fois que je me retrouvais dans une salle entouré de 200 personnes parlant le même langage (au sens large du terme, parce que moi et le .NET …) et très concrètement, ces quelques heures m’ont été très instructives et passionnantes.
Au programme de l’après-midi :