====== Écosystème JavaScript et Web moderne ======

En l'espace de 10 ans le web s'est radicalement transformé pour accompagner l'évolution et les attente de ses utilisateurs. 

Dans la sphère publique, sur Internet comme sur les Intranets privés, les usages sont passés de la consultation de "sites" ou de "pages" - éventuellement dynamisées à l'aide de scripts - à l'utilisation d'applications riches complexes et parfois mobiles.

Cette généralisation des applications Web riches (ou "natives") a en effet nécessité des travaux considérables autour de l'industrialisation de leur développement : outillage, performance, maintenabilité, ergonomie, entraînant de fait une importante complexification de l'écosystème technique. Cette richesse technologique a pu, de part la quantité très importante de solutions disponibles, conduire à une perte de repères ([[https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f#.1tbd0s4pa|JavaScript Fatigue]]). 

===== Intervenant =====

[[http://baptiste.meurant.io/|Baptiste Meurant]], développeur, architecte et directeur technique du pôle "Ministères et Administrations" chez [[http://worldline.com/fr/accueil.html|Worldline]] viendra tenter de répondre à ces interrogations et présenter les composantes majeures de cet écosystème, clarifier leur positionnement et démystifier un écosystème Web de plus en plus difficile à pénétrer. La présentation sera suivie d'échanges autour de ces technologies et de leurs usages.

//La société [[http://worldline.com/fr/accueil.html|Worldline]] accompagne au quotidien ses clients dans la construction, le développement, l'hébergement et l'évolution de leur SI.
A ce titre, [[http://worldline.com/fr/accueil.html|Worldline]] est partie prenante du développement technologique qui accompagne cette évolution du Web autour des technologies HTML, CSS et JavaScript et s'est résolument investie dans le développement et l'industrialisation de ces solutions.//

===== Webcast =====

La présentation a été webcastée : https://webcast.in2p3.fr/videos-presentation_des_ecosystemes_javascript_et_web_moderne

===== Slides =====

http://baptiste.meurant.io/jsecosystem/#/


===== pad pour notes collaboratives =====

Un etherpad a été mis en place pour permettre la prise de notes collaboratives, il sera accessible 1 mois.

https://etherpad.in2p3.fr/p/ecosysteme-js-20170323

===== Programme =====

L'atelier sera orienté développement javascript côté client et les principaux sujets abordés seront :

  * L'évolution du Web et de ses langages
    - Usages & navigateurs, responsive design
      - [[https://w3c.github.io/html/|HTML]]
      - CSS : [[https://www.w3.org/Style/CSS/|CSS3]], [[https://www.w3.org/TR/css-flexbox-1/|Flexbox]]
      - JavaScript : EcmaScript, ES5, ES6, ES2016, ES.Next ...
  * Librairies et Frameworks Javascript
    - [[https://jquery.com/|jQuery]]
    - [[https://lodash.com/|lodash]]
    - [[http://underscorejs.org/|underscore.js]]
    - [[http://backbonejs.org/|Backbone.js]]
    - [[https://angularjs.org/|Angular.js]]
    - [[https://facebook.github.io/react/|React.js]]
    -  [[http://emberjs.com/|Ember.js]]
  * L'industrialisation
    - Templating : [[https://mustache.github.io/|Mustache]], [[http://handlebarsjs.com/|Handlebars]], [[https://facebook.github.io/jsx/|JSX]]
    - Transpilation JavaScript : [[https://babeljs.io/|babel]], [[https://github.com/google/traceur-compiler/wiki/Getting-Started|Traceur]]
    - Modularisation : [[http://requirejs.org/docs/whyamd.html|AMD & Require.js]], [[http://www.commonjs.org/|CommonJS]], ES6 Harmony modules
    - Préprocesseurs CSS et modularisation : [[http://sass-lang.com/|Sass]], [[http://lesscss.org/|LESS]]
    - Tests : [[http://qunitjs.com/|Qunit]], [[https://mochajs.org/|Mocha]], [[http://chaijs.com/|Chai]]
    - Packaging et registres : [[http://bower.io/|Bower]], [[http://npmjs.org/|npm]], [[https://yarnpkg.com/|Yarn]]
    - Outils de build : [[http://gruntjs.com/|Grunt]], [[http://gulpjs.com/|Gulp]], [[http://broccolijs.com/|Broccoli]], [[https://webpack.js.org/|Webpack]], [[http://yeoman.io/|Yeoman]], [[https://cli.angular.io/|angular-cli]], [[https://ember-cli.com/|ember-cli]], [[https://github.com/facebookincubator/create-react-app|react-createapp]]
  * Frameworks CSS : [[http://getbootstrap.com/|Bootstrap]] / [[http://foundation.zurb.com/|Foundation]]
  * Mais encore ?
    - [[https://www.typescriptlang.org/|TypeScript]]
    - [[http://coffeescript.org/|CoffeeScript]]
    - Accessibilité
    - ...

===== Inscription =====

<note important>L'accès à l'atelier est **limité à 60 personnes**, merci de vous **inscrire** via https://groupes.renater.fr/reunion/foodle/Ecosysteme-JavaScript-et-Web-moderne-58950</note>

<note warning>Les frais de mission et demandes d'ordre de mission seront à la charge des participants</note>

**Date** : jeudi 23 mars de 14h00 à 17h00

**Lieu** :

<note important>Le lieu est le **Centre de Calcul de l'IN2P3/CNRS** sur le campus de la Doua à Villeurbanne.

http://cc.in2p3.fr/contact/

IL EST NÉCESSAIRE DE SE MUNIR D'UNE PIÈCE D'IDENTITÉ.
</note>