DEV

General documentation

• devdocs 🥰 : documentation de nombreux langages de programmation et outils
• devhints : aides mémoires et snippets de code pour différents langages de programmation
• design-patterns : Le catalogue des Design Patterns 🧐
• JS Coding style: Airbnb (jsx), Standard, Idiomatic.js

JavaScript

Aide au choix de modules npm

• npmTrends : le must pour voir la popularité d'un package npm
• bundlephobia : pour voir rapidement le poid et dépendances d'un package js
• snyk : propose des outils et prestations pour sécuriser le code javascript

Javascript documentation

• ES6 features
• 30 sec : collection de snippets JavaScript compréhensible chacun en moins de 30 sec
• 33 Concepts Every JavaScript Developer Should Know

Libs

• Underscore.js | Lodash : souvent pas vraiment nécessaire, mais toujours utiles pour l'utilisation sur des Objets plutôt que des collections
• ⌚ Moment.js | date-fns | dayjs : traitement et affichage des date et heures, date functions (date-fns) est léger
• Validator.js : permet de s'affranchir de réinventer les regex courantes pour les validation comme téléphone, email, code postal
• pour le requetage AJAX React Query vs SWR (voir comparatif)

Tooling

• VSCode en ligne 😍 ! voir blog post d'intro du 08/21
• Online playgrounds: jsfiddle, jsbin, CodePen
• Prettier : formattage auto du code, indispensable 🌟
• ✍️ ESLint (rules plugins configs) : linter, indispensable 🌟

React & Frameworksp

• Next.js (framework React pour SSR)
• Remix
  • live steam d'intro à Remix par Kent C Dodds
  • article Next vs Remix par Ryan Florence co-fondateur de Remix

Automatisation

• Playwright (Microsoft) remplacant de Puetteer (Google) et aussi dans la pluspart des cas de Selenium (voir comparatif)
• Taiko : une Node.js library de plus haut niveau que #Playwright ou #Puetteer disposant d'un Recorder et d'une API extrèment simple. Développée par l'équipe de Gauge (framework de test en #Markdown)
• Katalon : GUI pour #Selenium (utilise le WebDriver framework de Selenium)

Server side

• Nestjs : permet de construire des API et comporte un grand nombre d'outils annexes (tutos Youtube de Marius Espejo)
• Feathers : pour construires API et applications temps rééls
• Loopback (Node) : Permets de créer facilement des Web API avec Node
• ASP.Net Boilerplate : Projets multi couche avec application des best practices (archi, dev, tests etc.)

Misc

• Headless browsers (liste): Chromium (CEF), Phantom.js
• Browsersync : permet synchroniser l'affichage lorsqu'on dev, sur plusieurs navigateurs (inclus la navigation)
• Casual : générateur de Fake datas et pour un générateur de données online ca sera Mockaroo
• libhunt : découvrir les tendances Open Source

📚 eBooks gratuits

• JavaScript for impatient programmers (comprend toutes les nouveautés jusqu'à ECMAScript 2022)
• javascript.info est une version consultable en ligne gratuitement (= 3 livres)
• Eloquent JavaScript (3rd 2018)
• Exploring ES6 (2018)
• Speaking JavaScript (ES5 2014)
• Typescript Deep Dive

CSS, Fonts, Design

• fontsquirrel : de nombreuses Font gratuites
• Google Fonts
• CSS Blend modes & l'application sur texte/image
• SASS (middlewares , step-by-step avec EC2 & Nginx)

OPS

Windows

• chocolatey : gestionnaire d'applications, équivalent à apt de debian (lire mon post)
• winget : interface cliente du service Gestionnaire de package Windows (usage)
• WSL : Linux sous Windows 10
• licensecrawler : (lancer en admin) pour récupérer toutes ses licences avant migration ou formatage
• Sysinternals 🧰 : la boite à outil indispensable (vidéos) avec Procmon (successeur de Regmon et Filemon)

Pour installer ces outils, le plus simple consiste à utiliser chocolatey

Linux 🐧

système

• htop : commandes listant les process et leurs consommation en direct, avec une interface moins austère que le classique top
• pstree -a : liste des process en arborescence
• liste de commandes système
• dossiers principaux d'un système Linux
• syslog système de centralisation des logs (scripting avec logger)

fichiers

• lsof -c _nom_commande_ -u _nom_user_ : liste les fichiers ouverts (utiliser ^ pour les argument des options pour la négation)
• iotop -o -u _nom_user_ : c'est l'équivalent d'un top pour les I/O disques

réseau

• blog post
• ufw (doc digitalocean): Uncomplicated Firewall, outil de gestion simplifiée d'iptables, le firewall Linux
• fail2ban: outil de protection et de création auto de règles iptables et une doc pour sécuriser Nginx
• iptraf-ng -i eth0 : outil de visualisation graphique des I/O réseau
• tcpflow -p -c -i eth0 port 80 : capture les trames réseau selon les options spécifiés, permet de lire les en-têtes http par ex (équivalent de fiddler sous Windows)
• ssldump : pour debugger une session SSL/TLS

Devops

• Gitlab et Gogs : service git auto-hébergé, Gitlab est particulièrement gourmand en ressources (4 Go RAM min)
• Comparatif de 5 SIEM Open Source
• local-npm : local-npm agit comme un proxy entre nous et le registre npm principal
• ifconfig.co: obtenir son adresse IP externe de multiples façon

Graphisme

Windows

• Paint.Net : est un Paint dopé aux hormones ou un micro Photoshop gratuit disposant de nombreuses fonctionnalités telles que les calques, ajustements, et nombreux effets

Linux, Mac OS, Windows

• Inkscape: alternative gratuite à Adobe Illustrator, peut être utile par exemple pour générer des SVG

• Krita: logiciel professionnel open source et gratuit de peinture numérique (digital painting), alternative à Photoshop. Voir ces 2h de tuto en Francais de DigitalPainting.school : 1er cours (les brushes), 2ème cours (les autres outils) et review de Krita 5.0