JS & JQ
Get flash to fully experience Pearltrees
Au fil des formations, je remarque que de nombreuses bonnes pratiques que je signale en passant dans le code, par acquis de conscience, ne sont pas connues, ou pas comprises, ou juste surprenantes pour les stagiaires. C’est l’occasion de me souvenir que dans tous les domaines, ce qui peut paraître évident et « connu de tous » ne l’est pas forcément, et qu’il est toujours bon de remettre en lumière des savoirs dont on imagine, souvent à tort, qu’ils sont monnaie courante. Voici donc dix bonnes pratiques choisies parmi un large ensemble de candidates ; vous en connaîtrez sûrement certaines, mais probablement pas toutes. Je pensais qu’il en faudrait 10 pour faire un article un peu consistant, et au final c’est un mammouth qui aurait pu être découpé en plusieurs articles histoire de faire durer le plaisir… Mais je suis d’humeur généreuse et j’ai encore plein d’articles sous le coude, alors je vous livre tout ça d’un coup :-) N’hésitez pas à faire vos retours en commentaires ! 1.
10 bonnes pratiques JavaScript • JS Attitude : formations JavaScript qualitatives et sympathiques
What is Arctic.js Arctic.js is a game engine for smartphone web browsers written in JavaScript with HTML5 Canvas. It provides a hierarchical display lists, event propagation and useful animation features. These features are used through ActionScript3 friendly APIs which Flash developers are familier to. License
Arctic.js | A JavaScript game engine for smartphones
Javascript: les IIFE ou comprendre les (function() {…}) ()
Voilà un billet comme je les aime. Un de ceux qui font suite à l’ouverture de mon 3ème oeil… Sous-entendu, qui font suite à une compréhension de ma part sur un sujet particulier. Il s’agit ici de l’écriture particulière, en javascript, de certaines fonctions, que l’on appelle, à tort, les fonctions anonymes auto-appelantes (ou « self-invoked anonymous functions »). Nous verrons ici pourquoi cette terminologie est incorrecte, ou induit en tout cas des incompréhensions chez les programmeurs. 1. De quoi on parle, là ?
Logger les erreurs JavaScript | Blog de Jean-Philippe Blary
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 !
Functional Programming in JavaScript
JavaScript has two parents: Scheme and Self. We can thank Self for all of the object-orientedness of JavaScript and indeed we do in our code and our tutorials. However, Scheme played just as important a role in the language’s design, and we would do ourselves ill to overlook JavaScript’s functional heritage. What exactly does it mean for JavaScript to be functional? “Functional” merely describes a collection of traits a given language may or may not have.
22 JavaScript/jQuery Tutorials for New Web Developers
Frontend web development is the hottest area for modern user interactivity. You can build practically any type of user interaction when you understand the concepts behind JavaScript. DOM manipulation is a hugely popular technique which, coupled with Ajax requests, can build one incredible user experience.HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop. Other frameworks deal with HTML’s shortcomings by either abstracting away HTML, CSS, and/or JavaScript or by providing an imperative way for manipulating the DOM. Neither of these address the root problem that HTML was not designed for dynamic views. AngularJS is a toolset for building the framework most suited to your application development.
Superheroic JavaScript MVW Framework
AngularJS est un framework Javascript créé par Google qui ambitionne de faciliter le développement d’applications HTML, mieux que ne le font les frameworks Javascript existants. En effet, aucun d’entre eux n’a totalement résolu le problème du HTML qui n’a pas été prévu pour être dynamique. Mieux que jQuery ? Oui, avec AngularJS, il n’y a plus de manipulations de DOM. Le code est limité au strict minimum. Voyez plutôt :
AngularJS — Dynamique HTML ?
Essential JavaScript: the top five script loaders
This is the first in a series of regular articles that will examine resources in a number of categories, including front-end frameworks like Backbone.js , templating engines like Handlebars.js and a number of others. The number of JavaScript resources is growing every day, which is great for developers, but often it can become confusing or overwhelming to pick which one best suits the situation in hand. Often there's no definitive solution and hopefully this series will provide information and cases where particular solutions are best. How script loaders work in general The theory is that script loaders, when loading in multiple scripts through the use of <script> tags, block the page loading; a page can only render itself once all the JS scripts have been loaded.15 Most Effective Jquery plugins For Designers
Presentation folders have a crucial purpose other than containing business and marketing information.… Here in this article you’ll find some new and creative 404 error page designs. I hope this collection… Best Selling Flyers are always striking due to their high sales. Flyer is a multipurpose designing tool… Business cards are no longer used just to provide basic information about yourself and your company.… The Featured “Theme of the Week” on Designrfix.com is Flexform – Retina Responsive Multi-Purpose…It’s often said that data is the new world currency, and the web is the exchange bureau through which it’s traded. As consumers, we’re positively swimming in data; it's everywhere from food labels to World Health Organisation reports. As a result, for the designer it’s becoming increasingly difficult to present data in a way that stands out from the mass of competing data streams.
The 15 best tools for data visualisation
Interesting jQuery, JavaScript and Web Dev June 2012
In today’s post we have listed our collection of very interesting jQuery, JavaScript and Web Development stuff as of June 2012. Watch out for our next post as we are going to give you another set of this pretty interesting random stuff for next month. Some really cool stuff! Enjoy! Related Posts:Mousetrap. bind ( '4' , function () { highlight ( 2 ); }); Mousetrap. bind ( 'x' , function () { highlight ( 3 ); }, 'keyup' ); Mousetrap. bind ( 'command+shift+k' , function (e) { highlight ([ 6 , 7 , 8 , 9 ]); return false ; }); Mousetrap. bind ([ 'command+k' , 'ctrl+k' ], function (e) { highlight ([ 11 , 12 , 13 , 14 ]); return false ; }); Mousetrap. bind ( 'g i' , function () { highlight ( 17 ); }); Mousetrap. bind ( '* a' , function () { highlight ( 18 ); }); Mousetrap. bind ( 'up up down down left right left right b a enter' , function () { highlight ([ 21 , 22 , 23 ]); }); Introduction Mousetrap is a standalone library with no external dependencies. It weighs in at around 1.7kb minified and gzipped and 3kb minified. What are you waiting for?