author	since	tag
emchateau	2016-06-20	javascript

Divers JavaScript

Tutoriaux

The Modern JavaScript Tutorial. How it’s done now. From the basics to advanced topics with simple, but detailed explanations
https://github.com/getify/You-Dont-Know-JS
https://modern-web.dev
http://jstherightway.org
https://developer.mozilla.org/en-US/docs/Web/JavaScript

Livres et documentation

Axel Rauschmayer, Exploring ES6, Upgrade to the next version of JavaScript
Axel Rauschmayer, Speaking JavaScript
Axel Rauschmayer, Setting up ES6
Axel Rauschmayer, Exploring ES2016 and ES2017
Nicholas C. Zakas. Understanding ECMAScript 6 ++
You don’t know JavaScript
Addy Osmani, Learning JavaScript Design Patterns
Eloquent JavaScript
Deviens un ninja avec Angular 2
Perfection Kills, Exploring JavaScript by Example
https://javascriptweblog.wordpress.com
Learning JavaScript Design Patterns

Sites

https://www.javascript.com
https://www.echojs.com

Tutoriaux frameworks

VueJS

https://laracasts.com/
https://laracasts.com/series/learn-vue-2-step-by-step

Meteor (fullstack framework)

https://github.com/Urigo/awesome-meteor (liste de ressources)
http://meteor-up.com/ (easy deploy)

React

http://buildwithreact.com/tutorial

Cheatsheet (modern syntax)

https://github.com/DrkSephy/es6-cheatsheet
https://medium.com/the-node-js-collection/modern-javascript-explained-for-dinosaurs-f695e9747b70

Styles d’écriture

idiomatic.js
Google JavaScript guide
AirBandB styleguide
Hive project-guideline
https://standardjs.com
https://www.sitepoint.com/shorthand-javascript-techniques/

Outils

JSHint

http://jshint.com

IntercoolerJS

AJAX With Attributes: There is no need to be complex.

http://intercoolerjs.org

Paper.js

The Swiss Army Knife of Vector Graphics Scripting.

http://paperjs.org

Computer Science in Javascript

Collection of classic computer science paradigms, algorithms and approaches written in JavaScript

https://github.com/nzakas/computer-science-in-javascript

momentJS

https://momentjs.com/ (gestion de date, time, timezones ...)

Lodash

https://lodash.com/
https://css-tricks.com/debouncing-throttling-explained-examples/

Underscore

http://underscorejs.org/ (pre-written functions)

Velocity.js

http://velocityjs.org

Filepond

https://pqina.nl/filepond

https://github.com/pqina/filepond

Autocomplete

Lightweight: 5.4 kB of JavaScript - less than 2.4 kB gzipped
Written in plain JavaScript, no dependencies and lightning fast

PwdQmv

https://codepen.io/postleonardo/pen/PwdQmv

Awesomplete

Ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers. Because still doesn’t cut it.

https://leaverou.github.io/awesomplete/

List.js

Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.

http://listjs.com

datalist (HTML5)

évaluer la possibilité de HTML5

Éditeurs

Substance

A JavaScript library for web-based content editing.

http://substance.io

Visionneuses vidéo

https://ina-foss.github.io/amalia.js/

Annotations

Annotator

https://github.com/dvnc/annotator

HighlighterJS

A dependency less library for adding mentioning and tag links to text

https://github.com/goVanilla/highlighterJS

cf. https://github.com/goVanilla

Visualisation de données

C3.js D3-based reusable chart library

déclinaison de D3

https://c3js.org

Charts.js

Open SOurce. HTML5 based JavaScript, canvas au lieu de SVG.

https://www.chartjs.org

Chartist.js

SVG based library. No dependancies.

https://gionkunz.github.io/chartist-js/

Sigma JS

https://www.sigmajs.org/

D3js

D3 book
https://www.dashingd3js.com/lessons/

voir aussi http://nvd3.org cf. https://css-tricks.com/how-to-make-a-modern-dashboard-with-nvd3-js/#more-273899

Réalisation de Graphiques avec D3js

Greuler

greuler

graph theory visualizations

http://mauriciopoppe.github.io/greuler/#/

Function-plot

2d function plotter on steroids!

http://mauriciopoppe.github.io/function-plot/

https://github.com/mauriciopoppe

Cytoscape.js

http://js.cytoscape.org

Autres bibliothèques pour le graphisme

G2

Grammaire visuelle d’après l’ouvrage The Grammar Of Graphics de Leland Wilkinson

MIT

https://antv.alipay.com/zh-cn/g2/3.x/index.html

https://github.com/antvis/g2

Organigrammes

http://www.blogduwebdesign.com/ressource-javascript/librairie-JS-algorigrammes-flowchart-svg/2569

https://codepen.io/Bogdan-Lyashenko/pen/XzmzNv

yarn add js2flowchart

Semiotic

https://emeeks.github.io/semiotic/

Cytoscape

http://www.cytoscape.org/

Graphs

http://js.cytoscape.org

D3.js

bl.ocks : https://bl.ocks.org/
blockbuilder / avec moteur de recherche par fonction D3 : http://blockbuilder.org/search

Three.js

CJ Gammon : https://www.youtube.com/watch?v=ABV1mK1CGOY
Galerie d'exemples : https://threejs.org/examples/

Famous

https://famous.org/learn/

Chart.js

http://www.chartjs.org/

Highcharts.js

https://www.highcharts.com/ (A été utilisé pour data.afd.fr. Hyper simple à prendre en main)

Moment.js — a lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.

Gantt

https://frappe.io/gantt

Chronologies et Storytelling

TimelineJS - A Storytelling Timeline built in JavaScript et http://timeline.knightlab.com
Soundcite
Juxtapose
Storymap
timesheet.js - JavaScript library for simple HTML5 & CSS3 time sheets.
Scene
https://h5p.org
https://idyll-lang.org ++
http://staging.famous.org

Propriétaires

Micrio https://micr.io/

Ultra resolution storytelling on the web -- a proud @Q42 product https://app.nos.nl/namenmonument/

https://thingsthattalk.net/en/about

https://www.fabrique.nl/

https://www.q42.nl/

Guides interactifs

Intro.js

Step-by-step guide and feature introduction

https://introjs.com

Hopscotch

Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.