Blog

[ E-learning Js 0.1 ] Release 0.1.3 - alpha 1

E-learning-js logo

I'm back to this project and I hope to evolve it and get a stable library. I have great plans for this project. You can follow development in the next link: Link to Project.

This release is based on three improvements:

  1. ES Lint audit based on Airbnb Javascript recommendations
  2. Improve design qualities.
  3. Better use for import in css and javascript.

1. ES Lint audit based on Airbnb Javascript recommendations

Airbnb has an excellent style guide for javascript and I added this audit with Es Lint. Mainly is the implementation of the last standard for javascript, in this case Ecmascript 2018 (ES8). Now you can use last javascript standard (ES8): arrow functions, destructuring, const, let, literal templates, import, export and classes with the audit of airbnb.

It will improve the understanding for code and let you to join to the project following some rules to make the code more readable for all contributors.

2. Improve design qualities

I improved some design qualities.

  • Show message when click on Check without set an answer.

e-learning-img-01

library-img-02

  • The design is broken when the answer is wrong.

library-img-03

library-img-04

  • The crosses aren't on the same line height as the text.

library-img-06

library-img-06

  • I can add multiple answers in a drop and drap that's weird. And the line height is not the same when I have an answer or no answer at all. The text inside the yellow box is not centered.

library-img-08

library-img-08

  • If I add images in the same field I can't go back or reset until I check.

library-img-09

library-img-10

Finally, you can validate this fixes in the next link if you want, where you can interact with the library.

3. Better use for import in css and javascript

This is a simple fix but you can now call the library with import in js and css, with the next commands:

Common js:

require('e-learning-js');</pre>

Import ES6 js:

import 'e-learning-js';</pre>

Import sass (css):

@import '~e-learning-js/dist/e-learning-js.min.css';</pre>