Beberapa Library JavaScript Menarik untuk Dipelajari

JavaScript tersebut menjadi sebuah Bahasa Pemrograman terpopuler karena memiliki banyak Framework dan Library JavaScript. Namun pada artikel kali ini akan membahasa Library JavaScript yang menarik untuk dipelajari di tahun 2018.

Baca juga: Mengapa Perlu Belajar JavaScript?

Typed.js

Typed.js adalah Library JavaScript yang memberikan efek mengetik teks secara otomatis pada suatu website.

See the Pen Typed js basic by Budhiluhoer (@Budhiluhoer) on CodePen.

async src=”https://static.codepen.io/assets/embed/ei.js”>

Baca juga: Animasi Mengetik dengan Typed.js

Handsontable

Handsontable adalah library JavaScript yang sangat membantu kita dalam pengolahan tabel seperti halnya pada Microsoft Excel. Handsontable mampu memanipulasi tabel secara langsung.

See the Pen Handsontable Basic Spreadsheet by Bryan Braun (@bryanbraun) on CodePen.

async src=”https://static.codepen.io/assets/embed/ei.js”>

Dragula

Penerapan Library JavaScript ini hampir menyerupai Trello, yang mampu memberikan sebuah fitur drag and drop. Library ini dibuat oleh Nicolás Bevacqua.

See the Pen a trello’esque experiment by Tobias Gerlach (@Gerlach360) on CodePen.

async src=”https://static.codepen.io/assets/embed/ei.js”>

Quill.js

Quill.js adalah sebuah library JavaScript yang untuk membuat suatu text editor secara live seperti halnya markdown dan pengguna juga dapat menggunakannya. Manfaat yang akan dirasakan pengguna adalah dapat mengedit teks dan meng-export data. Data tersebut bisa berupa video ataupun gambar.

See the Pen Quill -&rt; Markdown by Lee Robert (@voziv) on CodePen.

async src=”https://static.codepen.io/assets/embed/ei.js”>

rmodal.js

rmodal.js adalah library JavaScript yang sederhana dan cepat, yang memiliki ukuran yang sangat kecil berkisar 1.2 kb. Library ini kolaborasi dengan Bootstrap dan Animate.js serta ter-compatible pada seluruh web browser.

Demonstrasi

Filepond

Filepond adalah Library JavaScript yang dapat meng-upload apapun dengan cara drag and drop dan juga menawarkan user experience yang cukup baik serta mudah digunakan. Memiliki ukuran file 21 KB.

Install dengan npm : npm install filepond

See the Pen FilePond Multiple File Upload by Rik Schennink (@rikschennink) on CodePen.

async src=”https://static.codepen.io/assets/embed/ei.js”>

Pressure.js

Pressure.js adalah Library JavaScript yang dapatmengontrol objek yang 3D ataupun 2D. Penggunaan Pressure.js hanya dengan menggunakan Pressure.set();.

install with npm : npm install pressure --save

Sweet Alert 2

Sweet Alert 2 adalah Library JavaScript yang menyajikan sebuah notifikasi berupa pop-up atau alert message yang responsif serta indah dengan kemampuan animasi dan efek yang menakjubkan.

  • Install with npm npm install --save sweetalert2
  • Install link CDN

See the Pen sweetalert demo by Thanh Nguyen (@genievn) on CodePen.

async src=”https://static.codepen.io/assets/embed/ei.js”>

Leave a Reply

Your email address will not be published. Required fields are marked *