Advanced JS

Facebook Twitter
translations/fr_FR at master · rwldrn/idiomatic.js
Javascript : Style et Bonnes pratiques | Maxlab | Le Blog Lorsque l’on débute dans un nouveau langage on ne maîtrise pas forcément ses spécificités techniques et sans recul on fait parfois quelques erreurs. Respecter certaines contraintes lorsque l’on code permet d’obtenir un programme maintenable et souvent éviter de perdre beaucoup de temps sur des bugs inutiles. Le Javascript est un langage qui permet de mettre en oeuvre des applications web de manière assez simple. L’absence de contraintes de typage et de gestion de la mémoire le rend accessible même pour quelqu’un ne possédant pas de grandes compétences en programmation. Il est possible d’apprendre à programmer avec Javascript mais il est quand même important de respecter certaines règles (qui s’appliquent aussi très bien à d’autres langages). Javascript : Style et Bonnes pratiques | Maxlab | Le Blog
JS library

Voyage au coeur de JavaScript (ECMAScript 3) Voyage au coeur de JavaScript (ECMAScript 3) Cet article est une traduction de JavaScript. The Core écrit par Dmitry Soshnikov. Javascript The Core est un sommaire détaillé de la série d’article “ECMA-262-3 in detail”. Commençons par étudier le concept d'objet, un fondamental d'ECMAScript. L'objet ECMAScript étant un langage orienté objet de haut niveau, il fonctionne avec des objets.
Named function expressions demystified Introduction Surprisingly, a topic of named function expressions doesn’t seem to be covered well enough on the web. This is probably why there are so many misconceptions floating around. In this article, I’ll try to summarize both — theoretical and practical aspects of these wonderful Javascript constructs; the good, bad and ugly parts of them. Named function expressions demystified
Closures Closures Closures are functions that refer to independent (free) variables. In other words, the function defined in the closure 'remembers' the environment in which it was created in. Consider the following: function init() { var name = "Mozilla"; function displayName() { alert (name); } displayName(); }init();
One of the phases I went through while learning about JavaScript was the intense desire to write my own library, similar to jQuery (but massively scaled down). My library has gone through several major revisions — and more than one complete re-write, but now is exactly what I started out hoping it would be: functional, clean, small, and a solid learning experience. I’d like to share what I learned from this project, and I hope you share back with me through the comments! Finished project demo Creating your own JavaScript Library Creating your own JavaScript Library

Seven JavaScript Things I Wish I Knew Much Earlier In My Career

Seven JavaScript Things I Wish I Knew Much Earlier In My Career Advertisement I’ve been writing JavaScript code for much longer than I care to remember. I am very excited about the language’s recent success; it’s good to be a part of that success story. I’ve written dozens of articles, book chapters and one full book on the matter, and yet I keep finding new things. Here are some of the “aha!”
JavaScript Learning Roadmap
Encapsulation in JavaScript Encapsulation in JavaScript Download source code - 116 KB Introduction Encapsulation is one of the main concepts in object oriented programming. It allows an object to group both private and public members under a single name. All the object oriented programming languages support this. Since JavaScript is also an object oriented programming language, it supports it too.
Summary You can dynamically create properties and methods of existing objects through simple assignment.Using the prototype property of intrinsic JS Objects, you can extend the functionality of the very objects you know and love in ways that can make your coding far easier. Table of Contents Background — Objects in JS In JavaScript, objects can have properties dynamically added to them. Extending JavaScript Objects and Classes Extending JavaScript Objects and Classes
Extending JavaScript Objects and Classes Summary It is occasionally necessary to create custom unique functions on the fly in JS code at run time. This article details the various ways functions may be created on the fly. Ways of defining a function Extending JavaScript Objects and Classes
In Part 1 we saw how to create classes in JS, including private, privileged, and public properties and methods. This section discusses inheritance in Javascript. Summary You cause a class to inherit using ChildClassName.prototype = new ParentClass();. You need to remember to reset the constructor property for the class using ChildClassName.prototype.constructor=ChildClassName. You can call ancestor class methods which your child class has overridden using the Function.call() method. OOP in JS, Part 2 : Inheritance OOP in JS, Part 2 : Inheritance
OOP in JS, Part 1 : Public/Private Variables and Methods This page shows how to create private variables and methods in "classes" in Javascript through the rather simple example of a person. (This is really a very rough approximation of the classical OOP pattern, and not necessarily a "best-practice" for JavaScript programming.) Part 2 covers inheritance. Summary
I’ve been doing a lot of work, lately, with JavaScript inheritance – namely for my work-in-progress JavaScript book – and in doing so have examined a number of different JavaScript classical-inheritance-simulating techniques. Out of all the ones that I’ve looked at I think my favorites were the implementations employed by base2 and Prototype. I wanted to go about extracting the soul of these techniques into a simple, re-usable, form that could be easily understood and didn’t have any dependencies. Additionally I wanted the result to be simple and highly usable. Here’s an example of what you can do with it:

Simple JavaScript Inheritance

Classical Inheritance in JavaScript Douglas Crockford www.crockford.com And you think you're so clever and classless and free — John Lennon JavaScript is a class-free, object-oriented language, and as such, it uses prototypal inheritance instead of classical inheritance.
Learning JavaScript – Lesson 3: Basic Object Types | | Aggressive WebAggressive Web