Cache. Read Understanding ECMAScript 6. Location, location. Des propriétés non énumérables dans un objet Javascript. Dans un article précédent, je parlais de comment créer des objets en Javascript en utilisant les prototypes.
Mais le fonctionnement par défaut du langage implique que les propriétés de votre objet sont énumérables. De ce fait, elles seront listées au sein d'une boucle for...in par exemple. RFC 7396: JSON Merge Patch. Date de publication du RFC : Octobre 2014Auteur(s) du RFC : P.
Hoffman (VPN Consortium), J. SnellChemin des normesRéalisé dans le cadre du groupe de travail IETF appsawgPremière rédaction de cet article le 1 novembre 2014 À noter que ce RFC remplace le RFC 7386, publié deux semaines avant, mais qui comportait une erreur technique. Le format normalisé par ce RFC n'est en fait pas spécifique à HTTP et pourra même servir avec d'autres protocoles. Mais la commande PATCH du RFC 5789 sera sans doute sa principale utilisation.
Understanding delete. Callback Hell.
An Introduction to JSON Schema. 5 sandbox javascript pour tester son code. Vous connaissez cette expression qui dit qu'une image vaut mieux qu'un long discours.
Alors un script javascript, exécutable en live avec fichier HTML et CSS en prime, c'est plus parlant. Difficile parfois de s'imaginer , d'avoir une idée précise du fonctionnement du script ou encore de montrer son travail à l'ensemble de l'équipe. Des sandbox existent pour tester et montrer en condition réelle, notre code javascript. On a la possibilité de sauvegarder et d'envoyer par mail le lien correspondant. Je vais vous en présenter cinq, il y en a d'autres bien sûr, mais, à mon humble avis, ce sont ceux qui méritent d'être connus. Fresh from the Hive - Rendre le drag’n drop accessible. Les propriétés ARIA permettent de rendre accessible votre contenu très facilement.
En lisant le rapport sur des tests de lecteurs d’écran, on apprend non seulement quels attributs sont les mieux supportés (et donc les plus importants), mais on en découvre aussi des nouveaux ! Je vais vous parler du support du drag’n drop : un drag’n drop sur une liste simple, avec JQuery. Nous allons utiliser deux attributs ARIA : aria-grabbed et aria-dropeffect, respectivement affectés à un élément que l’on veut déplacer (li) et un conteneur d’éléments (ul). La liste html :
Promises. Multithread. Streaming. A Beginner’s List of JavaScript Gotchas. I consider myself a novice when it comes to coding in JavaScript, but recently I've been playing a bit more with this language and stumbled upon a few random things I thought were worth sharing.
So, if you are new to JavaScript or just don’t know it as well as you would like, I hope you find this article useful. 0 == “0″, even though 0 is falsy and “0″ is truthy At first sight, this is very odd, but once you read more about the comparison operators this makes sense. To avoid misunderstandings like this one, be sure to always use the strictly equal operator (===) to do this type of comparison. Lous Lazaris wrote an entire article on the unpredictable results that can occur when the equality comparison operator is not used the right way. JavaScript Patterns. Responsive webdesign et structure du DOM. Bien, commençons par le commencement, si tu veux bien.
Le responsive webdesign, ça te dit quelque chose ? Oui ? Bon. Dans ce cas, tu as peut-être comme moi déjà été confronté à un cas de figure plutôt ennuyeux. Que tu sois adepte du mobile-first ou irréductible dégradateur progressiste, il est forcément arrivé un moment où tu t'es dit cette chose toute bête : Comment se passer de libraries/frameworks JavaScript. Petite note préalable : Évidemment que ça ne marche pas sous les vieux navigateurs, cet article s'adresse principalement à toi pour te faire comprendre comment les choses marchent.
De plus en plus, le besoin de légèreté se fait sentir sur les pages. En dépit d'un web plus rapide sur desktop, on a maintenant beaucoup de devices connectés via 3G ou Edge (un petit coucou au métro parisien). Du coup, tu te rendras vite compte qu'embarquer jQuery + jQuery Mobile + jQuery UI et un tas d'autres plug-ins grapillés sur le web, ça commence à peser. Pour remplacer ton bon vieux $ magique, document.querySelectorAll semble faire l'affaire.
En revanche, il retourne une instance de NodeList, pas d'Array, ce qui ne nous arrange pas des masses. Javascript – The Jedi Path. A Beginner’s List of JavaScript Gotchas. The Wall, un mur d’images « draggable » avec Mootools. The Wall est plugin Mootools très complet qui permet de mettre en place un mur d’images « draggable ».
Il est également possible de l’utiliser en tant que slideshow. « Draguez » des filles ! The Wall repose sur une méthode de navigation bien particulière : le « drag » ! Cela consiste à faire glisser des éléments HTML pour en faire apparaitre d’autres. Il permet par exemple de générer un mur d’images « draggable » en boucle, très pratique si vous devez afficher une galerie d’images. Keypress: A Javascript library for capturing input. BrowserSwarm. Arguments et paramètres de fonctions en Javascript. Nous poursuivons notre série consacrée aux fonctions en Javascript par l’utilisation des paramètres de fonctions.
Les paramètres sont donc les variables définies dans la signature de la fonction, tandis que les arguments constituent les valeurs effectivement passées lors de l’appel de celle-ci pour en initialiser les paramètres. En Javascript, il n’est pas obligatoire de passer tous les arguments à la fonction qui compte alors des paramètres optionnels, de même qu’il n’est pas nécessaire de déclarer tous ces paramètres. C’est ce qu’on appelle des varargs. Faye, le pub/sub simplifié pour le Web. Les applications Web ont de plus en plus la nécessité d’être dynamiques et de se comporter comme des applications de bureau traditionnelles.
Du fait de la décentralisation des données et des traitements par rapport à l’utilisateur, il devient important de pouvoir interagir de façon bidirectionnelle entre le serveur et les clients. Dans cet article nous allons voir comment Faye , une bibliothèque JavaScript et Ruby peut nous aider a écrire de telles applications.
Introduction. What's The Point Of Promises? Superhero.js.
Demander confirmation à la fermeture d’un onglet en javascript. Votre utilisateur est en train d’écrire un commentaire, upload un ficher ou fait un truc quelconque qui n’est pas terminé. Puis il clique sur “fermer l’onglet”. Dans certains cas, vous voulez lui demander confirmation pour éviter qu’il perde tout son travail. var confirmOnLeave = function(msg) { window.onbeforeunload = function (e) { e = e || window.event; msg = msg || ''; // For IE and Firefox if (e) {e.returnValue = msg;} // For Chrome and Safari return msg; }; }; // message de confirmation générique du navigateur confirmOnLeave(); // message de confirmation personnalisé confirmOnLeave('Vous allez perdre votre travail, êtes vous sûr(e) de vouloir quitter la page ? ') Tutorial : the bookmark application · mycozycloud/cozy-setup Wiki.
This is it! Le contexte en Javascript. « Tous les Crétois sont des menteurs! » C’est par cette phrase que le philosophe Epiménide a livré à l’humanité le plus célèbre des syllogismes. Lui-même étant crétois, il révélait de manière implicite son mensonge et sous-entendait que son affirmation devenait fausse.
J’ai été fort étonné d’apprendre récemment que ce paradoxe logique illustrait une complexité mathématique impliquée dans la théorie des ensembles de Russell, ou encore dans la machine universelle de Turing (mais ne m’en demandez pas plus). Pour ma part, je garde une préférence pour le paradoxe du fromage à trous, sans doute parce que cet aliment constitue la base de mon déjeuner, si bien que mes collègues se demandent parfois si je supporte toute autre forme de régime. « Plus il y a de fromage, plus il y a de trous; or plus il y a de trous, moins il y a de fromage; donc plus il y a de fromage, moins il y a de fromage. »
JsPDF - Create PDFs with HTML5 JavaScript Library. GruntJS, le script d’automatisation pour le web. Une des bonnes pratiques web consiste à minifier tous les scripts JavaScript et CSS puis à les concaténer afin de ne servir que deux fichiers lorsque le site est en production. Ce a des fins de performances. Il existe déjà des outils le permettant, tels que Capistrano, Ant, ou le traditionnel script Bash. Depuis début 2012 on entend parler de GruntJS, plus encore ces derniers mois. GruntJS reprend le même principe qu’Ant, à savoir exécuter des tâches définies par l’utilisateur. Entity/Component pour le développement de jeux en Javascript. Le Javascript est un langage simple sans être simpliste, bénéficiant d’une couche objet certes basée sur les prototypes, mais néanmoins utilisable.
Son système de typage faible et dynamique permet des acrobaties intéressantes sans cumuler les couches d’interfaces et les classes abstraites. Et depuis quelques temps les interpréteurs commencent à présenter des performances correctes, ainsi que la couche d’affichage (notablement via WebGL). Présent sur toutes les plates-formes, smartphone, tablette ou PC, Javascript ressemble théoriquement à la silver-bullet rêvée pour le développeur de jeux vidéos, permettant d’atteindre tous les publics dans toutes les situations. Javascript: Expressions de fonctions VS déclarations de fonctions. Logger les erreurs JavaScript. Comme dit Hugo Tout Seul : " Bonne année ! **l'homme qui fait un article tous les 1000 ans** ".
Bref, aujourd'hui, j'aimerais parler d'une chose dont les devs (enfin, leur boite) mettent rarement en place. On a beau avoir toute l'expérience, toutes les connaissances, et un énorme zizi , on ne peut pas affirmer avec certitude que notre code (exécuté côté client en plus hein) ne buggera JAMAIS ! Même si vous étudiez votre code 300x, à partir du moment où vous bossez à plusieurs, il y a toujours un risque que le gros barbu en face de vous (qui travaille sur le même projet) vienne déclencher une erreur dans votre code (car " Ah oui, je savais pas que tu avais fait ça :-( . ", ou " Hey t'as vu ma modif dans le dernier commit, t'avais qu'à revoir tout ton code, pov' nul ! Regexper. Mettez vos sites Web et apps en plein écran avec l’API HTML 5 fullscreen. Il est loin le temps où le JS était un sous langage utilisé uniquement par des deumeurés en mal de <blink>.
Maintenant c’est un sous langage utilisé par des gens très sérieux. PHP l’a bien prouvé, on peut être parfaitement utile en ayant une syntaxe daubée, et Javascript se pare donc de tout un tas de trucs surpuissants en ces temps de HTML5, CSS3 et Rambo8. Fini donc le temps où votre site restait prisonnier de son canvas en 800×600, maintenant votre dernière application de calcul de budget de croquettes pour hérisson peut enfin s’exprimer dans toute la hauteur et la largeur d’un écran Retanal grâce à requestFullscreen(), qui va vous permettre … d’appuyer sur F11 à la place de l’utilisateur. Alertifyjs - An unobtrusive customizable JavaScript notification system. Unfortunately, I will no longer be maintaining alertify.js. I have many ongoing projects that aren't leaving me with enough time to do what needs to be done.
If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it. I wish I had more time or contributions to keep it going and make it better, but the sad reality is that not usually the case on these kinds of projects.
Wink toolkit - A mobile JavaScript framework to build great webapps. Building a Live Textarea Character Count Limit with CSS3 and jQuery. Dynamic character counters are a common feature which I see requested frequently by web developers. MrRio/jsPDF. JsPDF - Web Design Leeds & York. Introducing DOCX.js. We’ve been amazed and honored by the amount of interest in XLSX.js! The library certainly has a lot of room to grow (and we hope to have another update out soon!)
, but it’s been wonderful to see people using it in exciting new ways. Javascript Territory - Jster Javascript Catalog. Vegas, un slideshow / background fullscreen avec jQuery. A lightweight JavaScript graph drawing library. Zip.js. Websanova/js-url.
Doppio: A Java Virtual Machine, Compiler and Disassembler in JavaScript. Simple JavaScript Inheritance. Framework JS. Keypress : une nouvelle bibliothèque JavaScript voit le jour, pour interagir avec les événements du clavier. Welcome to TypeScript. Charts. Backbone.JS Docs. Lodash.com fonctions javascript. Regular Expression Analyzer. PDF Reader in Javascript. HAML Template JS. String.JS. Mozilla/sweet.js. A suite of Javascript libraries and tools designed for working with HTML5.