Voilà un outil visuel qui aide à comprendre comment Node gère les flux (streams) et les pipes (la sortie d'un flux devenant l'entrée d'un autre flux). On peut jouer avec les options qui permettent de fournir un fichier local, ou encore un fichier depuis une requête POST, zipper/dezipper, parser…
Si on comparait un site à une voiture, le code serait le moteur, le design la carrosserie. Avoir un bon moteur ne dispense pas d'avoir une belle carrosserie. D'autant que cela permet d'emporter l'adhésion de ceux qui sont plus sensibles à l'apparence qu'aux performances pures (votre client par exemple ?). Aussi…
Kyle Simpson est un expert JavaScript. Il est l'auteur notamment de la série "You don't know JS". Kyle a développé une série de façades pour les API HTML5, qui, comme toute bonne façade, vous permet de mettre une petite couche d'abstraction entre les API natives et votre code. Cela vous…
Ionic est un framework permettant de créer des applications mobiles à l'aide de HTML, CSS et JavaScript. Rien de particulièrement original jusqu'ici. Là où les choses deviennent intéressantes, c'est que Ionic utilise AngularJS en recourant largement aux custom directives, permettant de composer ses vues avec des tags et des attributs…
Les design patterns sont des solutions réutilisables à des problèmes couramment rencontrés. Si vous êtes arrivés à JavaScript après l'apprentissage d'un autre langage (C#, Java, PHP ...), singleton, factory ou decorator patterns vous sont probablement déjà familiers. En revanche, d'autres, spécifiques à JavaScript, sont à découvrir : notamment, le revealing module pattern…
On attaque le "N" de MEAN, avec l'installation de Node.js, puis la création du hello world rituel de Node.js : la création d'un serveur web. L'installation est simplissime : un bouton vert vous attend sur le site officiel de node.js. Le reste en image ci-dessous: …
D'ordinaire, il convient de se méfier des titres tapageurs. Avec Sails.js pourtant, la création d'une RESTful API prend vraiment uniquement 5 minutes. Et encore, en comptant le temps d'installation du framework. C'est dire : // installation du framework sails npm install sails // création de l'appli musiciansapi sails new musiciansapi cd musiciansapi…
Nouveauté de la version 1.3.0 d’AngularJS, la directive ngMessages devrait permettre de gérer les messages d’erreur en toute simplicité. Ce module va écouter l’objet $error afin de décider quel message afficher en fonction de l’erreur constatée. Ainsi, un champ de texte peut à la…
Le scroll infini est devenu un classique lorsqu'il est question d'afficher un très grand nombre de données sans recourir à la pagination. Plutôt que de faire chauffer votre clavier en créant votre custom directive de scroll infini, essayez celle mise à disposition par Brandon Tilley. D'autant que ces deux démos…
Si vous avez suivi l'épisode précédent, vous avez créé votre première directive avec succès. Cette directive est opérationnelle ... sous certaines conditions. Car elle a un gros défaut : elle est fortement couplée à la scope de son parent. Découvrez comment rendre votre directive plus faiblement couplée, afin de pouvoir l'utiliser avec…
Disposer de tag HTML qui correspondraient à nos objets métiers permettrait de rendre le code plus clair. En effet, on comprendrait immédiatement ce que représenteraient les tags HTML suivants : <voiture /> <chien /> <chequier /> C'est exactement ce qui permettent de faire les custom directives d'AngularJS. …
Votre développement AngularJS avance bien, vous venez de créer une directive qui se base sur un template se trouvant dans son propre fichier HTML. Mais au moment de tester dans Chrome, c'est le drame : XMLHttpRequest cannot load file:///C:/Users/sam/Desktop/musicians/templates/musician.html. Cross origin requests are…