JS avancé

sujets.md

Sujets divers, specifiques, intéressant à aborder lors d'une formation JS avancée.

Sujets spécifiques

• bind, apply, call, closure
• procedural / oop / fonctionnel
• use strict
• IIFE
• lib client + serveur
• require
• grunt, casper

Dépendances

• bower, npm, webpack, browserify, require

Automatisation

• gulp, grunt, brunch, brocolli, invoke, make

Testing

CasperJS, Jasmine, Mocha, Karma, Sinon

JS Serveur

• nvm, io.js, webpack

Culture JS

Frameworks Web

• Express, Meteor, VueJS(?), Polymer

Frameworks Mobile

• React, Cordova, Titanium

Autre outils

• Johnny-five

Debugging

• node : http://fr.slideshare.net/NicholasMcClay/nodejs-debugging
• log/debug/info/error, debugger

Ressources

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get
• http://vanilla-js.com/
• JS avancé : https://medium.com/humans-create-software/how-do-you-judge-a-javascript-programmer-by-only-5-questions-f2abdf7dfd4a
• ES6 : https://github.com/addyosmani/es6-tools

Exo

1. log sur click lien (queryselector, addeventlisterner, closure)
2. log click sur plusieurs liens (map.call, scope)
3. isoler le code (rendre non global) (IIFE)
4. compteur de click (classe, get/set)
5. persistence du compteur (localstorage / innodb)
6. stockage sur un serveur (fetch, websocket, socketio, express)
7. lien très populaire = prefetch des pages (webworkers, history, reecriture url)
8. geolocalisation des clients
9. animation sur disparition de la page

A voir

• ES5 / ES6 ?
• Testing Casper ?
• WebCompononent link ?
• debugger