https://wiki.sgy.io/ 2026-05-12T12:13:07+00:00 https://wiki.sgy.io/ https://wiki.sgy.io/_media/wiki:logo.png text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:array_prototype_ext?rev=1755361811&do=diff function addPrototypeFunctions() { if (typeof Object.defineProperty === 'function') { try { Object.defineProperty(Array.prototype, 'sortBy', { value:sb }); Object.defineProperty(Array.prototype, 'sameAs', { value:sameAs }); } catch (e) { } } if (!Array.prototype.sortBy) { Array.prototype.sortBy = sb; } if (!A… text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:bonnes_pratiques?rev=1755361811&do=diff Bonnes pratiques de JavaScript Le JavaScript n'est pas le meilleur des langage de programmation. Il a ses faiblesses et c'est pour cette raison qu'il faut établir les bonnes pratiques. Pratiques générales Insertion automatique du point-vigule text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:codes?rev=1755361811&do=diff Créer une fenêtre popup <SCRIPT LANGUAGE="JavaScript"> <!— function afficherPopup(nom_de_la_page, nom_interne_de_la_fenetre) { window.open (nom_de_la_page, nom_interne_de_la_fenetre, config='height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no') } --> </SCRIPT> text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:gatsbyjs?rev=1755361811&do=diff Gatsbyjs Installer le Gatsby CLI: $ npm i -g gatsby-cli $ gatsby telemetry --disable Checkout un projet starter, aller sur Gatsby Starters et utiliser la commande npx gatsby ... pour checkout le projet. Dans le répertoire du projet, pour démarrer le serveur et avoir un process watch: text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:inversify?rev=1755361811&do=diff Inversify inversify-express-utils container .bind<RequestHandler>('Middleware') .toConstantValue(function customMiddleware(req, res, next) { console.log('custom handler'); next(); }) .whenTargetNamed('Custom'); @controller( '/portfolios', container.getNamed<RequestHandler>('Middleware', 'Custom'), ) text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:jquery?rev=1755361811&do=diff jQuery Le jQuery est plus simple et plus rapide à utiliser que le DOM du JavaScript ordinaire. Par exemple : document.getElementByTagName("p"); s'écrit en jQuery comme suit : $("p"); Ou encore : document.getElementById("liste1"); $("#liste1"); text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:jwt?rev=1755361811&do=diff JSON Web Token Le JSON Web Token (JWT, prononcé jot) est un standard d'authentification. <http://self-issued.info/docs/draft-ietf-oauth-json-web-token.html> Packages node * jose et documentation (panva, moins utilisée, plus complet) * jose (version cisco, plus utilisée, moins complet) * jsonwebtoken * jwks-rsa Outils * jwt.io Spécifications text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:langage?rev=1755361811&do=diff Le JavaScript Il a été inventé par Netscape en même temps que Java dans le milieu des années 1990, mais n'est pas Java. Grossièrement, ce qui les approche est la syntaxe, rien d'autre. Le JavaScript est un langage de programmation script qui s'insère dans un document text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:mootools?rev=1755361811&do=diff Mootools Propriétés Checked Pour changer la valeur checked sur un radio button par exemple, on ne peut pas faire event.target.getElement('input').checked = true; Avec Mootools, il faut pluttôt faire set() : event.target.getElement('input').set('checked', true); text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:outils?rev=1755361811&do=diff Beautifier / Compressor * UglifyJS2 text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:rxjs?rev=1755361811&do=diff RxJS Référence : rxjs.dev Reactive Programming * ReactiveX.io * RxJS est la version JavaScript * Observable Pattern * Asynchronous programming getDataFromLocalMemory() .skip(10) .take(5) .map({ s -> return s + " transformed" }) .subscribe({ println "onNext => " + it }) text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:testing?rev=1755361811&do=diff Jest Utilisé pour tester des applications JavaScript/TypeScript. * Node * React * Angular * etc Extensions * Jest-When Nightmare * Outil : Daydream * Alternative : Horseman * Web scraping with Nightmare.js * <http://stackoverflow.com/questions/37857545/nightmare-js-conditional-browsing> Jasmine Marble Types d'observables: * Hot * Cold Marble Syntax text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:toc?rev=1755361811&do=diff JavaScript * Langage * Bonnes pratiques * Web API * Angular * NodeJS - npm modules * MEAN Stack * Outils * Grunt * Gulp * Linters * Étendue du prototype Array * ES6 * Promesses * Electron * RegExp * React * VueJS * JWT * InversifyJS * Testing JSON * jq TypeScript * TypeScript * ESLint avec TypeScript Le mieux c'est de consulter directement le Handbook officiel de TypeScript. * TypeScript Deep Dive * TypeScript Cheatsheet Désuet * … text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:typescript?rev=1755361811&do=diff TypeScript Installation * Installer node.js * Installer TypeScript par npm : # npm install -g typescript Linting @typescript/eslint * Visual Studio Code a une extension : TSLint * Linter Documentation : TSLint (Rules) Pour installer: $ npm i -g tslint text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:vuejs?rev=1755361811&do=diff VueJS Prend en compte VueJs 2+ * VueJS 2 API * Getting Started Démarrer un projet VueJS2 * Se mettre dans le répertoire parent du projet (ne pas créer le répertoire du projet). * $ vue init webpack-simple [nom-du-projet] * npm install * npm run dev Voir vue-cli text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.sgy.io/web:javascript:web-api?rev=1755361811&do=diff Fetch API Forme de base: const response = await fetch(urlOrRequest[, options]); Le premier argument URL ou request (objet) est obligatoire. Les options sont optionnels. Options de base: * option.method: GET par default, peut être d'autres verbes HTTP.