Commit initial

Author: ms-studio

30-javascript.md

@@ -0,0 +1,59 @@
+---
+layout: page
+title: JavaScript
+permalink: /javascript/
+---
+
+Le **JavaScript** n'a rien à voir avec **Java**, un autre language de programmation. 
+
+Il a été créé en 1995, pour Netscape Navigator, par Brendan Eich (en 10 jours, selon la légende, pour coïncider avec la sortie de Netscape 2). En fin 1996, Netscape entreprend des démarches pour faire de JavaScript un standard (qui s'appelle ECMAScript). 
+
+Ce standard est révisé régulièrement, la 6ème version (ES6) a été finalisée en juin 2015.
+
+Etat du JavaScript en 2016
+==
+
+De nombreux utilitaires ont été construits sur la base du JavaScript:
+
+- **jQuery** est une *bibliothèque* JavaScript (library) - une boîte à outils pour faciliter les usages les plus communs.
+- **Node.js** est une *plateforme serveur* JavaScript (runtime) - comme Apache, mais exécutant du code JavaScript plutôt que du PHP.
+- **AngularJS** est un *framework* de programmation JavaScript front-end, créé par Google.
+- **Ember** est un autre *framework* front-end JavaScript.
+- **React** est encore un *framework* JavaScript front-end, créé par les développeurs de Facebook.
+
+Une application web contemporaine, au lieu d'utiliser **LAMP** (**L**inux, **A**pache, **M**ySQL, **P**HP), pourrait tourner sur **MEAN**, acronyme pour l'utilisation de **M**ongoDB (base de données), **E**xpress.js, **A**ngular.js, et **N**ode.js - une base logicielle entièrement codée en langage JavaScript.
+
+La librairie jQuery
+==
+
+Lancée en janvier 2006 par John Resig, **jQuery** est une bibliothèque JavaScript libre et multi-plateforme créée pour faciliter l'écriture de scripts côté client dans le code HTML des pages web.
+
+Dans son article, *[Thank you, jQuery](https://adactio.com/journal/10806)*, publié en juin 2016, Jeremy Keith indique qu'au cours des 10 années depuis la sortie de jQuery, de nombreuses améliorations proposées par jQuery ont été intégrées nativement par les navigateurs (*querySelector*, *querySelectorAll* - voir [Selectors API](https://developer.mozilla.org/en-US/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors)), tandis que d'autres (comme l'animation) ont été intégrées dans le CSS3.
+
+Il est désormais nettement plus facile de se passer de jQuery, et d'écrire du "Plain Vanilla JavaScript". L'objectif ultime d'un outil comme jQuery serait de ne plus être nécessaire.
+
+Le site [Vanilla JS](http://vanilla-js.com/) expose sous un mode parodique (en se présentant comme une énième librairie JavaScript) les avantages (en termes de vitesse) à utiliser du JavaScript pur, plutôt que de se reposer sur une librairie telle que jQuery, Prototype, Dojo, MooTools.
+
+![](/cours-web/cours-html/img/Strip-Prendre-le-train-en-marche-650-final1.jpg)
+
+Préprocesseurs:
+===
+
+On a vu l'apparition de préprocesseurs (comme SASS ou LESS) pour faciliter l'écriture du CSS. Cela existe aussi pour le JavaScript:
+
+**CoffeeScript** est un langage de programmation plus épuré que le JavaScript, pouvant être automatiquement converti en JavaScript normal.
+
+Apprendre le JavaScript
+===
+
+- Une approche proposée par Remkus de Vries: [https://remkusdevries.com/learning-javascript-in-wordpress-deeply/](https://remkusdevries.com/learning-javascript-in-wordpress-deeply/)
+-  Deux livres recommandés: [https://tommcfarlin.com/recommended-javascript-books/](https://tommcfarlin.com/recommended-javascript-books/)
+
+ES6
+===
+
+Qu'est-ce que ES6 ? Une nouvelle version du standard JavaScript, dont la spécification a été finalisée en 2015.
+
+Table de compatibilité JavaScript:
+[http://kangax.github.io/compat-table/es6/](http://kangax.github.io/compat-table/es6/)
+