Library JavaScript Menarik Tahun 2018

Dengan naik daun Bahasa Pemrograman JavaScript tentu para Developer akan menggali apakah yang membuat JavaScript tersebut menjadi Bahasa Pemrograman terpopuler, yang telah dilansir oleh StackOverflow dalam Surveynya tahun 2018. Tidak terlepas dari itu semua, Framework dan Library JavaScript merupakan alasan yang membuat JavaScript menjadi hebat seperti saat ini. Namun pada artikel kali ini akan membahasa Library JavaScript yang menarik untuk dipelajari di tahun 2018.

Baca juga : Mengapa Belajar JavaScript

Typed.js

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

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

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

Tutorial : Website Interaktif dengan Typed.js

Handsontable

Handsontable

Handsontable adalah library JavaScript yang sangat membantu dalam pengolahan tabel seperti halnya Microsoft Excel. Library ini 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

Dragula

Penerapan Dragula hampir menyerupai Trello yang mampu memberikan fitur drag and drop. Dragula 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

Quill.js adalah library untuk membuat suatu text editor secara live seperti halnya markdown dan userpun dapat menggunakannya. Manfaat yang akan dirasakan user adalah dapat mengedit teks dan meng-export data. bukan hanya teks saja dapat pula dengan video dan 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

rmodal.js adalah library JavaScript yang sederhana dan cepat yang memiliki ukuran yang sangat kecil berkisar 1.2 kb. Dengan kolaborasi Bootstrap dan Animate.js serta ter-compatible seluruh Web browser.

Demonstrasi

rmodal

Filepond

Filepond demo

(Filepond) adalah Library JavaScript yang dapat me-upload apapun dengan cara drag and drop. Sangat optimal dalam meng-upload dengan cepat, menawarkan user experience yang baik, mudah digunakan dan tampilan yang halus serta memiliki ukuran file 21 KB.

Install dengan npm : npm install filepond

Feature :

  • Accepts directories, files, blobs, local URLs, remote URLs and Data URIs.
  • Drop files, select on filesystem, copy and paste files, or add files using the API.
  • Async uploading with AJAX.
  • Accessible.
  • Image optimization, automatic image resizing, cropping, and fixes EXIF orientation.
  • Responsive, automatically scales to available space, is functional on both mobile and desktop devices.

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 mampu mengontrol objek yang 3D ataupun 2D. Penggunaan Pressure.js hanya dengan menggunakan Pressure.set();.

install with npm : npm install pressure --save

pressure demos

Sweet Alert 2

sweetalert 2

Sweet Alert 2 adalah Library JavaScript yang menyajikan notifikasi berupa popup atau alert yang responsif dan indah dengan kemampuan animasi dan efek yang menajubkan.

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

Sumber referensi :

Dilihat kali

Is this helpful?

Share This Post