Front End Technologies ====================== At the moment of writing this documentation JavaScript is one of the most popular programming language in the world. Web applications became more complex than ever. Every web application have to manage many advanced features like: * Responsive design for different devices * High Reliability * Soft Failing * Caching * Offline * Notification The big growth of the web required to JavaScript to become a more expressive language: * do more with less (lines of code) * simpler structures (for async) The continual upward growth of JavaScript From the second decade of 2000 produced an explosion of new technologies, JavaScript language features and frameworks to meet this need. A so big set of technologies often confuses the developers .. figure:: img/frontend-evolution.jpg :alt: front end evolution :align: center The JavaScript ecosystem evolution The scope of this module is to explore the technologies behind MapStore. .. note:: A pre-requirement of this section a basic knowledge of: - HTML - CSS - JavaScript. Following this section, the student will be able to fill his gaps and then approach the development of MapStore. .. toctree:: :maxdepth: 2 :caption: Contents: ecmascript/index react-redux/index webpack/index **References**: Here a set of Useful links: - `EcmaScript6 `_: A list of all the features of ES6 - `React `_: React official documentation - `Redux `_: Redux official documentation - `React-Redux `_: React Redux FAQ - `Redux Observable `_: Redux Observable official web site. - `RxJS 5 Reference `_: Reference for RxJS operators (version used by MapStore)