Library JavaScript Menarik Tahun 2018
Muhammad Budhiluhoer 12 Juli 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.
Tutorial : Website Interaktif dengan Typed.js
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.
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.
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.
rmodal.js
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.
Filepond
(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.
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
Sweet Alert 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.
Sumber referensi :