Giter Site home page Giter Site logo

gamification's Introduction

gamification-addon

An addon to expose gamification features

Installation

Addon can be installed with addon manager : in eXo Platform folder :

./addon install exo-gamification 

Overview

The goals of development and production builds differ greatly. In development, we want strong source mapping and a localhost server with live reloading or hot module replacement. In production, our goals shift to a focus on minified bundles, lighter weight source maps, and optimized assets to improve load time.

We will write separate webpack configurations for each environment.

We will have 3 configurtions :

  • production
  • development
  • common

With the "common" configuration in place, we won’t have to duplicate code within the environment-specific configurations.

In order to merge these configurations together, we’ll use a utility called webpack-merge

Steps

Install webpack-merge

                $ npm install --save-dev webpack-merge

Why Babel

Needed to transpiler edge JavaScript into plain old ES5 JavaScript that can run in any browser (even the old ones).

babel-core:

contains the core API.

babel-preset-env: .

automatically determines the Babel plugins and polyfills you need based on your targeted browser or runtime environments.

babel-preset-stage-3: any transforms in stage-x presets are changes to the language that haven’t been approved to be part of a release of Javascript (such as ES6/ES2015).

Install babel required modules

npm install --save-dev babel-core babel-preset-env babel-preset-stage-3

Tip: "npm i -D"

is a shorter alias for:

              npm install-save-dev

What is a Babel preset?

In Babel, a preset is a set of plugins used to support particular language features.

To configure babel you have to create the following file .babelrc

Why webpack

Installation webpack

We will be using the following Webpack libraries:

webpack

webpack-cli:

encapsulates all code related to command line interface handling.

webpack-dev-server:

serves a webpack app and updates the browser on changes.

       npm install --save-dev webpack webpack-cli webpack-dev-server

gamification's People

Contributors

ahamdi avatar aidabenzid avatar aminechalouati avatar azayati avatar azmitouil avatar boubaker avatar bourasom avatar exo-swf avatar hbenali avatar jihed525 avatar kmenzli avatar mdiha avatar mkrout avatar nerminebouj avatar rdenarie avatar rdidmohamedelhadi avatar saraboutej avatar uocnb avatar vsellier avatar wafakd avatar wkhessairi avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.