Badass JavaScript
jQuery: The Write Less, Do More, JavaScript Library
Scriptol.fr, techniques de programmatio
Learning JavaScript Design Patterns
Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve. Design patterns also provide us a common vocabulary to describe solutions. This can be significantly simpler than describing syntax and semantics when we're attempting to convey a way of structuring a solution in code form to others. In this book we will explore applying both classical and modern design patterns to the JavaScript programming language. Target Audience This book is targeted at professional developers wishing to improve their knowledge of design patterns and how they can be applied to the JavaScript programming language. Acknowledgments Credits Reading We already use patterns everyday
Developer Network
Free jQuery Plugins and Tutorials - jQuery Script
JavaScript pitfalls: null, false, undefined, NaN - MapbenderWiki
From MapbenderWiki Comparison operators Comparison via == Equality, regardless of type. Comparison via === Identity, types must match. Pitfalls using comparison Evaluates to false in boolean operations. var x = 0; var y = false; x == y → true x === y → false "" (empty string) Evaluates to false in boolean operations. var x = ""; var y = false; x == y → true x === y → false null Evaluates to false in boolean operations. var x = null; var y = false; x == y → true x === y → false undefined If a variable hasn't been declared or assigned yet (an argument to a function which never received a value, an object property that hasn't been assigned a value) then that variable will be given a special undefined value. Evaluates to false in boolean operations. var x; var y = false; typeof(x) → undefined (as a string) x == y → true x === y → false NaN Not a Number, generated when arithmetic operations return invalid results. Evaluates to false in boolean operations. var x = 10/seventeen; x → NaN Source
Exceptional Performance
Yahoo!'s Exceptional Performance team promotes best practices for improving web page performance. They conduct research, build tools, write articles and blogs, and speak at conferences. Best Practices The Yahoo! YSlow for Firebug Use the YSlow tool to analyze a web pages and get a report on why the web page is slow based on the best practices for high performance web sites. Research Research conducted by the Exceptional Performance team is documented in the following Yahoo! Developer Support & Community Web page performance and the YSlow tools are discussed in the Exceptional Performance Group. You can also use the feedback form to report feedback, bugs, and request features. Videos About High Performance Web Pages Both general web development and performance-related videos are available on the Yahoo! Books About High Performance Web Pages
Optimiser un site sur les pages perso de Free
Quelques trucs et astuces pour optimiser un site sur les pages perso de Free. Généralités Bien que les connexions Internet haut débit se généralisent rapidement, une grande partie des visiteurs des sites Web utilisent des connexions dont la bande passante est limitée (blocage FAI, terminaux mobiles et tablettes, zones rurales…). Il est essentiel de concevoir des sites Web légers, se chargeant rapidement sur tous les terminaux et ne surchargeant les pas les serveurs de Free. Ces modifications sont relativement simples à mettre en place pour la majorité d’entre-elles. Il est utile de : Respect des standards Il est essentiel de présenter aux visiteurs des pages respectueuses des standards du « Web » si l'on souhaite améliorer la rapidité d'affichage des pages du site. Il s'agit de l'une des optimisations les plus simples à réaliser. Liens utiles Bien utiliser les caches Mark Nottingham — Un tutoriel de la mise en cache pour les auteurs Web et les webmestres La compression des pages web
JavaScript Tutorial
3Dmol.js tutorialUsing 3Dmol within your code
The most simple way to display and style a 3Dmol instance is by embedding 3Dmol parameters within a URL or within HTML tags. However, if you are interacting with this viewer from your own web pages then you may want to take advantage of the 3Dmol API. Here we will use the API to create, load and style the 3Dmol instance. Note, this tutorial assumes a basic knowledge of HTML, Javascript and jQuery. Creating the 3DMol instance First, make sure your HTML document links to the 3Dmol code. Now create a container tag in the HTML document that will hold the vizualisation. Note: 3Dmol will adopt the size of the container so we need to make sure this size has been explicitly set (i.e. use CSS or an inline style attribute). Once the web page has loaded, we can create a new instance of 3Dmol. To make sure everything works, we are going to add a sphere, set the camera, render the scene, then add a zoom. Documentation: $3Dmol.createViewer() viewer.setBackgroundColor('white'); Loading data dynamically
