2f:[{"id":"e073b16a94539586efdbd819d64df6e594d57eae5774253d8156dc8182eea350eb423066640ab91e4b1f5263c950a8d9b830c9dcdd64b27bec290842bda66be6","href":"https://static.observableusercontent.com/files/e073b16a94539586efdbd819d64df6e594d57eae5774253d8156dc8182eea350eb423066640ab91e4b1f5263c950a8d9b830c9dcdd64b27bec290842bda66be6","name":"800px-Npm-logo.svg.png","type":"image/png","lastModified":1776411438683.168,"size":1650},{"id":"42d753501b24cdbf2ef741a8b2949073a2c3be6f8a326c78c72d32d859f8d50d7a6d72840444060c50294db5b09a40c5691d2f517c8d4173880a493fff84b850","href":"https://static.observableusercontent.com/files/42d753501b24cdbf2ef741a8b2949073a2c3be6f8a326c78c72d32d859f8d50d7a6d72840444060c50294db5b09a40c5691d2f517c8d4173880a493fff84b850","name":"bouquins.png","type":"image/png","lastModified":1776411438683.168,"size":1597155},{"id":"0b6e76dd161a0c376c7bc0b6bb76c877fd6ce17d6957e1cbea76891e33527622dc2526d84109da7356bb920bd4f3c635248f96738fc57a7f38f8ed541b09c471","href":"https://static.observableusercontent.com/files/0b6e76dd161a0c376c7bc0b6bb76c877fd6ce17d6957e1cbea76891e33527622dc2526d84109da7356bb920bd4f3c635248f96738fc57a7f38f8ed541b09c471","name":"ecma.png","type":"image/png","lastModified":1776411438683.168,"size":2302},{"id":"0121fb7b1107cb84f05457853bdc8b1d07bb5a6f9f76984a9b8c11ae1faca39d3e2726de04a4f5a56c24a56c285b26b0101b06825fa5d5d70cf9af5b9e591a1c","href":"https://static.observableusercontent.com/files/0121fb7b1107cb84f05457853bdc8b1d07bb5a6f9f76984a9b8c11ae1faca39d3e2726de04a4f5a56c24a56c285b26b0101b06825fa5d5d70cf9af5b9e591a1c","name":"javascript.png","type":"image/png","lastModified":1776411438683.168,"size":1992},{"id":"d7b7cd156c5d76ffbda8d8a9fbcd42a1efaada6146d2c14356165d103ab667fbfdfe50327f5a0e3cdfc8c731fb6cdbcb460eae0e95e40169ba7306102bfce679","href":"https://static.observableusercontent.com/files/d7b7cd156c5d76ffbda8d8a9fbcd42a1efaada6146d2c14356165d103ab667fbfdfe50327f5a0e3cdfc8c731fb6cdbcb460eae0e95e40169ba7306102bfce679","name":"jswasm.jpg","type":"image/jpeg","lastModified":1776411438683.168,"size":48720},{"id":"94847cc89a418e9b3a7189b6480d63c4ffe56d178cd92745393601362e3d4fff5e14cad9ae083ddff89f5cade95d9526e24d8ee329e693ebc29c3dd170dd39e4","href":"https://static.observableusercontent.com/files/94847cc89a418e9b3a7189b6480d63c4ffe56d178cd92745393601362e3d4fff5e14cad9ae083ddff89f5cade95d9526e24d8ee329e693ebc29c3dd170dd39e4","name":"node.png","type":"image/png","lastModified":1776411438683.168,"size":4460},{"id":"a1123ae36851de1863f8296d747362a821a3f1348a98d7622b77b612204f636bc6bbc7aaf7859792a51b20329d835327b782cd900ca00233b81167e90ef6e8ac","href":"https://static.observableusercontent.com/files/a1123ae36851de1863f8296d747362a821a3f1348a98d7622b77b612204f636bc6bbc7aaf7859792a51b20329d835327b782cd900ca00233b81167e90ef6e8ac","name":"Screenshot from 2025-11-26 10-14-57.png","type":"image/png","lastModified":1776411438683.168,"size":84292}] 2d:{"title":"Et pourquoi pas le JavaScript ?","cells":[{"id":0,"value":"# Et pourquoi pas le JavaScript ?","pinned":false,"hidden":false,"mode":"md"},{"id":218,"value":"### *De nombreux langages ont le vent en poupe pour faire de l'analyse de données. On parle beaucoup de Python et de R. Mais certains pensent que le bon candidat, c'est le JavaScript.* ","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"javascript = FileAttachment(\"javascript.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"

HISTORIQUE

","pinned":false,"hidden":false,"mode":"md"},{"id":14,"value":"Le JavaScript est un langage de programmation qui a presque 30 ans.","pinned":false,"hidden":false,"mode":"md"},{"id":19,"value":"## 1995","pinned":false,"hidden":false,"mode":"md"},{"id":21,"value":"Le langage Javascript a été créé en dix jours en mai 1995 pour la Netscape Communications Corporation par **Brendan Eich**. Au départ, l’idée était de construire un petit langage pour faire des interactions sur les pages web. \n\nAttention, Javascript n’est pas JAVA !","pinned":false,"hidden":false,"mode":"md"},{"id":23,"value":"## 1997","pinned":false,"hidden":false,"mode":"md"},{"id":27,"value":"ecma = FileAttachment(\"ecma.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"Le langage Javascript est normalisé depuis 1997 par la commission TC39 de l’organisation ECMA International.","pinned":false,"hidden":false,"mode":"md"},{"id":30,"value":"## 2008","pinned":false,"hidden":false,"mode":"md"},{"id":32,"value":"Les navigateurs web ont travaillé à de nouveaux moteurs pour améliorer les performances. **V8** est un moteur JavaScript open-source développé par le projet Chromium pour les navigateurs Web Google Chrome et Chromium (dernière version 31 janvier 2022). Il y a aussi **SpiderMonkey** pour Firefox, **Chakra** pour Microsoft Edge et **JavaScriptCore** pour Safari","pinned":false,"hidden":false,"mode":"md"},{"id":34,"value":"## 2009","pinned":false,"hidden":false,"mode":"md"},{"id":38,"value":"node = FileAttachment(\"node.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"Création de Node.js par **Ryan Dahl**, qui permet d’utiliser le JavaScript comme langage de programmation côté serveur (back-End).","pinned":false,"hidden":false,"mode":"md"},{"id":43,"value":"## 2015","pinned":false,"hidden":false,"mode":"md"},{"id":45,"value":"Depuis 2015 (ES6 ou ES2015), le langage JavaScript est mature. Performant. Et est implémenté de manière harmonisée dans tous les navigateurs. On parle de **modern JavaScript**","pinned":false,"hidden":false,"mode":"md"},{"id":47,"value":"## Une grande communauté","pinned":false,"hidden":false,"mode":"md"},{"id":49,"value":"Une grande communauté. JavaScript est à ce jour un des langages les plus utilisé par les développeurs informatiques. D’après une enquête auprès des développeurs (Stack Overflow / sources associées), JavaScript est le langage le plus utilisé par les développeurs dans le Monde. ","pinned":false,"hidden":false,"mode":"md"},{"id":248,"value":"screenshotFrom20251126101457 = FileAttachment(\n \"Screenshot from 2025-11-26 10-14-57.png\"\n).image({ width: 500 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"*NB : le TypeScript est un langage de programmation open source développé par Microsoft, qui est un sur-ensemble de JavaScript. TypeScript ajoute le typage statique et d’autres fonctionnalités avancées qui n’existent pas nativement en JavaScript.*","pinned":false,"hidden":false,"mode":"md"},{"id":245,"value":"## Des millions de librairies","pinned":false,"hidden":false,"mode":"md"},{"id":243,"value":"Il y a à ce jour plus de **4 millions** de bibliothèques disponibles sur [**npm**](https://www.npmjs.com/).","pinned":false,"hidden":false,"mode":"md"},{"id":51,"value":"pxNpmLogoSvg = FileAttachment(\"800px-Npm-logo.svg.png\").image({ width: 150 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":261,"value":"## Evolutions","pinned":false,"hidden":false,"mode":"md"},{"id":55,"value":"Un langage qui évolue chaque année. **ECMAScript 2024** (ES15) apporte une série de nouvelles fonctionnalités qui améliorent la fonctionnalité et l'expressivité de JavaScript. Exemple : `groupBy()`. Le **ECMAScript 2025** apporte quant à lui plein de nouvelles méthodes pour les `Set`. ","pinned":false,"hidden":false,"mode":"md"},{"id":198,"value":"Map.groupBy([10, 2, -3, 123, -1, 0, 0, 12.5], (x) => Math.sign(x))","pinned":true,"hidden":false,"mode":"ojs"},{"id":225,"value":"{\n const data = [\n { name: \"Alice\", city: \"Paris\", age: 30 },\n { name: \"Bob\", city: \"Lyon\", age: 25 },\n { name: \"Claire\", city: \"Paris\", age: 28 },\n { name: \"David\", city: \"Lyon\", age: 32 }\n ];\n\n const grouped = Map.groupBy(data, (item) => item.city);\n return grouped;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":227,"value":"{\n let set1 = new Set([\"A\", \"B\", \"C\", \"G\"]);\n let set2 = new Set([\"A\", \"D\", \"E\", \"F\", \"G\"]);\n return set1.intersection(set2);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":193,"value":"Plein de nouvelles possibilités avec **webAssembly**.","pinned":false,"hidden":false,"mode":"md"},{"id":57,"value":"jswasm = FileAttachment(\"jswasm.jpg\").image({ width: 150 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"

LE LANGAGE

","pinned":false,"hidden":false,"mode":"md"},{"id":65,"value":"- C'est un langage qui s'exécute du côté client (**Front-End**) mais aussi côté serveur (**back-End**) avec node.js.","pinned":false,"hidden":false,"mode":"md"},{"id":66,"value":"- C'est un langage multi-paradigme mais toujours très **fonctionnel** (langage basé sur les fonctions).\n","pinned":false,"hidden":false,"mode":"md"},{"id":162,"value":"Notation classique","pinned":false,"hidden":false,"mode":"md"},{"id":152,"value":"function sum(a, b) {\n return a + b;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":154,"value":"sum(10, 20)","pinned":true,"hidden":false,"mode":"ojs"},{"id":164,"value":"Arrow functions","pinned":false,"hidden":false,"mode":"md"},{"id":156,"value":"multi = (a,b) => a*b","pinned":true,"hidden":false,"mode":"ojs"},{"id":159,"value":"multi(3, 4)","pinned":true,"hidden":false,"mode":"ojs"},{"id":166,"value":"On peut passer des fonctions comme paramètres à des fonctions","pinned":false,"hidden":false,"mode":"md"},{"id":168,"value":"multi(sum(10, 23), multi(2, 7))","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"- C'est aussi un langage **événementiel** (interactivité)\n","pinned":false,"hidden":false,"mode":"md"},{"id":74,"value":"- Il est faiblement typé","pinned":false,"hidden":false,"mode":"md"},{"id":95,"value":"{\n let a = 10; // Number\n a = true; // boolean\n a = [1, 2, 3, 4]; // Array\n a = { nom: \"Nicolas\", prénom: \"Lambert\" }; // Object\n a = \"JavaScript\"; // String\n return a;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":91,"value":"- Comporte des bizarreries logiques","pinned":false,"hidden":false,"mode":"md"},{"id":77,"value":"Null est un objet","pinned":false,"hidden":false,"mode":"md"},{"id":79,"value":"typeof null","pinned":true,"hidden":false,"mode":"ojs"},{"id":81,"value":"Not a Number est un nombre 🙃","pinned":false,"hidden":false,"mode":"md"},{"id":83,"value":"typeof NaN","pinned":true,"hidden":false,"mode":"ojs"},{"id":86,"value":"Contrairement à R, JavaScript n'a pas et conçu du tout pour analyser des données statistiques","pinned":false,"hidden":false,"mode":"md"},{"id":100,"value":"[7, 1, 9, 3, 10, 4, 5, 6, 2, 8].sort()","pinned":true,"hidden":false,"mode":"ojs"},{"id":102,"value":"Il faudrait écrire ceci","pinned":false,"hidden":false,"mode":"md"},{"id":104,"value":"[7, 1, 9, 3, 10, 4, 5, 6, 2, 8].sort((a, b) => a - b)","pinned":true,"hidden":false,"mode":"ojs"},{"id":179,"value":"Ou utiliser des bibliothèques","pinned":false,"hidden":false,"mode":"md"},{"id":181,"value":"d3.sort([7, 1, 9, 3, 10, 4, 5, 6, 2, 8])","pinned":true,"hidden":false,"mode":"ojs"},{"id":106,"value":"

JAVASCRIPT POUR LA SCIENCES DES DONNÉES

","pinned":false,"hidden":false,"mode":"md"},{"id":123,"value":"De nombreux langages ont le vent en poupe pour faire de l'analyse de données. On parle beaucoup de Python et de R. Mais certains pensent que le bon candidat, c'est le javascript. C'est le cas de __Mike Bostock__ (*Université Stanford, New York Times, Observable*). Il avance les arguments suivants : ","pinned":false,"hidden":false,"mode":"md"},{"id":126,"value":"- C'est le langage du web. ","pinned":false,"hidden":false,"mode":"md"},{"id":130,"value":"- Tout le monde a JavaScript qui tourne sur sa machine. Rien à installer. Il suffit d'une navigateur web.","pinned":false,"hidden":false,"mode":"md"},{"id":133,"value":"- De nombreuses bibliothèques permettent déjà de manipuler et représenter les données.","pinned":false,"hidden":false,"mode":"md"},{"id":135,"value":"- Certes, le javascript n'a peut-être pas été conçu comme un langage d'analyse de données, mais le langage peut être étendu pour mieux le prendre en charge.","pinned":false,"hidden":false,"mode":"md"},{"id":137,"value":"- Avec [WebGPU](https://en.wikipedia.org/wiki/WebGPU), [WebAssembly](https://fr.wikipedia.org/wiki/WebAssembly) et d'autres normes en cours de développement, l'avenir de JavaScript est prometteur.","pinned":false,"hidden":false,"mode":"md"},{"id":121,"value":"

COMMENT APPRENDRE ?

","pinned":false,"hidden":false,"mode":"md"},{"id":141,"value":"Il existe de nombreux livres, articles, podcats, tutos youtube pour apprendre le langage.","pinned":false,"hidden":false,"mode":"md"},{"id":145,"value":"bouquins = FileAttachment(\"bouquins.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"- https://developer.mozilla.org/en-US/docs/Web/JavaScript\n- https://www.podbean.com/podcast-detail/u8c9n-fa891/JavaScript-en-for%C3%AAt-Podcast\n- https://www.youtube.com/watch?v=PIU_2SBSZgw&list=PLjwdMgw5TTLVzD9Jq_WBd1crqDwXRn4cw","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"### *Appendix*","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"","pinned":false,"hidden":false,"mode":"md"}],"files":"$W2f","stdlib":"1","titling":"auto"}