https://www.noemiconcept.eu/index.php/component/k2/tag/scripts.feed 2024-05-19T14:30:41Z Joomla! 1.5 - Open Source Content Management 2013-08-13T05:37:00Z 2013-08-13T05:37:00Z https://www.noemiconcept.eu/index.php/fr/component/k2/205901-analyse-des-performances-des-scripts-javascript-heavy-apps-with-web-tracing-framework.html Olivier Ruffin olivier.ruffin@noemiconcept.com

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/3fe3cc9865313b45ab264b7a69e0cf44_S.jpg" alt="Analyse des performances des scripts JavaScript-Heavy Apps With Web Tracing Framework" /></div><div class="K2FeedIntroText"><p>Le Web Tracing Cadre, de Google, est un ensemble d'outils et de scripts qui permettent d'analyser les performances de n'importe quel code JavaScript.</div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Analyse des performances des scripts JavaScript-Heavy Apps With Web Tracing Framework" href="https://google.github.io/tracing-framework/"><img alt="WebDesign Analyse des performances des scripts JavaScript-Heavy Apps With Web Tracing Framework" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Analyse_des_performances_des_scripts_JavaScript-Heavy_Apps_With_Web_Tracing_Framework.JPG" /></a></p> <p>Il est surtout idéal pour les applications JavaScript et non pour les pages Web standard où JavaScript est utilisé seulement pour quelques interactions simples.</p> <p>Il est possible de l'intégrer manuellement ou d'utiliser l'extension Chrome pour disposer de données de navigation internes et des outils de ligne de commande (acceptant Nodejs) pour le traitement de ces données.</p> <p>Le cadre nous permet de choisir les méthodes / événements à suivre et les visualise dans une interface conviviale.</p> <p>Une fonction de suivi permet de comprendre comment la mémoire est utilisée par chaque fonction et d'optimiser si nécessaire.</p> <p>Il fonctionne sur la plupart des navigateurs modernes (dans Chrome avec toutes les fonctionnalités) et peut être étendu.</p></div><div class="K2FeedTags"><ul><li>Analyse</li><li>performances</li><li>scripts</li><li>javascript</li><li>Heavy Apps With Web Tracing Framework</li><li>google</li><li>webDesign</li><li>Nodejs</li><li>chrome</li><ul></div>

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/3fe3cc9865313b45ab264b7a69e0cf44_S.jpg" alt="Analyse des performances des scripts JavaScript-Heavy Apps With Web Tracing Framework" /></div><div class="K2FeedIntroText"><p>Le Web Tracing Cadre, de Google, est un ensemble d'outils et de scripts qui permettent d'analyser les performances de n'importe quel code JavaScript.</div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Analyse des performances des scripts JavaScript-Heavy Apps With Web Tracing Framework" href="https://google.github.io/tracing-framework/"><img alt="WebDesign Analyse des performances des scripts JavaScript-Heavy Apps With Web Tracing Framework" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Analyse_des_performances_des_scripts_JavaScript-Heavy_Apps_With_Web_Tracing_Framework.JPG" /></a></p> <p>Il est surtout idéal pour les applications JavaScript et non pour les pages Web standard où JavaScript est utilisé seulement pour quelques interactions simples.</p> <p>Il est possible de l'intégrer manuellement ou d'utiliser l'extension Chrome pour disposer de données de navigation internes et des outils de ligne de commande (acceptant Nodejs) pour le traitement de ces données.</p> <p>Le cadre nous permet de choisir les méthodes / événements à suivre et les visualise dans une interface conviviale.</p> <p>Une fonction de suivi permet de comprendre comment la mémoire est utilisée par chaque fonction et d'optimiser si nécessaire.</p> <p>Il fonctionne sur la plupart des navigateurs modernes (dans Chrome avec toutes les fonctionnalités) et peut être étendu.</p></div><div class="K2FeedTags"><ul><li>Analyse</li><li>performances</li><li>scripts</li><li>javascript</li><li>Heavy Apps With Web Tracing Framework</li><li>google</li><li>webDesign</li><li>Nodejs</li><li>chrome</li><ul></div> 2016-05-19T06:07:55Z 2016-05-19T06:07:55Z https://www.noemiconcept.eu/index.php/fr/component/k2/207293-webdesign-traduisez-vos-anciens-script-javascript-es5-en-es6-lebab.html Olivier Ruffin olivier.ruffin@noemiconcept.com

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/22a6dcf893caec9044054a07b30d576f_S.jpg" alt="traduisez vos anciens Scripts JavaScript ES5 en ES6 - Lebab" /></div><div class="K2FeedIntroText"><p>Lebab permet de recycler vos anciens script codé en JavaScript version ES5 en ES6.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign traduisez vos anciens Script JavaScript ES5 en ES6 - Lebab" href="https://lebab.io/"><img alt="WebDesign traduisez vos anciens Script JavaScript ES5 en ES6 - Lebab" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_traduisez_vos_anciens_Script_JavaScript_ES5_en_ES6_-_Lebab.jpg" /></a></p> <p>Il vous permet de moderniser vos scripts en lisant votre code et en convertissant à la nouvelle version de ECMAScript.</p> <p>Il suffit de lancer le traducteur simplement ou en selectionnant seulement quelques fonctionnalités. et voila !</p> <p>Enfin, comme il est disponible sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utiliser pour vos futurs projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>traduisez</li><li>anciens</li><li>scripts</li><li>javascript</li><li>ES5</li><li>ES6</li><li>Lebab</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><ul></div>

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/22a6dcf893caec9044054a07b30d576f_S.jpg" alt="traduisez vos anciens Scripts JavaScript ES5 en ES6 - Lebab" /></div><div class="K2FeedIntroText"><p>Lebab permet de recycler vos anciens script codé en JavaScript version ES5 en ES6.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign traduisez vos anciens Script JavaScript ES5 en ES6 - Lebab" href="https://lebab.io/"><img alt="WebDesign traduisez vos anciens Script JavaScript ES5 en ES6 - Lebab" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_traduisez_vos_anciens_Script_JavaScript_ES5_en_ES6_-_Lebab.jpg" /></a></p> <p>Il vous permet de moderniser vos scripts en lisant votre code et en convertissant à la nouvelle version de ECMAScript.</p> <p>Il suffit de lancer le traducteur simplement ou en selectionnant seulement quelques fonctionnalités. et voila !</p> <p>Enfin, comme il est disponible sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utiliser pour vos futurs projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>traduisez</li><li>anciens</li><li>scripts</li><li>javascript</li><li>ES5</li><li>ES6</li><li>Lebab</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><ul></div> 2014-01-15T06:30:53Z 2014-01-15T06:30:53Z https://www.noemiconcept.eu/index.php/fr/component/k2/206113-les-100-codes-2013-les-plus-populaires-de-codepen.html Olivier Ruffin olivier.ruffin@noemiconcept.com

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/741216c036ca51e13d905220b048baf2_S.jpg" alt="Les 100 codes 2013 les plus populaires de CodePen" /></div><div class="K2FeedIntroText"><p>CodePen est un site qui propose beaucoup de script pour améliorer l'affichage de site web.</p> </div><div class="K2FeedFullText"> <p>&nbsp;</p> <p style="text-align: center;"><a title="WebDesign Les 100 codes 2013 les plus populaires de CodePen" href="https://codepen.io/2013/popular" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Les_100_codes_2013_les_plus_populaires_de_CodePen.jpg" alt="WebDesign Les 100 codes 2013 les plus populaires de CodePen" /></a></p> <p>Il regroupe tous ce qui est nouveau en terme d'animation, d'exemple, et de partage.</p> <p>Dernièrement, CodePen a édité le classement des scripts les plus populaire de l'année 2013.</p> <p>Tous les scripts présentés sont impréssionnant, différent et interessant. Il est sur que vous trouverez certainement une idée si vous etes en passe d'inspartion.</p></div><div class="K2FeedTags"><ul><li>les</li><li>100</li><li>codes</li><li>2013</li><li>plus</li><li>populaires</li><li>CodePen</li><li>webDesign</li><li>scripts</li><li>site</li><li>web</li><ul></div>

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/741216c036ca51e13d905220b048baf2_S.jpg" alt="Les 100 codes 2013 les plus populaires de CodePen" /></div><div class="K2FeedIntroText"><p>CodePen est un site qui propose beaucoup de script pour améliorer l'affichage de site web.</p> </div><div class="K2FeedFullText"> <p>&nbsp;</p> <p style="text-align: center;"><a title="WebDesign Les 100 codes 2013 les plus populaires de CodePen" href="https://codepen.io/2013/popular" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Les_100_codes_2013_les_plus_populaires_de_CodePen.jpg" alt="WebDesign Les 100 codes 2013 les plus populaires de CodePen" /></a></p> <p>Il regroupe tous ce qui est nouveau en terme d'animation, d'exemple, et de partage.</p> <p>Dernièrement, CodePen a édité le classement des scripts les plus populaire de l'année 2013.</p> <p>Tous les scripts présentés sont impréssionnant, différent et interessant. Il est sur que vous trouverez certainement une idée si vous etes en passe d'inspartion.</p></div><div class="K2FeedTags"><ul><li>les</li><li>100</li><li>codes</li><li>2013</li><li>plus</li><li>populaires</li><li>CodePen</li><li>webDesign</li><li>scripts</li><li>site</li><li>web</li><ul></div> 2017-11-22T06:37:02Z 2017-11-22T06:37:02Z https://www.noemiconcept.eu/index.php/fr/component/k2/208031-webdesign-vérifiez-la-conformité-de-vos-scripts-avec-les-dernières-spécifications-ecmascript-ecma-parser-tests.html Olivier Ruffin olivier.ruffin@noemiconcept.com

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/f188b7e0462b41a97c9a30d6b7bc85c2_S.jpg" alt="Vérifiez la conformité de vos scripts avec les dernières spécifications ECMAScript - ecma-parser-tests" /></div><div class="K2FeedIntroText"><p>Il est important de respecter les spécifications de chaque langage de codage car cela permet d'éviter de longues heures de déboggage inutiles.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a href="https://github.com/cherow/ecma-parser-tests" title="WebDesign Vérifiez la conformité de vos scripts avec les dernières spécifications ECMAScript - ecma-parser-tests" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Vérifiez_la_conformité_de_vos_scripts_avec_les_dernières_spécifications_ECMAScript_-_ecma-parser-tests.jpg" alt="WebDesign Vérifiez la conformité de vos scripts avec les dernières spécifications ECMAScript - ecma-parser-tests" /></a></p> <p>Grace à <a href="https://github.com/cherow/ecma-parser-tests" title="WebDesign Vérifiez la conformité de vos scripts avec les dernières spécifications ECMAScript - ecma-parser-tests" target="_blank">ecma-parser-tests</a>, vous pourrez facilement vérifier que vos scripts respectent bien les dernières spécifications ECMAScripts.</p> <p>Cet outil&nbsp; est rapide et facile d'utilisation. Il est même configurable pour selectionner les tests que l'on veux effectuer.</p> <p>Enfin comme il est sous licence ISC (équivalente à la licence MIT), vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et pourquoi pas participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Vérifiez</li><li>conformité</li><li>scripts</li><li>dernières</li><li>spécifications</li><li>ECMAScript</li><li>ecmaparsertests</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>javascript</li><ul></div>

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/f188b7e0462b41a97c9a30d6b7bc85c2_S.jpg" alt="Vérifiez la conformité de vos scripts avec les dernières spécifications ECMAScript - ecma-parser-tests" /></div><div class="K2FeedIntroText"><p>Il est important de respecter les spécifications de chaque langage de codage car cela permet d'éviter de longues heures de déboggage inutiles.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a href="https://github.com/cherow/ecma-parser-tests" title="WebDesign Vérifiez la conformité de vos scripts avec les dernières spécifications ECMAScript - ecma-parser-tests" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Vérifiez_la_conformité_de_vos_scripts_avec_les_dernières_spécifications_ECMAScript_-_ecma-parser-tests.jpg" alt="WebDesign Vérifiez la conformité de vos scripts avec les dernières spécifications ECMAScript - ecma-parser-tests" /></a></p> <p>Grace à <a href="https://github.com/cherow/ecma-parser-tests" title="WebDesign Vérifiez la conformité de vos scripts avec les dernières spécifications ECMAScript - ecma-parser-tests" target="_blank">ecma-parser-tests</a>, vous pourrez facilement vérifier que vos scripts respectent bien les dernières spécifications ECMAScripts.</p> <p>Cet outil&nbsp; est rapide et facile d'utilisation. Il est même configurable pour selectionner les tests que l'on veux effectuer.</p> <p>Enfin comme il est sous licence ISC (équivalente à la licence MIT), vous pouvez l'utiliser pour vos prochains projets de sites web personnels comme professionnels, l'adapter à vos besoins et pourquoi pas participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Vérifiez</li><li>conformité</li><li>scripts</li><li>dernières</li><li>spécifications</li><li>ECMAScript</li><li>ecmaparsertests</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>javascript</li><ul></div> 2016-09-15T05:59:25Z 2016-09-15T05:59:25Z https://www.noemiconcept.eu/index.php/fr/component/k2/207459-webdesign-utilisez-vos-scripts-javascript-aussi-facilement-que-php-node-direct.html Olivier Ruffin olivier.ruffin@noemiconcept.com

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/5dfbad850660c3e63fae50c8c7165421_S.jpg" alt="Utilisez vos scripts JavaScript aussi facilement que PHP - Node-direct" /></div><div class="K2FeedIntroText"><p>Node-direct vous permet d'executer des fichiers JavaScript via NodeJS aussi facilement que PHP via un serveur WEB (apache ou Nginx).</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Utilisez vos scripts JavaScript aussi facilement que PHP - Node-direct" href="https://github.com/finom/node-direct"><img alt="WebDesign Utilisez vos scripts JavaScript aussi facilement que PHP - Node-direct" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Utilisez_vos_scripts_JavaScript_aussi_facilement_que_PHP_-_Node-direct.jpg" /></a></p> <p>De cette manière, vous n'avez pas besoin d'utiliser une multitude de serveur NodeJS pour chacun de vos scripts.</p> <p>Pour l'executer, il suffit d'entrer le chemin du script dans la barre d'adresse de votre navigateur préféré, c'est tout.</p> <p>Enfin comme il est sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utilier pour vos prochains projets de site web ou d'applications personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.&nbsp;</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Utilisez</li><li>scripts</li><li>javascript</li><li>aussi</li><li>facilement</li><li>PHP</li><li>Nodedirect</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>site</li><li>web</li><li>application</li><ul></div>

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/5dfbad850660c3e63fae50c8c7165421_S.jpg" alt="Utilisez vos scripts JavaScript aussi facilement que PHP - Node-direct" /></div><div class="K2FeedIntroText"><p>Node-direct vous permet d'executer des fichiers JavaScript via NodeJS aussi facilement que PHP via un serveur WEB (apache ou Nginx).</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a target="_blank" title="WebDesign Utilisez vos scripts JavaScript aussi facilement que PHP - Node-direct" href="https://github.com/finom/node-direct"><img alt="WebDesign Utilisez vos scripts JavaScript aussi facilement que PHP - Node-direct" src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Utilisez_vos_scripts_JavaScript_aussi_facilement_que_PHP_-_Node-direct.jpg" /></a></p> <p>De cette manière, vous n'avez pas besoin d'utiliser une multitude de serveur NodeJS pour chacun de vos scripts.</p> <p>Pour l'executer, il suffit d'entrer le chemin du script dans la barre d'adresse de votre navigateur préféré, c'est tout.</p> <p>Enfin comme il est sous <a target="_blank" title="licence MIT" href="https://fr.wikipedia.org/wiki/Licence_MIT">licence MIT</a>, vous pouvez l'utilier pour vos prochains projets de site web ou d'applications personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.&nbsp;</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>Utilisez</li><li>scripts</li><li>javascript</li><li>aussi</li><li>facilement</li><li>PHP</li><li>Nodedirect</li><li>licence</li><li>MIT</li><li>open</li><li>source</li><li>site</li><li>web</li><li>application</li><ul></div> 2017-02-20T07:50:38Z 2017-02-20T07:50:38Z https://www.noemiconcept.eu/index.php/fr/component/k2/207678-webdesign-automatiser-la-conversion-javascript-de-es5-vers-es6-invig.html Olivier Ruffin olivier.ruffin@noemiconcept.com

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/b6ce3cd22a0a214c7e3ad481501424b3_S.jpg" alt="Automatiser la conversion JavaScript de ES5 Vers ES6 - Invig" /></div><div class="K2FeedIntroText"><p>Les changement entre la version JavaScript de ES5 et ES6 sont importantes.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a href="https://invig.io/" title="WebDesign Automatiser la conversion JavaScript de ES5 Vers ES6 - Invig" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Automatiser_la_conversion_JavaScript_de_ES5_Vers_ES6_-_Invig.jpg" alt="WebDesign Automatiser la conversion JavaScript de ES5 Vers ES6 - Invig" /></a></p> <p>Si vous avez des anciens scripts, vous pouvez facilement les convertir avec <a href="https://invig.io/" title="WebDesign Automatiser la conversion JavaScript de ES5 Vers ES6 - Invig" target="_blank">Invig</a>.</p> <p>De plus, il vous permet de rendre votre code plus lisible et proche des standards.</p> <p>Enfin, comme il est sous licence MIT, vous pouvez l'utiliser pour vos scripts personnels comme professionnels, l'adapter à vos besoins et pourquoi pas participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>automatiser</li><li>Conversion</li><li>javascript</li><li>ES5</li><li>vers</li><li>ES6</li><li>Invig</li><li>licence</li><li>MIT</li><li>site</li><li>web</li><li>scripts</li><ul></div>

<div class="K2FeedImage"><img src="https://www.noemiconcept.com/media/k2/items/cache/b6ce3cd22a0a214c7e3ad481501424b3_S.jpg" alt="Automatiser la conversion JavaScript de ES5 Vers ES6 - Invig" /></div><div class="K2FeedIntroText"><p>Les changement entre la version JavaScript de ES5 et ES6 sont importantes.</p> <p></div><div class="K2FeedFullText"></p> <p style="text-align: center;"><a href="https://invig.io/" title="WebDesign Automatiser la conversion JavaScript de ES5 Vers ES6 - Invig" target="_blank"><img src="https://www.noemiconcept.com/images/stories/articles/WebDesign_Automatiser_la_conversion_JavaScript_de_ES5_Vers_ES6_-_Invig.jpg" alt="WebDesign Automatiser la conversion JavaScript de ES5 Vers ES6 - Invig" /></a></p> <p>Si vous avez des anciens scripts, vous pouvez facilement les convertir avec <a href="https://invig.io/" title="WebDesign Automatiser la conversion JavaScript de ES5 Vers ES6 - Invig" target="_blank">Invig</a>.</p> <p>De plus, il vous permet de rendre votre code plus lisible et proche des standards.</p> <p>Enfin, comme il est sous licence MIT, vous pouvez l'utiliser pour vos scripts personnels comme professionnels, l'adapter à vos besoins et pourquoi pas participer à son développement.</p></div><div class="K2FeedTags"><ul><li>webDesign</li><li>automatiser</li><li>Conversion</li><li>javascript</li><li>ES5</li><li>vers</li><li>ES6</li><li>Invig</li><li>licence</li><li>MIT</li><li>site</li><li>web</li><li>scripts</li><ul></div>