:::: MENU ::::

Un brin de veille #32

Même si Angular 2.0 est désormais clairement annoncé, la branche 1.x continue sa route et propose la première RC la nouvelle version 1.4. Pas de grandes nouveautés annoncées mais plutôt un ensemble de petites features comme une meilleur souplesse du service $http, une amélioration de performance de $parse . Ce qu’on peut noter c’est la volonté à partir de cette version de développer en parallèle d’Angular 2.0 dans le but d’assurer la compatbilité de certains composants, comme par exemple le nouveau router qui sera compatible 1.4+ et 2.0. Pensez par contre à mettre à jour angular-animate .

A Lire

Javascript

Le guide de style d’airBnb réactualisé avec de l’es6

Une introduction aux tests automatisés à travers node et mocha

Faites vous une idée comparative des différences introduites par es6 face à es5

Comprendre les classes et l’héritage avec ecmascript6

Un nouveau chapitre de You don’t know JS sur les collections avec les ajouts d’ES6

Qui a dit qu’on ne pouvait pas faire de modules en javascript ? Voici les différentes méthodes pour y parvenir, avantages et inconvénients

Utiliser AngularJs et ng-message pour la validation de formulaire

Le code source de jQuery annoté par son créateur

Un bon exemple de processus complet de conception d’une application avec node.js

HTML / CSS

Comprendre le positionnement d’arrière plan en CSS

Le canvas SVG, sont système de coordonnées, son viewport. Un autre article sur le même sujet mais plus centré sur l’attribut viewBox

Bien utiliser les titres en HTML

Comprendre et optimiser le processus de rendu d’une page web

Si vous voulez apprendre WebGL, voici quelques fondamentaux

UX / UI

Comparaison de rendu entre les différents navigateurs du champ input numérique

Exploration de quelques polices d’interface bien connues

A Voir

HTML GL transpose le DOM en WebGL et permet de booster les performances de rendu en utilisant l’accélération matérielle.

« Motion for the web » : une belle animation

Une demo de codrops sur l’effet de flou de mouvement

Outils / Libs

Un outil très utile pour visualiser les versions d’un paquet sur npm suivant sont visionnement semver

Simplifier vous les threads web worker avec fourk.js

10 librairies pour faire des diagrammes en javascript

Utilisez simplements les données de google spreadsheet data-drive

Empacter une application avec node.js/io.js  sous forme d’executable avec EncloseJS

xto6 propose le transpilage de code javascript en es5 vers es6

Une collection d’élements pour react native ou pour  le web


So, what do you think ?