vue js adalah

Vue.js: Belajar Mengenal Untuk Pemula

Apakah Anda pernah mendengar istilah Vue.js? Bagi yang tidak terjun ke dunia pemrograman dan pengkodingan mungkin tidak tahu istilah tersebut sama sekali, tapi berbeda dengan mereka yang berkecimpung di dunia pemrograman, baik pemrograman website atau pemrograman lainnya.

vue js adalah
Vue.js adalah, Berikut Penjelasan Cara Instalasi Kelebihan dan Contoh Penerapannya

Pengertian vue.js

Vue.js adalah salah satu library javascript yang digunakan dan dimanfaatkan untuk membuat sebuah website yang interaktif. Fokus pada vue.js hanya pada view layer atau lapisan tampilannya sehingga sangat mudah diterapkan pada suatu website.

Vue.js pun menjadi mudah diimplementasikan dan diintregasikan dengan project yang sudah ada sebelumnya ataupun library javascript lainnya.

Vue.js juga menyediakan fungsi mengatur komponen tampilan dan fungsi reactive data binding. Apabila Anda ingin mempelajari vue.js maka disarankan untuk mengerti dasar-dasar tentang HTML, CSS, dan JavaScript terlebih dahulu agar mudah memahaminya dan mudah menerapkannya.

Vue.js memang bukan termasuk salah satu library javascript yang populer. Namun menjadi salah satu yang seringkali digunakan. Vue.js bahkan menjadi repositori Github yang memiliki jumlah bintang terbanyak di tahun 2016 dan 2017.

Vue js pun menjadi salah satu framework frontend Javascript yang paling populer diantar dua lainnya yaitu React dan Angular.

Seperti yang telah dijelaskan sebelumnya, vue.js merupakan salah satu library atau framework yang mendukung pembuatan interface website yang interaktif.

Dalam dokumentasi resminya, vue.js itu tidak support IE8 dan versi yang sebelumnya karena IE8 tidak mendukung fitur ECMAScript 5. Namun tentunya vue.js bisa digunakan di semua browser yang mendukung penggunaaan ECMAScript 5.

Framework ini banyak sekali digunakan karena memang menguntungkan. Salah satu keuntungannya ialah Anda tidak harus migrasi besar-besaran untuk bisa mulai menggunakan. Anda bisa mengubah sebagian elemen saja, tidak perlu mengubah keseluruhan isi situs. Jadi sebagian masih bisa menggunakan sistem yang sama seperti sebelumnya.

Kelebihan dari Vue.js

Banyaknya pengguna vue.js tidak terlepas dari kelebihan atau keunggulan yang dimiliki. Kelebihan yang dimaksud antara lain sebagai berikut.

  1. Ukurannya sangat kecil
    Kelebihan yang pertama ialah ukurannya yang tergolong sangat kecil. Framework satu ini hanya memakan tempat sebesar 18 hingga 21 kb. Ukuran tersebut tergolong sangat kecil jika dibandingkan dengan framework javascript lainnya seperti angular js dan ember js.

    Hal ini menjadi kelebihan karena keberhasilan framework javascript itu tergantung ukurannya jadi semakin kecil ukurannya, akan semakin bagus dan akan semakin banyak orang yang mau menggunakannya.

  2. Mudah dipahami dan mudah dikembangkan
    Kelebihan selanjutnya dari kemudahan pemahaman dan pengembangan. Strukturnya tergolong sederhana, tidak rumit, sehingga memerlukan waktu yang lebih sedikit untuk memahaminya.
    Mencari kesalahannya pun akan lebih mudah. Dengan begitu programmer akan menghemat banyak waktu dan memungkinkan pengembangan dalam skala besar.
  1. Integrasi yang sederhana
    Menggunakan vue.js membuat developer merasakan kemudahan karena tidak perlu repot-repot melakukan coding dari awal. Vue.js bisa diintegrasi dengan aplikasi yang sudah ada sebelumnya jadi tidak perlu melakukan koding dari awal.

    Vue.js memiliki kemampuan dalam memuat logika, struktur, dan gaya suatu komponen dalam satu file sehingga pembuatannya menjadi mudah. Komponen fleksibelnya juga dapat digunakan ulang dalam proyek yang berbeda.

  1. Memfasilitasi komunikasi dua arah
    Vue js memfasilitasi komunikasi dua arah atau two way communication. Vue js menggunakan MVVM architecture sehingga pengurusan HTML blocks nya menjadi lebih mudah seperti pada angularJS.
  1. Dokumentasi yang kompreherensif
    Dokumentasinya detail, sangat teliti, dan ditulis dengan baik sehingga orang yang tidak terlalu ahli javascript dan HTML dasar tetap bisa menyelesaikan pengembangan website atau aplikasi nya sendiri.
  1. Fleksibilitas
    Vue.js bisa ditulis dengan file javascript ataupun html sehingga memudahkan para developer framework saat memahaminya. Vue.js juga dapat menangani aplikasi yang lebih canggih menggunakan JSX, ES6, bundling, dan routing.

    Adanya fleksibilitas membuat peralihan ke vue.js menjadi lebih mudah. Apalagi bagi pengembang yang sebelumnya sudah memiliki banyak pengalaman dalam framework react js, angular js, dan framework js lainnya. Desainnya membuat vue js terlihat familiar.

Kekurangan Vue.js

Ada kelebihan, ada pula kekurangan. Nah kekurangan dari vue.js antara lain yaitu:

  1. Komunitas developer yang tertutup
    Kekurangan pertama dari vue.js yaitu komunitasnya yang belum sebanyak framework lain. Meskipun banyak digunakan, vue.js tetap belum sepopuler framework lain seperti react.js ataupun angularJS.

    Sumber informasi tentang vue.js sangatlah sedikit jika dibandingkan dengan framework javascript lain yang sudah populer. Komunitasnya pun tidak banyak ditemukan. Anda mungkin bisa dengan mudah menemukan komunitas developer react.js, tapi anda akan kesulitan mendapatkan komunitas developer vue js.

  1. Terkendala masalah bahasa
    Sebagian besar tutorial pengkodean vue.js ternyata ditulis dalam bahasa Cina sehingga sulit dipahami bagi mereka yang menggunakan bahasa inggris ataupun bahasa lainnya. Hal ini tentunya bisa dijadikan sebagai salah satu kekurangannya.
  1. Terlalu fleksibel bisa menyebabkan masalah
    Sebelumnya telah dibahas tentang salah satu kelebihan vue.js yaitu fleksibilitas. Ternyata terlalu fleksibel juga bisa menyebabkan masalah bagi para developer. Vue.js bisa menjadi beban tersendiri jika digunakan untuk proyek yang besar yang melibatkan cukup banyak developer

Cara Instalasi Vue.js

Framework javascript vue.js cara instalasinya cukup mudah. Berikut cara yang dimaksud.

  1. Menginstall Vue Devtools
    Sebelum memulai instalasi, disarankan untuk menginstall vue devtools terlebih dahulu pada browser anda. Hal ini dilakukan agar anda bisa melakukan inspect dan debug vue app sehingga tampilannya menjadi lebih user friendly.
  1. Instalasi Vue.js
    Setelah itu, anda bisa mendownload dan mengaktifkannya dengan script tag. Vue.js akan terdaftar sebagai variabel global. Ada dua versi vue js yang bisa anda gunakan yang antara lain yaitu

    Versi development : https://vuejs.org/js/vue.js

    Versi produksi : https://vuejs.org/js/vue.min.js

    Anda bisa mendownloadnya secara langsung. Apabila tidak ingin mendownloadnya, anda bisa menggunakan pilihan lain yaitu dengan CDN. Anda bisa menggunakan cdn yang sudah disediakan seperti unpkg dan cndjs.

    Setelah anda berhasil mendownload atau setelah menggunakan cdn, anda bisa langsung membuat file index.html kemudian menambahkan script tag di bawah ini dalam kerangka tag html.

<!DOCTYPE html>

<html>

<head>
          
<title>Mempelajari Vue JS</title>

</head>

<body>
   
<div id="VueID">
          
{{pesan}}

</div>

</body>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.js"></script>

<script type="text/javascript">

var app = new Vue({

el: '#VueID',

data: {

pesan: 'Belajar Vue js dengan rajin'

}

})

</script>

</html>

Hal pertama yaitu Anda mengaktifkan atau memanggil library vue.js menggunakan script tag dan dalam script tag lainnya menggunakan vue instance.

Alamat elemennya menggunakan div dengan ID #VueID. Dengan begitu vue.js menjadi tahu elemen mana yang akan dituju. Elemen bisa Anda bayangkan sebagai ruang lingkup yang nantinya bisa dijangkau. Vue js tidak akan bisa bekerja di luar elemen yang telah ditetapkan. Penggunaan elemen tersebut membuat anda bisa menentukan target elemen yang akan ditetapkan.

Baca Juga: Javascript Adalah? Berikut Penjelasan, Fungsi. dan Cara Kerjanya

Perbandingan Vue JS dengan Angular JS dan React JS

Ada beberapa framework javascript yang memang lebih populer dibandingkan vue js seperti angularJS dan react.js. Kali ini akan kita bahas terlebih dahulu tentang perbedaannya.

  1. Vue JS
    Untuk vue js, sebelumnya sudah dibahas banyak jadi anda bisa menyimpulkan apa saja kelebihan vue js dan apa saja kekurangannya. Vue js merupakan framework yang cukup kecil dan ringan, tapi sangat mudah dikembangkan.
  2. Angular JS
    AngularJS merupakan front end framework javascript yang basisnya open source. Angular js saat ini dikelola oleh Google. Metode yang digunakan adalah MVC yaitu metode pembuatan aplikasi dengan memisahkan data (model) dari tampilannya (view) dan cara pemrosesannya (controller) sehingga Source kode aplikasi yang terbentuk bisa dikembangkan dan diperbaiki dengan mudah.Angular JS menjadi framework javascript yang banyak digunakan dan tentunya menjadi yang paling populer di kalangan para developer seluruh dunia. Para developer kebanyakan menggunakan angular js untuk membuat aplikasi, baik yang bersifat single page application maupun yang bukan.

    Kelebihan angularJS yang tak kalah dari vue.js dari kemampuan pembuatan single page application (SPA) dalam waktu yang cepat dan dengan mudah. Angular js juga bisa berinteraksi dengan html dan mempunyai kemampuan data binding dengan efisiensi tinggi.

    Selain itu angular js juga menyediakan DI yang memungkinkan pengembang menulis code dan komponen secara terpisah. Dengan demikian, pengembang bisa membuat kode dan fungsi yang lebih baik dan lebih ringkas.

  3. React JS
    Selanjutnya adalah react js. React js merupakan library javascript facebook yang bisa digunakan untuk membuat user interface. Aplikasi yang dibuat dengan react jsa bisa menangani perubahan tampilan yang sangat cepat, kompleks, dan responsif.

    Konsep yang digunakan react js ialah modular sehingga anda bisa menulis kode dengan skala yang lebih kecil saat membuat aplikasi skala besar. Kode tersebut kemudian disatukan untuk menjadi suatu aplikasi yang utuh dan bisa digunakan kembali.Keunggulan react js yang tidak kalah dari vue js yaitu mudah dipahami, menggunakan konsep modular, ektensi JSX, scalable, fleksibel, cepat, efisien, mudah debugging, dan cocok untuk SEO.

Dari berbagai kelebihan tiap framework tersebut, kita bisa menarik kesimpulan yaitu anda bisa memilih vue js jika baru pertama kali membuat proyek front end javascript, memerlukan tool yang mudah dipahami, tidak memahami dasar javascript dengan jelas, mengerjakan proyek yang tenggat waktunya ketat, serta membutuhkan waktu pelatihan yang singkat.

Demikian sedikit penjelasan tentang pengertian vue.js, cara instalasi vue.js, dan perbandingannya dengan framework javascript lainnya.

Kesimpulannya bahwa vue.js menjadi framework java script yang tergolong mudah digunakan dan dijadikan pilihan bagi para pengembang pemula javascript, semoga informasi ini bermanfaat.

Leave a Reply

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