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

in #utopian-io6 years ago (edited)

e-learning-js.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.

Make implementation easy, with only two files: css (e-learning-js.min.css) and js (e-learning-js.min.js)

This was very necessary and now is posible access to two optimized files, compatibles with the mayority of browsers. Because javascript is compile based on ES5 standard and the CSS not use last properties.

Webpack bundle tool added to generate css and js files optimized.

With those two tasks now other contributor can work better in the project with the command npm run develop that let watch css and js files from the library and it make the bundle after each change, and create a source maps file to debug, and npm run build to compile those files for production. Some one contributor can use last standard in javascript without compatibility issues, this is because babel transpile the javascript ES6, ES7 and ES8 used in the project.

In next improvement I want tu use those standard and new functionalities like Class o template literals to improve the library and make easy contribute.

With this change the project has now a new structure, better to work with webpack and GitHub.

.
+-- LICENSE
+-- README.md
+-- dist
│   +-- e-learning-js.min.css
│   \-- e-learning-js.min.js
+-- docs
│   +-- css
│   │   +-- content.css
│   │   +-- general.css
│   │   +-- layout.css
│   │   +-- navigation.css
│   │   \-- responsive.css
│   +-- index.html
│   +-- main.js
│   +-- public
│   │   +-- e-learning-js.min.css
│   │   \-- e-learning-js.min.js
│   \-- views
│       +-- img
│       +-- p01.html
│       +-- p02.html
│       +-- p03.html
│       +-- p04.html
│       +-- p05.html
│       +-- p06.html
│       +-- p07.html
│       +-- p08.html
│       \-- p09.html
+-- package-lock.json
+-- package.json
+-- src
│   +-- js
│   │   +-- activities
│   │   │   +-- accordion-select.js
│   │   │   +-- drag-and-drop-images.js
│   │   │   +-- drag-and-drop.js
│   │   │   +-- false-true.js
│   │   │   +-- multiple-answers.js
│   │   │   +-- multiple-choice.js
│   │   │   +-- multiple-unique-answers.js
│   │   │   \-- select.js
│   │   +-- e-learning-js.js
│   │   \-- utilities
│   │       +-- add-event-handler.js
│   │       \-- add-validation-icon.js
│   \-- scss
│       \-- e-learning-js.scss
\-- webpack.config.js

Join to npm project to let download the library from Node Package Manager

e-learning-js-npm.png

Link to Npm repositoty

Now is posible get the project with npm, only running the next command in a project:

npm install e-learning-js

If you want to import js file with common.js standard use:

require('e-learning-js');

If yout are using Js ES6, you can use import sentence:

import 'e-learning-js';

Is possible use import with get css file with sass to:

@import '~e-learning-js/src/scss/e-learning-js';

All of this improvement commands and guides are now available to get on github documentation.

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

Sort:  
Loading...

Hey @cunigarro
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Congratulations @cunigarro! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

You made your First Comment

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

Do you like SteemitBoard's project? Vote for its witness and get one more award!

Congratulations @cunigarro! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the total payout received

Click on any badge to view your Board of Honor.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last announcement from @steemitboard!

Do you like SteemitBoard's project? Vote for its witness and get one more award!

@therealwolf 's created platform smartsteem scammed my post this morning (mothersday) that was supposed to be for an Abused Childrens Charity. Dude literally stole from abused children that don't have mothers ... on mothersday.

https://steemit.com/steemit/@prometheusrisen/beware-of-smartsteem-scam

And the reason why is because @therealwolf is disgusting slimy pedophile that enjoys abusing kids. Here's proof of him upvoting child porn on the steemit blockchain. bigbadwolf indeed.

And the reason why is because @therealwolf is disgusting slimy pedophile that enjoys abusing kids. Here's proof of him upvoting child porn on the steemit blockchain. bigbadwolf indeed.

Coin Marketplace

STEEM 0.30
TRX 0.12
JST 0.034
BTC 64455.55
ETH 3147.84
USDT 1.00
SBD 3.94