CategoriesJavascriptProgrammingVue.js

Ref dan Reactive Pada Reactivity Vue.js 3

ini adalah artikel lanjutan dari artikel sebelumnya, buat kamu yang belum tau artikel sebelumnya yaitu Reactivity Pada Vue.js 3, pada artikel tersebut saya hanya memberikan contoh bagaimana menggunakan fungsi reactive untuk membuat state yang reactive. Namun, Vue.js 3 juga menyediakan fitur lain yang berguna dalam pengelolaan state, yaitu ref.

Pada artikel ini yang akan kita bahas adalah perbedaan antara ref dan reactive dan kapan kita menggunakan salah satu dari keduanya tersebut, tentu dengan contoh kodenya, karena kedua fungsi tersebut dapat kita gunakan untuk membuat reactivity pada Vue.js.

Continue reading
CategoriesJavascriptVue.js

Reactivity pada Vue.js 3

Reactivity atau keaktifan adalah fitur penting dalam Vue.js yang memungkinkan pengembang untuk menciptakan antarmuka pengguna yang dinamis dan responsif. Dalam Vue.js 3, fitur reactivity telah ditingkatkan dengan penggunaan Proxy API JavaScript yang efisien. Artikel ini akan menjelaskan konsep reactivity dalam Vue.js 3 dan memberikan contoh kode untuk memahami penggunaannya.

Continue reading
CategoriesProgramming

Bikin Domain Untuk Localhost? Begini Caranya Membuat VirtualHost

biasanya kalau kita mendevelop web tentunya kita bakal melakukan uji coba terlebih dahulu di komputer kita sendiri sebelum kita upload ke server agar bisa di akses oleh banyak orang, nah saat kita melakukan development di windows biasanya kita menggunakan software Xampp, default nya kita akan menaruh project kita pada directory C:\xampp\htdocs kemudian kita mengakses di browser pada link http://localhost/[direktori projek]

nah gimana nih kalau kita pengen mengaksesnya seperti website dengan domain pada umumnya pakai domain .com / .co.id atau domain domain lainnya? nah kita bisa membuat yang namanya VirtualHost, dan bahkan dengan menggunakan VirtualHost kita bisa membuat domain dengan custom sendiri untuk local development saya sendiri biasanya menggunakan domain .test / .local / .dev, bahkan kita bisa menyimpan project kita selain di folder C:\xampp\htdocs oke tanpa berlama lama langsung kita praktekkan saja

Continue reading
CategoriesGit

Gitflow In Action, Implementasi Gitflow Dengan Mudah

Dahulu sebelum saya mengenal tools version control, saya terbiasa menggunakan tool semacam filezilla untuk melakukan file transfer dari komputer (local) ke server, tetapi tools ini ada beberapa kekurangan, diataranya tidak ada nya fitur untuk melakukan rollback saat kode baru yang terupdate ternyata memiliki bug dan kita mencoba untuk mengembalikan ke update sebelumnya, untuk melakukan hal ini sebelumnya saya harus melakukan backup secara manual.

selain itu untuk melakukan kolaborasi kita tidak bisa melakukan tracking tiap ada update baru entah itu yang kita lakukan sendiri atau orang lain di team kita yang melakukan update, kita hanya bisa menebak atau mengaku telah melakukan update di beberapa file.

Continue reading
CategoriesLaravelProgramming

Upload File Ke Digital Ocean Space Menggunakan Laravel

Dalam pengembangan aplikasi tentunya kita membutuhkan storage untuk menyimpan berbagai file, dalam pengembangan aplikasi yang sudah berskala besar tentunya kita mempertimbangkan untuk memisahkan penyimpanan dengan source kode aplikasi ini yang dinamakan stateless application yang mana kita bisa menggunakan beberapa server untuk satu aplikasi

Nah salah satu object storage ini adalah Digital Ocean Space yang mana menjadi kompetitornya Amazon S3, DO Space sendiri adalah layanan penyimpanan objek yang kompatibel dengan API Amazon S3. DO Spaces menyertakan CDN terintegrasi yang dapat Anda aktifkan tanpa biaya tambahan.

Continue reading
CategoriesLaravelProgramming

Memanfaatkan Fitur Form Request Pada Laravel Untuk Menulis Kode Yang Lebih Rapi

Menulis kode yang rapi, terstruktur dan menggunakan standard yang telah ditetapkan akan memudahkan kita seorang developer untuk melakukan perawatan project yang sudah kita buat, tidak hanya saat proses pengembangan, namun juga dalam proses perawatan dalam jangka waktu yang panjang, apalagi untuk project yang sudah bersekala besar, sangat kompleks dan di maintain oleh banyak developer.

Terdapat salah satu fitur yang bagus pada framework laravel, yaitu Form Request, fitur ini merupakan sebuah kelas yang bertugas hanya untuk melakukan validasi dari setiap inputan yang masuk sebelum di olah, jadi fitur ini memungkinkan kita untuk memisahkan proses pengecekan / validasi dengan proses bisnis, sehingga kode yang kita tulis tidak tercampur menjadi satu file

Continue reading
CategoriesProgramming

MySql Database Transaction dan Implementasinya Pada Bahasa Pemrograman PHP

Pengembangan software yang kompleks tidak terlepas dari database yang kompleks pula, terdiri dari beberapa tabel yang berkesinambungan dan memiliki relasi satu sama lain, dalam dokumentasinya mysql di sebutkan seperti ini

By default, MySQL runs with autocommit mode enabled. This means that, when not otherwise inside a transaction, each statement is atomic, as if it were surrounded by START TRANSACTION and COMMIT. You cannot use ROLLBACK to undo the effect; however, if an error occurs during statement execution, the statement is rolled back.

https://dev.mysql.com/doc/refman/8.0/en/commit.html

secara default mysql berjalan dengan autocommit yang sudah diaktifkan, jadi setiap query akan dijalankan sesuai order namun jika ternyata di tengah tengah proses terjadi sesuatu error, yang mungkin bisa jadi disebabkan oleh terputusnya koneksi user atau karena hal lain, maka query yang sudah tereksekusi di awal tidak akan bisa dilakukan mekanisme rollback, maka dari itu diperlukan mekanisme database transaction, agar setiap rangkaian query yang kita harapkan jika terjadi kesalahan di tengah tengah maka proses dari awal dapat dibatalkan

Continue reading
CategoriesProgramming

GitHub Copilot Asisten Powerfull Untuk Programmer

GitHub Copilot

Github mengeluarkan salah satu produknya AI yang sangat powerfull bernama GitHub Copilot, dengan tagline nya “Your AI Programmer” tools ini bisa memberikan suggestion kepada kita untuk menyelesaikan sebuah problem, hanya dengan mengetikkan sebuah komentar saja nantinya Github Copilot ini dapat memberikan sampai sepuluh rekomendasi, bahkan untuk dapat menyelesaikan algoritma struktur daya yang rumit sekalipun, untuk support bahasa pemrogramannya saya mengutip di websitenya begini

“GitHub Copilot works with a broad set of frameworks and languages. The technical preview does especially well for Python, JavaScript, TypeScript, Ruby, Java, and Go, but it understands dozens of languages and can help you find your way around almost anything.”

Karena untuk sekarang statusnya masih technical review, buat yang ingin menjadi tester GitHub Copilot ini dapat mengajukanya di https://copilot.github.com/ kurang lebih sekitar 4-5 bulan nanti akan mendapatkan email persetujuan dari GitHub seperti ini

Continue reading
CategoriesProgramming

Implementasi PSR 4 Autoloading pada PHP

PSR atau singkatan dari PHP Standards Recommendations, yang mana artinya adalah rekomendasi-rekomendasi penulisan kode agar setiap programmer memiliki standar penulisan kode, sehingga mudah untuk melakukan kolaborasi atau kerja sama dalam menulis kode PHP, lebih lagi para programmer dapat membuat berbagai library hingga framework dari bahasa pemrograman PHP dengan standarisasi penulisan kode yang sama.

Continue reading