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

Flutter Tutorial Indonesia | 1 Pendahuluan

Setelah rilisnya bahasa pemrograman Dart yang di kembangkan oleh google pada tahun 2011 kini bahasa tersebut sudah memiliki framework yang bisa digunakan untuk membuat aplikasi moile yaitu untuk android dan ios sekaligus dalam satu waktu. Flutter juga digunakan sebagai framework utama dalam pengembangan aplikasi untuk OS Google Fuchsia. Tentang Flutter : Menggunakan Library Grafik Google Skia untuk mesin rendernya, alias tidak menggunakan bawan dari android atau iOS, dan ini yang membuat tampilan di android, iOS, atau desktop tetap sama. Semua UI adalah Widget Rendering Lebih Cepat Tidak hanya untuk membuat UI Flutter juga untuk menangani aliran data dan status data yang rumit dengan cara yang elegan dengan model Reactive. Dalam acara Google I/O 2018 menyatakan bahwa sekarang sudah menyediakan dokumentasi yang lengkap di flutter.dev dan anda bisa langsung belajar framework ini dari dokumentasi tersebut atau bisa mengambil courses di udacity atau tempat courses lainnya sep

Flutter Tutorial Indonesia | 3 Aplikasi Pertama

Dalam sesi ini kita akan membuat aplikasi sederhana sebagai pembukaan dari beberapa tutorial yang akan disampaikan pada blog ini, sebagai dasar pemahaman pada pembahasan ini kita juga akan belajar mengenai struktur dasar dari project flutter. jika anda masih ragu dengan flutter, silahkan baca ini  https://flutter.dev/docs/resources/technical-overview Oke, sebelum membuat project baru, pastikan flutter sdk sudah siap digunakan, untuk mengaturnya anda bisa melihat pada tutorial sebelumnya. 1.Langkah Pertama : Membuat project baru untuk membuat project baru di terminal cukup ketik : flutter create namaaplikasi setelah project jadi, anda akan melihat beberapa kode yg disediakan sebagai contoh aplikasi sederhana dari flutter. 2. Pembahasan mengenai kode Sekarang anda mungkin penasaran dari mana proses awal aplikasi itu dijalankan. . ? Pada aplikasi flutter, file main.dart yang terletak pada folder lib merupakan file dart yang pertama kali di eksekusi, dan akan langsung me