Développeur FullStack & Devops

Notes et mémos techniques

DEV

Sites

devhints : aides mémoires pour différents langages de programmation, pour gagner du temps en cas de trou de mémoire

devdocs : les docs de nombreux langages de programmation et outils, réunis au même endroit

emojipedia : ?

design-patterns

Server side

ASP.Net Boilerplate : Projets multi couche avec application des best practices (archi, dev, tests etc.)

ASP.Net Zero : Base de code avec composante Front (pas React…)

Loopback (Node) : Permets de créer facilement des Web API avec Node

JavaScript

ES6 features

bundlephobia : pour voir rapidement le poid et dépendances d’un package js

30 sec : collection de snippets JavaScript compréhensible chacun en moins de 30 sec

33 Concepts Every JavaScript Developer Should Know

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 la roue (regex) pour les choses comme téléphone, email, code postal.

✍️ ESLint (rules plugins configs) | JSHint : Linters les plus populaires (JSLint ☠️ et JSCS ☠️ ne sont plus maintenus)

JS Coding style: Airbnb (jsx), Standard, Idiomatic.js

Playgrounds: jsfiddle, jsbin, CodePen (professor mode)

SSR React: with CRA, Next.js (framework for SSR), Inferno, MERN (v3 soon wt React16, ReactRouter4, Nodejs8, Webpack3? scaffolding tool), Meteor (full-stack framework + cli), Prerender.io SASS (middlewares , step-by-step avec EC2 & Nginx)
Blog posts: MeteorJS vs NextJS

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

? eBooks gratuits : JavaScript for impatient programmers (2019) Eloquent JavaScript (3rd 2018) Exploring ES6 (2018) Speaking JavaScript (ES5 2014)

CSS, Fonts, Design

fontsquirrel : de nombreuses Font gratuites

Google Fonts

CSS Blend modes & l’application sur texte/image

OPS

Windows

chocolatey : gestionnaire d’applications, équivalent à apt de debian (lire mon post)

WSL : Linux sous Windows 10

Cmder un shell Windows alternative au bon vieux cmd.exe, avec customisation git possible (à la oh-my-zsh)

licensecrawler : (lancer en admin) pour récupérer toutes ses licences avant migration ou formatage (copie locale)

Paint.Net : est une alternative gratuite à Photoshop, dispose de nombreuses fonctionnalités tel que les calques, ajustements, et nombreux effets

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

Pour installer ces 3 dernier outils, il est plus simple d’utiliser chocolatey (voir mon article)

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 ?

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

Cheat SheetsOutilsVidéosA propos