<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Javascript on MICRoCLUB</title>
    <link>https://nichub.github.io/microclub/tags/javascript/</link>
    <description>Recent content in Javascript on MICRoCLUB</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>fr-CH</language>
    <copyright>© 2026 Microclub</copyright>
    <lastBuildDate>Fri, 09 Oct 2026 17:59:59 +0200</lastBuildDate><atom:link href="https://nichub.github.io/microclub/tags/javascript/index.xml" rel="self" type="application/rss+xml" />
    
    <item>
      <title>SIT – Système d’Information sur le Territoire</title>
      <link>https://nichub.github.io/microclub/2014/11/12/sit-systeme-dinformation-sur-le-territoire/</link>
      <pubDate>Wed, 12 Nov 2014 18:19:59 +0100</pubDate>
      
      <guid>https://nichub.github.io/microclub/2014/11/12/sit-systeme-dinformation-sur-le-territoire/</guid>
      <description>&lt;p&gt;Suite à la conférence de Frédéric Ducry, voici les slides de la présentation au format PDF.&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://nichub.github.io/microclub/media/2014/11/2014.31.10-Microclub-SIT.pdf&#34; title=&#34;Presentation SIT&#34;&gt;2014.31.10 Microclub – SIT&lt;/a&gt;&lt;/p&gt;&#xA;&#xA;&lt;h3 class=&#34;relative group&#34;&gt;&#xA;    &#xA;    &#xA;        Liens utiles&#xA;    &#xA;    &lt;div id=&#34;liens-utiles&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#liens-utiles&#34; aria-label=&#34;Ancre&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h3&gt;&#xA;&lt;p&gt;&lt;strong&gt;Logiciels&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;QGIS :                 &lt;a href=&#34;http://qgis.org/fr/site/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;http://qgis.org/fr/site/&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Postgresql :        &lt;a href=&#34;http://www.postgresql.org/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;http://www.postgresql.org/&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;PostGIS :             &lt;a href=&#34;http://postgis.net/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;http://postgis.net/&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;Services WMS&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;Swisstopo :               &lt;a href=&#34;http://www.swisstopo.admin.ch/internet/swisstopo/fr/home/products/services/web_services/geoservices/swisstopo_wms.html&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;http://www.swisstopo.admin.ch/internet/swisstopo/fr/home/products/services/web_services/geoservices/swisstopo_wms.html&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Etat de vaud :     &lt;a href=&#34;http://www.asitvd.ch/index.php?option=com_content&amp;amp;view=article&amp;amp;id=136&amp;amp;Itemid=154&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;http://www.asitvd.ch/index.php?option=com_content&amp;view=article&amp;id=136&amp;Itemid=154&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Sur google :        recherche avec &lt;em&gt;geoservice, wms, wfs&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;Guichet carto&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;Swisstopo :         &lt;a href=&#34;http://map.geo.admin.ch&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;http://map.geo.admin.ch&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;SITG :                   &lt;a href=&#34;http://ge.ch/sitg/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;http://ge.ch/sitg/&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Cartoriviera :      &lt;a href=&#34;http://map.cartoriviera.ch/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;http://map.cartoriviera.ch/&lt;/a&gt;&lt;/p&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;&#xA;    &#xA;    &#xA;        &lt;a class=&#34;heading-self-link&#34; href=&#34;#commentaires&#34;&gt;Commentaires &lt;!-- Ajoutez un commentaire ci-dessous sous la forme : ### Votre nom — AAAA-MM-JJ --&gt;&lt;/a&gt;&#xA;    &#xA;    &lt;div id=&#34;commentaires&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#commentaires&#34; aria-label=&#34;Ancre&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;</description>
      
    </item>
    
    <item>
      <title>Emulation en JavaScript</title>
      <link>https://nichub.github.io/microclub/2013/06/01/emulation-en-javascript/</link>
      <pubDate>Sat, 01 Jun 2013 18:47:58 +0200</pubDate>
      
      <guid>https://nichub.github.io/microclub/2013/06/01/emulation-en-javascript/</guid>
      <description>&lt;p&gt;Poursuivant ma quête de pages web capables de faire tourner des programmes antédiluviens ou de petites créations vite faites sur le gaz, je suis tombé sur &lt;a href=&#34;http://repl.it/languages&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;repl.it&lt;/a&gt; . Ce site permet d’exécuter du code dans le bon vieux mode « &lt;a href=&#34;http://en.wikipedia.org/wiki/Read%E2%80%93eval%E2%80%93print_loop&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;Read Eval Print Loop&lt;/a&gt;« , mais ce qui a titillé ma curiosité, c’est le nombre et la variété des langages supportés. Outre différents dialectes de JavaScript, il y a mon cher Python, mais aussi Ruby, Lua, Scheme (un LISP moderne) et ces bons vieux Forth et QBasic !&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>Construction d’une WEBCAM</title>
      <link>https://nichub.github.io/microclub/2013/02/09/construction-dune-webcam/</link>
      <pubDate>Sat, 09 Feb 2013 00:26:51 +0100</pubDate>
      
      <guid>https://nichub.github.io/microclub/2013/02/09/construction-dune-webcam/</guid>
      <description>&lt;p&gt;&lt;a href=&#34;https://nichub.github.io/microclub/media/2013/02/Construction-dune-WEBCAM.pdf&#34; &gt;&lt;figure&gt;&lt;img&#xA;    class=&#34;my-0 rounded-md&#34;&#xA;    loading=&#34;lazy&#34;&#xA;    decoding=&#34;async&#34;&#xA;    fetchpriority=&#34;low&#34;&#xA;    alt=&#34;WEBCAM&#34;&#xA;    src=&#34;https://nichub.github.io/microclub/media/2013/02/WEBCAM-1024x768.jpg&#34;&#xA;    &gt;&lt;/figure&gt;&#xA;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Présentation Microclub du 8.2.2013&lt;/p&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;&#xA;    &#xA;    &#xA;        &lt;a class=&#34;heading-self-link&#34; href=&#34;#commentaires&#34;&gt;Commentaires &lt;!-- Ajoutez un commentaire ci-dessous sous la forme : ### Votre nom — AAAA-MM-JJ --&gt;&lt;/a&gt;&#xA;    &#xA;    &lt;div id=&#34;commentaires&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#commentaires&#34; aria-label=&#34;Ancre&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;</description>
      
    </item>
    
    <item>
      <title>La meilleure page d’ « erreur 404 » du monde</title>
      <link>https://nichub.github.io/microclub/2013/01/21/la-meilleure-page-d-erreur-404-du-monde/</link>
      <pubDate>Mon, 21 Jan 2013 07:25:22 +0100</pubDate>
      
      <guid>https://nichub.github.io/microclub/2013/01/21/la-meilleure-page-d-erreur-404-du-monde/</guid>
      <description>&lt;p&gt;est celle de  &lt;a href=&#34;http://www.romainbrasier.fr/404&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;www.romainbrasier.fr&lt;/a&gt; !&lt;/p&gt;&#xA;&lt;p&gt;Allez voir, rappelez-vous du bon vieux temps, et vive les Lemmings en javascript !&lt;/p&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;&#xA;    &#xA;    &#xA;        &lt;a class=&#34;heading-self-link&#34; href=&#34;#commentaires&#34;&gt;Commentaires &lt;!-- Ajoutez un commentaire ci-dessous sous la forme : ### Votre nom — AAAA-MM-JJ --&gt;&lt;/a&gt;&#xA;    &#xA;    &lt;div id=&#34;commentaires&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#commentaires&#34; aria-label=&#34;Ancre&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;</description>
      
    </item>
    
    <item>
      <title>DrGoulu.com a été hacké !</title>
      <link>https://nichub.github.io/microclub/2013/01/18/drgoulu-com-a-ete-hacke/</link>
      <pubDate>Fri, 18 Jan 2013 16:36:45 +0100</pubDate>
      
      <guid>https://nichub.github.io/microclub/2013/01/18/drgoulu-com-a-ete-hacke/</guid>
      <description>&lt;p&gt;Cet après-midi je me suis rendu compte que le code HTML des pages de mon site drgoulu.com comportait du contenu non souhaité :&lt;/p&gt;&#xA;&lt;p&gt;[source language= »html »]&lt;br/&gt;&#xA;&amp;lt;!–start-add-div-content–&amp;gt;&lt;br/&gt;&#xA;&amp;lt;p class=&#34;nemonn&#34;&amp;gt;(tout un texte sur les vertus du Viagra avec des liens vers de sites officiels, et d’autres moins…)&amp;lt;/p&amp;gt;&lt;br/&gt;&#xA;&amp;lt;!–end-add-div-content–&amp;gt;[/source]&lt;/p&gt;&#xA;&lt;p&gt;Mais comment se fait-il que ce paragraphe soit invisible ? A l’aide de la fonction « inspecter l’élément de Chrome » je trouve rapidement que le style correspondant à &amp;lt;p class= »nemonn »&amp;gt; est  {position:absolute; top:-9999px}, ce qui rend le texte invisible, mais pas moyen de trouver la feuille de style CSS correspondante. C’est là que j’avise ce drôle de script présent lui aussi dans la page:&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>Graphiques au look XKCD en Javascript avec D3</title>
      <link>https://nichub.github.io/microclub/2012/11/21/graphiques-au-look-xkcd-en-javascript-avec-d3/</link>
      <pubDate>Wed, 21 Nov 2012 19:58:51 +0100</pubDate>
      
      <guid>https://nichub.github.io/microclub/2012/11/21/graphiques-au-look-xkcd-en-javascript-avec-d3/</guid>
      <description>&lt;p&gt;&lt;em&gt;Article original sur  &lt;a href=&#34;http://dan.iel.fm/xkcd/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;dan.iel.fm&lt;/a&gt;  &lt;a href=&#34;http://www.scoop.it/t/algos/p/3427052977/graphiques-au-look-xkcd-en-javascript-avec-d3&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;Scoop.it&lt;/a&gt;é et traduit par Goulu sur  &lt;a href=&#34;http://www.scoop.it/t/algos&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;Algos&lt;/a&gt; :&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p&gt;Inspiré par &lt;a href=&#34;http://jakevdp.github.com/blog/2012/10/07/xkcd-style-plots-in-matplotlib/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;cet article de blog&lt;/a&gt; et le commentaire de Mike Bostoc &lt;a href=&#34;http://news.ycombinator.com/item?id=4597977&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;sur ce forum&lt;/a&gt;, &lt;a href=&#34;http://dan.iel.fm/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;Dan Foreman-Mackey&lt;/a&gt; a décidé de faire un &lt;a href=&#34;http://xkcd.com/1064/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;style de graphique XKCD&lt;/a&gt; en Javascript en utilisant &lt;a href=&#34;http://d3js.org/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;D3&lt;/a&gt; et une &lt;a href=&#34;http://bl.ocks.org/3310323&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;fonction d’interpolation maison&lt;/a&gt;. Il a aussi essayé d’utiliser le &lt;a href=&#34;http://bost.ocks.org/mike/chart/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;paradigme  « reusable chart » de D3&lt;/a&gt;.&lt;/p&gt;&#xA;&lt;p&gt;Vous devriez vraiment regarder le &lt;a href=&#34;http://bl.ocks.org/3914862&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;code source&lt;/a&gt;.&lt;/p&gt;&#xA;&lt;p&gt;Voici un exemple:&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.scoop.it/t/algos/p/3427052977/graphiques-au-look-xkcd-en-javascript-avec-d3&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;&lt;figure&gt;&lt;img&#xA;    class=&#34;my-0 rounded-md&#34;&#xA;    loading=&#34;lazy&#34;&#xA;    decoding=&#34;async&#34;&#xA;    fetchpriority=&#34;low&#34;&#xA;    alt=&#34;&#34;&#xA;    src=&#34;http://img.scoop.it/1cBpc4BongRLCxMK7fnIeDl72eJkfbmt4t8yenImKBXEejxNn4ZJNZ2ss5Ku7Cxt&#34;&#xA;    &gt;&lt;/figure&gt;&#xA;&lt;/a&gt;&lt;/p&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;&#xA;    &#xA;    &#xA;        &lt;a class=&#34;heading-self-link&#34; href=&#34;#commentaires&#34;&gt;Commentaires &lt;!-- Ajoutez un commentaire ci-dessous sous la forme : ### Votre nom — AAAA-MM-JJ --&gt;&lt;/a&gt;&#xA;    &#xA;    &lt;div id=&#34;commentaires&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#commentaires&#34; aria-label=&#34;Ancre&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;</description>
      
    </item>
    
    <item>
      <title>Javascript : le langage de programmation le plus incompris du monde</title>
      <link>https://nichub.github.io/microclub/2012/10/21/javascript-le-langage-de-programmation-le-plus-incompris-du-monde/</link>
      <pubDate>Sun, 21 Oct 2012 09:33:47 +0200</pubDate>
      
      <guid>https://nichub.github.io/microclub/2012/10/21/javascript-le-langage-de-programmation-le-plus-incompris-du-monde/</guid>
      <description>&lt;p&gt;&lt;em&gt;en 2001, &lt;a href=&#34;http://fr.wikipedia.org/wiki/Douglas_Crockford&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;Douglas Crockford&lt;/a&gt;  a publié « JavaScript:The World’s Most Misunderstood Programming Language » &lt;a href=&#34;http://javascript.crockford.com/javascript.html&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;sur son site&lt;/a&gt; &lt;a href=&#34;http://www.crockford.com/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;www.crockford.com&lt;/a&gt;. Ce texte fut traduit en plusieurs langues, dont le français par mes soins en 2009, mais un autre traducteur m’avait devancé de quelques jours… Comme cette autre traduction n’est plus disponible (&lt;a href=&#34;http://lepinekong.fr/douglas-crockford-javascript-le-plus-incompris-des-languages-au-monde/&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;lien cassé&lt;/a&gt;), je publie la mienne ici.&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;em&gt;Je trouve ce texte intéressant dans la mesure où « le langage de programmation le plus incompris du monde est devenu le langage de programmation le plus populaire du monde ». C’est &lt;a href=&#34;http://javascript.crockford.com/popular.html&#34;  target=&#34;_blank&#34; rel=&#34;noreferrer&#34;&gt;le titre d’un autre texte&lt;/a&gt; de Crockford à traduire un de ces jours.&lt;/em&gt;&lt;/p&gt;</description>
      
    </item>
    
    <item>
      <title>Barrette écologique – suivi</title>
      <link>https://nichub.github.io/microclub/2009/11/23/barrette-ecologique-suivi/</link>
      <pubDate>Mon, 23 Nov 2009 22:11:16 +0100</pubDate>
      
      <guid>https://nichub.github.io/microclub/2009/11/23/barrette-ecologique-suivi/</guid>
      <description>&lt;p&gt;Comme ce projet avance par étapes, je me propose d’en relater les avancées ici. Eh oui, c’est finalement assez complexe, et ça mérite quelques éclaircissements. Il ya :&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Le hard&lt;/li&gt;&#xA;&lt;li&gt;le logiciel bas niveau&lt;/li&gt;&#xA;&lt;li&gt;les processus LAN&lt;/li&gt;&#xA;&lt;li&gt;du temps réel&lt;/li&gt;&#xA;&lt;li&gt;l’interface WEB&lt;/li&gt;&#xA;&lt;li&gt;de la compression&lt;/li&gt;&#xA;&lt;li&gt;des stockages et transmission de données&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Actuellement (novembre 2009),  le hard est posé dans les grandes lignes; mais pas complètement arrêté. La clock RTC sera matérialisé par un DS1307, une pile, un quartz. La commande de triacs sera fortement inspirée d’une interface de Franic (merci Laurent!).&lt;/p&gt;</description>
      
    </item>
    
  </channel>
</rss>
