Langsung ke konten utama

Vue Js Tutorial Indonesia | 1 Pengenalan

Vue js adalah sebuah framework open source dari javascript yang digunakan untuk membuat situs web yang telah banyak di gunakan oleh banyak perusahaan-perusahaan di dunia termasuk Gitlab, Bukalapak dll, untuk pembahasan perusahan mana saja yang menggunakan Vue js akan kita bahas lebih detail di pembahasan terakhir.

Vue Js Tutorial Indonesia

Vue JS digunakan untuk membuat halaman web yang interaktif, untuk mengelolah data dari backend, yaitu seperti mengambil data, menampilkan data, mengirim data baru ke backend, dan banyak lagi.

Sejak rilisnya pada Februari 2014 telah membuat banyak perusahaan ingin memakainya dikarenakan sintag-sintagnya bisa di bilang hampir mirip dengan AngularJs dan juga simple.

Vue JS sangat cocok dipelajari untuk pemula yang belum pernah belajar framework javascript sebelumnya dan yang telah memahami fundamental javascript, dikarenakan kodingan yang sangat mudah dimengerti, contohnya:

<ul id="list-nama">
  <li v-for="item in items">
    {{ item.nama_barang }}
  </li>
</ul>

Kalian bisa liat contoh yang lainnya di https://vuejs.org/v2/examples/

Evan You membuat framework ini saat bekerja di perusahaan google yang kesehariannya menggunakan AngularJS yang anggapannya bisa dibilang mudah namun agak terlihat rumit, dari sana dia berfikir untuk mengekstrak AngularJS dan mengambil bagian yang paling dia sukai sehingga membentuk framework yang ringan, yaitu VueJs, dan dalam pengembangannya langsung didukung oleh google yang merupakan salah satu perusahaan terbesar didunia.

Membuat website dengan framework ini speednya bisa lebih cepat dibandingkan dengan menggunakan framework javascript lainnya seperti ReactJs, dikarenakan sintagnya yang begitu simple dan sangat indah dipandang, namun itu tergantung programmer-nya juga.

Dalam VueJS, kita membuat halaman website dengan komponen-komponen, contohnya komponen untuk header, komponen untuk footer, dan komponen untuk tempat konten, di dalam komponen kita bisa membuat komponen lagi, setiap komponennya akan selalu mendeteksi dependensi reaktifnya selama proses render, sehingga  jika ada perubahan data dia akan tau kapan komponen itu akan di update.

Di vue, ada yang namanya komponen root, disana kita bisa membuat komponen-komponen di dalamnya lagi, pemisahan suatu fitur jadi lebih mudah, dan jika ada penambahan fitur kita hanya perlu membuat komponen baru tanpa mengganggu komponen lain, kita bisa mengirim data  atau suatu aksi antar komponen, tidak ada batasan di vue, dengan vue kita lebih mudah dan bebas.

Nyamannya menggunakan framework ini kita bisa mengatur pusat datanya dengan mudah, tidak seperti framework lain, dengan adanya data pusat,  komponen-komponen yang ada, bisa melakukan request ke data pusat, tanpa harus memisah-misah yang membuat kodingan menjadi kotor, disini juga bisa menggunakan server side rendering yang berfungsi untuk mengurangi proses request ulang ke server.

Perusahaan-Perusahaan yang menggunakan Vue JS


  1. Facebook
    Perusahaan ini yang membuat framework ReactJS ternyata menggunakan vue juga di bagian newsfeednya kita bisa menggunakan extensi vue js di google chrome untuk melihatnya.
  2. Bukalapak
  3. Netflix 
  4. Adobe
  5. Xiaomi
  6. Alibaba
  7. WizzAir
  8. EuroNews
  9. Grammarly
  10. Laracasts
  11. GitLab
  12. CodeShip
  13. LiveStrom
  14. Behance
dan masih banyak 

Komentar

Postingan populer dari blog ini

Situs Belajar Coding Dapat Sertifikat Untuk Pekerjaan

Situs belajar bahasa pemrograman yang akan saya bagikan pada tulisan kali ini akan adalah situs yang bisa membuat anda mendapatkan pekerjaan dan yang pastinya materi dari situs yang saya pilih ini adalah materi yang berstandar internasional. Kelebihan dari memilih courses online dari pada membaca ebook atau menonton video tutorial di youtube adalah kita akan mendapatkan sertifiat, diamana sertfikat tersebut bisa kita gunakan untuk mendapatkan pekerjaan, dan berita bagus bagi para freelancer yaitu adanya linkedin situs yang mempermudah pertemuan antara pencari pekerjaan dengan perekrut dari suatu perusahaan, disana kita bisa menambahkan sertifikat, pengalaman kerja, keahlian yang kita miliki dan masih banyak lagi, selain itu kita juga bisa print profil kita menjadi sebuah portofolio berbentuk file PDF. Dari pengalaman saya sendiri yaitu selain mendapatkan tawaran pekerjaan saya juga sering di mendapatkan client yang memesan untuk di buatkan suatu aplikasi dan itu sering menjadi

Apa itu API | 1 Belajar REST API Dengan Python Flask

Dalam sesi ini kita akan belajar cara membuat API menggunakan Flask, di perlukan sedikit dasar bahasa pemrograman python untuk mempermudah dalam mempelajari ini, dan jangan kawatir jika anda belum pernah  Belajar Flask  sebelumnya, karena pada tutorial kita akan membahas dari dasar. Flask ini framework yang sangat cocok digunakan untuk membuat suatu service yang kecil, dan ini telah banyak di gunakan oleh perusahaan-perusahaan besar, anda bisa lihat  disini . Di saat saya menulis tutorial ini, pengembangan Flask sudah mencapai seperti berikut: Contributors :503 Commits : 3,5037 Ok, saya akan mulai dengan membahas apa itu API ? API (Application programming interface) - Mudahnya bisa di sebut sebuah service yang berfungsi untuk menghubungkan service antar service, contohnya frontend dan backend agar bisa bertukar data kita butuh yang namanya API Service, jadi kalau istilah lainnya ini bisa di sebut sebuah gerbang penghubung. Secara "garis besar" pekerjaan pr

Decorator Bagian 1 | 6 Belajar REST API Dengan Python Flask

Di tutorial sebelumnya kita sudah memakai decorator route yang berada di class flask, selain itu kita juga sudah belajar membuat dan memakai decorator buatan sendiri, di tutorial kali ini kita akan mencoba memahami penggunaan decorator lebih dalam. Decorator sebenarnya hanya sebuah method biasa pada umumnya, namun berbeda, bedanya hanya pada parameter yang dia terima, parameter yang di terima oleh decorator ialah sebuah method juga, decorator ini bisa juga di sebut wrapper ( method pembungkus ) yang berfungsi untuk mengolah method lain. Untuk latihan decorator bisa mencoba kode berikut : Dari kode di atas, kita ketahui: method yang bernama  contoh_decorator  adalah sebuah decorator untuk menggunakan decorator kita cukup menggunakan simbol @  di depan nama decorator. untuk memasukkan method ke dalam decorator kita cukup mendeklarasikannya setelah pemanggilan dekorator.  Jadi, method yang bernama coba dan coba_gan akan masuk kedalam decorator yang bernama  contoh_decorator ,