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

in #utopian-io • 6 years ago (edited)

logo.png

E-learning library was created with the promise to help to create activities for e-learning courses that can return data about score and time, and improve the experience of evaluation from the virtuality of the class room.

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

This release was based of 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 adde this audit to this project 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.

To ES Lint audit run the next commands in the root to the project:
  1. Install dependencies npm install.
  2. Run eslint ./src/js/activities/*.js
  3. Review problems and solve it.

2. Improve design qualities

I improve design qualities suggested in the before post about e-learning js here in steemit.

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

fix-it.png


fix-1-2.gif

  • The design is broken when the answer is wrong.

fix-it-2.png


fix-2-1.gif

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

fix-it-4.png


fix-3.gif

  • 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.

fix-it-5.png


fix-4.gif

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

fix-it-6.png


fix-6.gif

Finally, you can validate this fixes in the next link, 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');

Import ES6 js: import 'e-learning-js';

Import sass (css): @import '~e-learning-js/dist/e-learning-js.min.css';

Proof of Work Done
Github account: https://github.com/cunigarro
Pull Request: link to Pull Request

See you soon Steemiants ✋

#development #e-learning #javascript
6 years ago in #utopian-io by
$1.06
  • Past Payouts $1.06, 0.00 TRX
  • - Author $0.83, 0.00 TRX
  • - Curators $0.23, 0.00 TRX
67 votes
Reply 6
Sort:  
  • Trending
    • [-]
     6 years ago (edited)

    Thank you for your contribution.

    1. magik numbers such as tempPage <= 9
    2. You might want to let users define these data in a JSON/XML instead of main.js
    3. you probably could use some librarys/frameworks to make your Javascript code such as document.getQuerySelector or .style.display= shorter.
    4. some code duplications (could be refactored) for example:
    const questionsHtml = document.querySelector(options.questionsHtml);
const resetButton = document.querySelector(options.resetButton);
...

    Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

    To view those questions and the relevant answers related to your post, click here.

    Need help? Chat with us on Discord.

    [utopian-moderator]

    [-]
     6 years ago (edited)

    Thanks @justyy for your recomendations, I will take this improvements in the project dashboard in github.

    $0.00
      Reply
      [-]
       6 years ago 

      Thank you for your review, @justyy! Keep up the good work!

      $0.00
        Reply
        [-]
         6 years ago 

        ✅ Enjoy the vote! For more amazing content, please follow @themadcurator!

        $0.00
          Reply
          [-]
           6 years ago 

          Congratulations @cunigarro! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

          You published more than 20 posts. Your next target is to reach 30 posts.

          Click here to view your Board
          If you no longer want to receive notifications, reply to this comment with the word STOP

          To support your work, I also upvoted your post!

          Support SteemitBoard's project! Vote for its witness and get one more award!

          $0.00
            Reply
            [-]
             6 years ago 

            Hi @cunigarro!

            Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
            Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
            Feel free to join our @steem-ua Discord server

            $0.00
              Reply

              Coin Marketplace

              STEEM 0.17
              TRX 0.15
              JST 0.029
              BTC 60968.19
              ETH 2367.91
              USDT 1.00
              SBD 2.56