Archives par mot-clef : dom

Ceux qui me suivent sur Twitter le savent déjà, je viens de lancer mon auto-entreprise. L’idée que je me suis fixé et de dispenser des formations JavaScript aux entreprises dans le cadre du DIF. Plus d’une fois en conférence, vous (peut-être, qui sait ?) êtes venus me demander si je faisais des formations sur plusieurs jours. Je répondais que non. La réponse est désormais : Oui ! Au programme, on aura donc diverses formations : JavaScript L’idée est de partir des bases du langage, l’approfondir, le comprendre. Découvrir des outils du quotidien du développeur JS, apprendre à déboguer le code et à le tester. Dans cette thématique seront abordés notamment les éléments suivants (ici en désordre) : GruntJS ; Mocha ; JSLint/JSHint ; Uglify ; JSPerf ; Chrome Dev Tools ; Firebug. jQuery Pour cette formation, je livre tout ce … Continuer la lecture

Il y a quelques jours, je partageais avec vous mes impressions sur AngularJS. C’est au tour d’EmberJS comme promis. J’ai pu tester le développement d’une même application avec ces deux frameworks mis en concurrence. Le vrai positif Le développement avec Ember est intéressant en soit. Nombre de concepts pratiques au développement d’applications riches y sont inclus et on peut donc s’appuyer tranquillement sur ses composants. Le modèle MVC est bien intégré à l’architecture du projet, le binding plutôt réactif, possibilité de faire des propriétés dynamiques via le modèle pour les vues (équivalent des filtres AngularJS). Là où ça pique Le hic, c’est justement de ne reposer que sur ses composants. J’ai beau avoir fouillé, lu, décortiqué, lire le code d’un framework n’est pas suffisant pour en comprendre la philosophie et du même coup construire une application avec. Vous l’aurez compris, le gros … Continuer la lecture

Je vais vous parler d’une chose que je vois régulièrement et qui a le don de m’énerver. Je ne dis pas que je ne l’ai jamais fait, mais il ne faut surtout pas le faire, car c’est mal. Oui, je parle de créer des éléments DOM par des concaténations de chaînes de caractères. Qui, sincèrement, n’a jamais été tenté d’écrire ce genre de code ? var monLien = "<a href=\"" + lien + "\" title=\"" + description + "\">" + titre + "</a>"; Voyons ensemble les raisons pour lesquelles il ne faut pas faire ça. En introduction, je vous mets le code qu’il aurait fallu écrire pour que ce soit « propre ». var monLien = document.createElement("a"); monLien.href = lien; monLien.title = description; monLien.textContent = titre; 1/ Maintenabilité C’est bête mais il est bien plus difficile de déboguer une chaîne qu’une série … Continuer la lecture

Suite à une question d’un de mes collègues, je me rends compte que certaines choses ne sont pas forcément très claires concernant le DOM. Le DOM Tout d’abord, cela signifie Document Object Model. C’est bête à dire mais ça résume beaucoup de chose. Derrière ce terme, nous disposons d’un Modèle d’Objet à utiliser quand on veut travailler sur un Document HTML. Vous me voyez venir là ? Le rapport avec JavaScript Contrairement à une croyance très répandue, et c’était le cas du collègue en question, le DOM n’est pas « natif » au JavaScript. C’est d’ailleurs pour ça qu’il existe de nombreuses bibliothèques dans de nombreux langages (PHP, C#, Java, JavaScript, …) pour manipuler le DOM. Celui-ci se veut être indépendant de tout langage (d’où l’idée de Model). D’ailleurs, pour être encore plus précis, le DOM est d’autant moins natif que si … Continuer la lecture

Plus ou moins par hasard, je viens de voir passer l’info comme quoi il y aurait une nouvelle version de Firebug. Forcément, je vais jeter un oeil à ce qu’il y a de nouveau et surtout ce qui m’intéresse. Et là, il y a vraiment de quoi raconter des choses, dans les nouveautés on a : Copie de JSON Rien de violent en soit, mais toujours pratique, vous pouvez copier un objet JSON complet. Position de l’erreur Lorsqu’une erreur survient dans une ligne, Firebug affiche désormais la position exacte de l’endroit qui a déclenché l’erreur. Colonne de protocole Dans le panneau « Réseau », il y a désormais une colonne réservée au protocole. Toujours pratique. Position des console.log Quand vous aviez un message envoyé par console.log, vous aviez juste le message, maintenant, vous avez aussi le fichier qui l’a envoyé et la … Continuer la lecture

La nouvelle version de jQuery a apporté quelques changements intéressants au module Attributes. J’essaie d’en détailler les changements dans ce billet. Continuer la lecture