mémo Dev

Contenus masquer
1 Sites de documentation
2 Server side
2.1 .Net
2.2 SSR Javascript/React
3 JavaScript
3.1 eBooks gratuits
3.2 Tools & Libraries
4 Mock et Fake datas
5 CSS, Fonts, Design

Sites de documentation

devhints : aides mémoires pour différents langages de programmation et commandes shell

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

design-patterns

Server side

.Net

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

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

SSR Javascript/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

JavaScript

ES6 features ou un dérivé, la doc de Babel pour ES2015

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

33 Concepts Every JavaScript Developer Should Know

Blog de James Saintclair concepts avancés de Javascript

explication sur les phases de Bubbling et Capturing

eBooks gratuits

🙏 eBooks complets sur Javascript gratuits :

Tools & Libraries

emojipedia : 👾 ses stats d’usage et nouveautés

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 pour les regex classiques (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)

bundlephobia : pour voir rapidement le poid et dépendances d’un package js
npm trends : comparer la popularité de plusieurs packags npm

Headless browsers (liste): Chromium (CEF), Phantom.js

Browsersync : permet synchroniser l’affichage lorsqu’on dev, sur plusieurs navigateurs (inclus la navigation)

MDX deck : pour créer des présentations interactives en MD augmentés de jsx

json-stringify-safe : équivalent à un JSON.stringify mais ne throw pas en cas de références circulaires. léger et populaire

Mock et Fake datas

Casual : package npm générateur de Fake datas

Mockaroo : générateur de données online a exporter ou copier/coller

Picsum.photos : le Lorem Ipsum pour les photos

CSS, Fonts, Design