Spec Wiki Utiliser les différents tests d'égalité JavaScript fournit trois opérations permettant de comparer des valeurs : Selon la comparaison qu'on souhaite effectuer, on choisira une de ces opérations. En résumé, l'égalité faible effectuera une conversion des deux éléments à comparer avant d'effectuer la comparaison, l'égalité stricte effectuera la même comparaison mais sans conversion préalable (elle renverra toujours false si les types des deux valeurs comparées sont différents), enfin Object.is() se comportera comme l'égalité stricte sauf pour les valeurs NaN, -0 et +0 : pour Object.is(), -0 et +0 seront différents mais on aura Object.is(NaN, NaN) qui sera true. L'égalité stricte avec ===Edit L'égalité stricte compare deux valeurs et teste leur égalité. Ce test d'égalité stricte est presque toujours la meilleure des opérations à considérer pour ces tests. L'égalité faible avec ==Edit Le test d'égalité faible compare deux valeurs après les avoir converties en valeurs d'un même type. Égalité de valeursEdit Égalité de valeurs nullesEdit
Utilisez la console JavaScript des navigateurs Concevoir un site dynamique implique de faire appel à JavaScript, langage de plus en plus populaire et puissant. Afin de donner les bons outils aux développeurs web, les navigateurs se sont peu à peu équipés de consoles de développement permettant d'entrer des instructions à la volée, avec bien souvent de l'auto-complétion, de consulter les données en mémoire ou d'explorer les fonctions et variables disponibles. Des commandes plus avancées visent à définir des points d'arrêt et d'inspecter la pile des appels. La console est un outil indispensable lorsque l'on souhaite écrire quelques lignes de JavaScript, ou bien concevoir des scripts plus évolués notamment avec des frameworks tels que jQuery. Accès La console se retrouve bien souvent dans un menu orienté pour les développeurs, à l'aide d'une touche de raccourci, ou dans des extensions spécifiques telles que Firebug pour Firefox. Aperçus Internet Explorer Google Chrome Mozilla Firefox Opera Astuces Fonctions utiles Journal console.log(fruits);
Coder en Javascript dans une console Depuis l’apparition des consoles Javascript, on peut debugger plus facilement des erreurs de scripts, qui à l’époque d’IE6 & co se faisait à coup de alert(). Un chose que je ne trouve pas très répandu, c’est d’utiliser ces consoles pour coder directement, de petit morceaux de code, sans se (re)taper d’ajouter du script inline, ou un fichier juste pour avoir bonne conscience. Avec une console avancée, on peut même éditer des scripts en cours d’exécution ! A quoi ça sert de coder du Javascript dans une console ? Un exemple très simple sera plus parlant : vous voyez un paragraphe de texte et vous vous demandez combien il comporte de caractères. $0 est très simple d’utilisation, et peut être très utile. Utilisation : compter le texte d’un paragraphe Admettons que vous cherchez à compter le nombre de caractères dans une <div>, inspectez là, puis dans votre console entrez-y la ligne suivante: $0.innerHTML.length Et voilà vous avez votre résultat ! Coder plus d’un ligne jQuery.noConflict();
Un gros Troll de plus sur Javascript Un commentaire très pertinent de Kontre m’a interpellé dernièrement : si Javascript est si pourri, pourquoi tout le monde s’y intéresse ? TD;DR :L’inertie technique. Il faut bien comprendre que PERSONNE ne s’intéresse à Javascript directement. Les gens s’intéressent passionnément à la programmation Web. Et il se trouve que, concernant la programmation côté client, il y a QUE Javascript de disponible. Quand Ajax est arrivé, des mecs brillants ont rendu le Web plus interactif. Parce que c’était la seule solution dispo. Avant, personne ne s’intéressait à ce truc. Personne n’a réfléchi. L’heure du Web 2.0 a alors sonné, et là les business ont eu besoin de puissance de feu. Google a utilisé massivement les pages dynamiques, et devant le constat des performances misérables de la seule techno qu’il y avait a dispo, il a pondu chrome, et sa VM Javascript ultra performante. Personne. Cherche Dev Javascript pour travailler sur projet innovant dans une start up à fort potentiel de croissance. Ruby :
Des ressources Javascript pour mieux comprendre et domestiquer le DOM Aujourd'hui, le blog du Webdesign vous propose une liste de ressources Javascript qui vous permettons de mieux vous occuper de votre DOM ! Au programme : Modification, diff, détection de fonctionnalités, et bien d'autres choses ! Bonne découverte Qu'est-ce que le DOM ? Le Document Object Model (ou DOM) est un standard du W3C qui décrit une interface indépendante de tout langage de programmation et de toute plate-forme, permettant à des programmes informatiques et à des scripts d'accéder ou de mettre à jour le contenu, la structure ou le style de documents HTML3 et XML4. Source : Wikipedia En clair, le DOM est la vision qu'a votre navigateur du code source HTML du site où vous êtes en train de visiter, et c'est à travers la modification de ce DOM que vous pourrez interagir avec votre page en Javascript. Le plus important à retenir est que le DOM n'est pas votre code HTML, mais une interprétation de ce dernier. Détecter les fonctionnalités disponibles Modernizr Feature.js Interagir avec le DOM
Fun with code Automatisez votre workflow front-end Il était une fois un webmaster Jadis, par des temps lointains datant de l'époque où l'on comptait encore les mégahertz des processeurs, il existait des gens qui concevaient, développaient, et alimentaient des sites Internet. Tout seuls ! Enfin tout ça, c'était avant. Petit à petit, avec le temps, la pratique, l'évolution d'Internet, les webmasters, surchargés par la masse de travail à réaliser pour s'occuper d'un site, se sont scindés en différents groupes. Certains sont restés sur la conception. De part ma position dans ce milieu, je vais vous parler du poste de développeur, et plus précisément du développeur d'interface. Le webmaster c'est un peu comme l'agriculteur qui s'occupe d'aller au marché vendre ses produits. Après j'en aime bien une autre, celle du gardien de foot. Mais je m'égare, parlons automatisation. Pourquoi automatiser ? C'est sûr que là comme ça, quand on résume notre façon de faire, on voit mal comment automatiser tout ça. Bon courage. Comment automatiser ? Premier pas
PureScript standard One JavaScript Style Guide to Rule Them All No decisions to make. No .eslintrc, .jshintrc, or .jscsrc files to manage. It just works. This module saves you (and others!) No configuration. Install with: The Rules 2 spaces – for indentationSingle quotes for strings – except to avoid escapingNo unused variables – this one catches tons of bugs! To get a better idea, take a look at a sample file written in JavaScript Standard Style, or check out some of the repositories that use standard. Table of Contents Install The easiest way to use JavaScript Standard Style to check your code is to install it globally as a Node command line program. npm install standard --global Or, you can run this command to install standard locally, for use in your module: npm install standard --save-dev Node.js and npm are required to run the preceding commands. Usage After you've installed standard, you should be able to use the standard program. $ standard Error: Use JavaScript Standard Style Badge [! [! Text editor plugins Atom Vim
25 Free Resources for New JavaScript Developers We asked our campers to share their favorite free resources for new JavaScript developers on Camper News. The list includes some time-tested books as well as podcasts and videos you may not have heard of yet. Books Eloquent Javascript is modern introduction to programming and JavaScript by Marijn HaverbekeThere is also an annotated version of Eloquent JavaScript by Gordon Zhu. JavaScript for Cats by Max Ogden is an introduction for new programmers that is so easy your human companion could do it too! You Don’t Know JS is a series of books by Kyle Simpson dive deep into the core mechanisms of the JavaScript language. Human JavaScript by Henrik Joreteg is a book about a specific set of tools, patterns, and approaches optimized for people. Speaking JavaScript by Axel Rauschmayer was written to help programmers learn JavaScript quickly and properly, and also to deepen your existing skills and/or look up specific topics. What is Code? Podcasts Videos Other Resources
Introduction | Human JavaScript Code is as much about people as it is about computers. Sure, it's run by computers, but it's written by, maintained by, and ultimately created for people. People are not computers. You can read about JavaScript, the language, elsewhere. &yet, the team I'm humbled to be a part of, is a small (~40 person) bootstrapped consulting and product company focused heavily on realtime single page web applications. As we've gone along, we've done our best to extract reusable tools out of them. Speaking of humans, this book would not exist if not for a giant list of people who helped make it a reality. They helped with technical review, code, editorial feedback, design, writing/producing the promotional video and loads of encouragement. Let's talk about this whole "app" thing for a bit and get on the same page in terms of terminology. Rather than pontificate on the meaning of this for three chapters, I'll explain the distinction as I see it for the purposes of this book. To clarify further:
Ampersand.js - Home Les d veloppeurs devraient-ils tous apprendre JavaScript ? Maarten estime que ce langage est pr sent partout et son apprentissage in vitable JavaScript est un langage de scripts apparu en 1995 à la demande de Netscape. L’objectif était de créer un langage permettant de manipuler les documents HTML. À cette époque, nombreux sont ceux qui avaient peu d’égards pour ce langage. Mais au fil des années, ce langage va gagner en maturité avec plusieurs outils et bibliothèques qui vont venir enrichir cet outil. Lorsqu’il a été créé, probablement ses auteurs ne prévoyaient pas une si forte adoption ainsi que les nombreuses implémentations dérivées. Mais à mesure que les années sont passées, des efforts ont été consentis afin de faire de cet outil, un langage largement utilisé. Maarten Huijsmans, ingénieur back-end et cloud, qui a analysé l’histoire de JavaScript depuis ses débuts jusqu’à présent estime que les développeurs devraient apprendre JavaScript, car ce langage est incontournable. Avant les années du web 2.0, JavaScript était beaucoup utilisé sur la toile, mais souffrait également de nombreux défauts tels que la lenteur.