background preloader

Getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter.

Getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter.
Related:  JavaScript

Spec Wiki Hierarchy for Photoshop DOM :: ObjJob - (Navigation privée) ObjJobhierarchyobjectspropertiesmethodsconstants Hierarchy for Photoshop DOM Comments, questions, flames, and especially corrections should be emailed to the ObjJob author. JavaScript Éloquent : Une introduction moderne à la programmation You Might Not Need jQuery JavaScript Éloquent : Une introduction moderne à la programmation

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

Faire un jeu HTML5 3D (WebGL) avec des logiciels libres #javascript Depuis quelques mois nous tentons beaucoup de choses sur Jocly et nous avons abouti à un résultat qui dépassait nos espérances: une skin 3D WebGL et donc sans plugin pour un de nos jeux favoris, Yohoho 3D. Certes il faut un ordinateur et un browser compatibles, mais c’est une tendance lourde, n’en doutons pas Si tu n’as pas la configuration nécessaire, pour te donner un idée, avec beaucoup de bidouilles et de transpiration on arrive à ça: Et on en est plutôt content Je voulais partager un peu le chemin que nous avons parcouru et les technologies retenues. Pour ce qui est de la 3D, nous gardions un oeil depuis longtemps sur threejs puisque notre API propose au développeur de travailler en javascript. Le workflow Au stade où nous en sommes, voici notre processus de création: Idée de design => modélisation dans blender + travail des textures => export pour threejs => chargement du(des) fichier(s) dans threejs => animation par moteur de jeu javascript. Modélisation L’environnement Codage Jocly

Practical JavaScript | Watch and Code™ Learn the JavaScript you need for professional web development. Most courses focus on the syntax and features in JavaScript. You can go through resources like that all day long and not get anywhere. Practical JavaScript is totally different. It's 100% focused on how to build software so that you can actually make things. Designed to take you from total beginner to advanced. If you've tried learning JavaScript before, you've likely found that beginner courses are way too easy, advanced courses are way too hard, and there's hardly anything in the middle. Instructor-led study sessions every week. On Sundays at 7PM PST, I jump on video chat and host a live study session that's open to everyone. If this sounds good . . . Watch the first few videos and then email gordon@watchandcode.com with your thoughts.

Stop Writing Slow Javascript - I Like Kill Nerds As Alfred Pennyworth once profoundly said in The Dark Knight Rises: Some front-end developers just want to watch the world burn.Alfred Pennyworth, The Dark Knight Rises As developers we are constantly learning, always growing and sometimes whether we realise it at the time or not, we are always making mistakes. Sometimes we make mistakes however small that pile on-top of one another which can result in some interesting consequences for our applications performance. Here are a few tips, most of which you might already have read elsewhere on how to write performant Javascript and just even thinking about some of the things you might be doing in your applications. Getting off the jQuery pony I’ll admit it. Stay home and use jQuery for everything, KipNapoleon Dynamite Are you guilty of doing things like this for the sake of convenience? Don’t feel bad, we have all been there. I am not saying you should abandon jQuery entirely, but you shouldn’t use it for everything. Cache DOM Lookups Switch it up

A Gentle Introduction to Functional JavaScript: Part 1 This is part one of a threefour-part series introducing ‘functional’ programming in JavaScript. In this article we take a look at the building blocks that make JavaScript a ‘functional’ language, and examine why that might be useful. What the Func? What is all the hype about Functional JavaScript? To me, learning functional programming is a little bit like getting a Thermomix: It takes a bit of up-front investment;You’ll start telling all your friends and family about it how awesome it is; andThey start to wonder if you’ve joined some kind of cult. But, it does make certain tasks a whole lot easier. Building Blocks Let’s start with some of the basic features of JavaScript that make ‘functional’ programming possible, before we move on to why it’s a good idea. var myContainer = "Hey everybody! That creates a container called myContainer and sticks a string in it. function log(someVariable) { console.log(someVariable); return someVariable;} And you can call a function like this: Hmmmm. Read on…

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);

jQuery Vector Maps - Resizable Scalable Vector Graphic (SVG) Maps for Modern Browsers JavaScript debugging for beginners | JavaScript Knowledge needed: Basic JavaScriptRequires: Web browser, one of: Google Chrome, Firefox (with Firebug) or OperaProject time: 30 mins Over the last five years, thanks largely to the rise of frameworks such as jQuery and Prototype, JavaScript has risen to become a first tier language for scripting on the web. This increased popularity and ease of use, has led to the creation of fully fledged applications such as Gmail, which contain thousands of lines of JavaScript code that required teams of talented developers to create. As a result of this increasing complexity however, when something does go wrong developers need powerful JavaScript debugging tools in order to quickly root out the cause of the issue and fix it efficiently. A simple var dump via the alert() dialogue simply won’t cut it anymore. In this tutorial I’ll outline some of the features of modern developer tools that you can use today to help make JavaScript debugging less painful. Read all our web design articles here 01. 02.

Ions for your Ionic Apps

Related: