Cara konfigurasi Auto Mount Disk pada Linux Manjaro

Cara konfigurasi Auto Mount Drive pada Linux Manjaro agar drive Otomatis Mounting pada saat komputer restart. saya akan mounting Disk “Data” ke dalam Folder /media/Data. Buat folder terlebih dahulu di “/media/Data” Kemudian set Owner Folder sudo chown -R $USER /media/Data Kemudian buka terminal dan masukan perintah sudo blkid makan akan muncul catat isi dari kotak nomor 1, 2, 3, dan 4 copy isi dari UUID yaitu “c110e2ef-5aa7-4721-9259-e6507558018a” menyesuaikan dari komputer masing2.

Cara mengatasi Black Screen pada KDE Plasma saat Full Screen pada Browser

Ketika Komputer saya menggunakan Dual monitor pada linux Manjaro KDE Plasmam saya mengalami kendala yaitu Black Screen pada saat mode Full Screen. saya akan membagikan solusi bagaimana cara mengatasi permasalah tersebut berdasarkan pengalaman saya. Buka Window, dan masukan “Desktop Effects” di dalam kotak pencarian atau buka menu System Settings -> Wokspace Behavior -> Desktop Effects kemudian scroll kebawah cari menu “Full Screen” Uncheck “Full Screen” kemudian coba buka lagi browser dan test fullscreen atau tekan “f11”

Upload Website ke Hosting/Share Hosting Menggunakan Git FTP

Bagaimana cara upload website ke Server/Hosting/Share Hosting? Mungkin yang pertama terfikirkan oleh kita pertama kali adalah menggunakan FTP Client sperti Filezilla atau upload menggunakan fitur File Manager yang ada di CPanel. cara tersebut tidak salah dan memang itu adalah cara yang cukup mudah dilakukan. namun ada cara yang lebih mudah dan tidak memakan banyak waktu yaitu menggunakan Git FTP atau Git dan FTP atau FTP rasa Git. kita bisa upload website hanya yang ada perubahan saja.

SSH multiple File With Alias Name

Cara mudah melakukan SSH dengan membuat alias name misal saya akan melakukan remote SSH ke www.abc.com, umumnya saya akan mengetikan perintah: ssh [email protected] Dengan alias kita bisa menyingkat dengan nama yang telah di tentukan contoh: ssh abc Bagaiman cara setup nya? Langkah Pertama masuk ke /home/myname/.ssh dan buat file baru menggunakan vim/nano bernama “config” vim ~/.ssh/config Kemudian edit file config seperti contoh dibawah: Host abc Hostname www.abc.com User myname Port 22 Save file config, dan coba melakukan perintah:

Berkenalan dengan Cawemo Software BPMN untuk Bisnins Proses Modeling Berbasis Web

Cawemo adalah Software BPMN(Business Process Modeling Notation) untuk Bisnins Proses Modeling Berbasis Web dan bagian dari Camunda yang bisa di gunakan untuk kolaborasi Tim dan bisa dengan mudah membaca file Camunda. Kenapa kita menggunakan BPMN? padahal sudah ada Flowchart? BPMN dikhususkan untuk Modeling Bisnis Proses yang sudah di standarkan di seluruh dunia sehingga tidak akan membingugkan oleh orang2 yang membaca Bisnis Proses, sedangakan kalau Flowchart bersifat general dan Flexibel sehingga Desain dari setiap Orang/Organisasi pasti akan berbeda2.

Monitoring CPU dan Memory pada Linux (Server & Desktop) Secara Live

Cara Monitoring CPU dan Memory pada Linux Server dan Desktop dengan terminal Install nmon keluarga debian dengan cara sudo apt-get install nmon Install nmon di keluarga Arch sudo pacman -S nmon kemudian masukan perintah nmon nmon makan akan muncul kemudian ketik huruf “c” dan “m” untuk menampilkan CPU dan Memory Terimakasih

Menggunakan Vuex pada Vue 3 di dalam Inertia (Laravel)

Cara menggunakan Vuex pada Vue 3 di dalam Inertia (laravel), silahkan klik lingk video di bawah ini

Setting Custom Domain Netlify

Cara setting custom domain pada website Netlify, silahkan klik video tutorial di bawah

Upload website statis ke Netlify

Silahkan klik link video dibawah untuk melihat turorial detailnya

Get list key of array object javascript with Lodash

Please install lodash with npm or CDN import _ from "lodash"; let object = { name:"John", address:"Bekasi", phone:"123456" }; let key = _.keys(object); //console key = ["name","address","phone"]

Find index object array in Javascript with Lodash

Install Lodash using NPM or CDN if you are using ES6 feature, please use : import _ from 'lodash' let array = [ { name: 'John',age:20}, {name: 'Anna', age: 23}, {name: 'Paul',age: 25} ]; let findIndex = _.findIndex(array,{name:'Anna'}); //console.log(findIndex) == 1

Install yay di Manjaro

Cara install yay di manjaro cukup mudah berikut langkah - langkahnya: Insall git dan base-devel sudo pacman -S git base-devel lalu clone yay menggunakan git git clone https://aur.archlinux.org/yay.git kemudian masuk ke yay cd yay build makepkg -si

Menggunakan Vuex pada Laravel Jetstream Stack Inertia (Vue3)

Cara menggunakan Vuex pada Laravel Jetstream stack Inertia (Vue3) Langkah pertama kita install vuex terlebih dahulu dengan masukan perintah npm install vuex@next --save Buat file stores.js di dalam “resources/js” import { createStore } from 'vuex'; const stores = createStore({ state: { counter: 0 }, mutations: { increment(state) { state.counter += 1; }, decrement(state) { state.counter -= 1; } }, actions: { increment({ commit }) { commit('increment'); }, decrement({ commit }) { commit('decrement'); } } }); export default stores; Disini saya akan membuat contoh fungsi penambahan dan pengurangan  Kemudian buka app.

Merubah redirect Logout pada Laravel Jetstream Stack Inertia

Pada kesempatan kali ini saya akan membagikan tutorial bagimana cara membuat custom redirect pada saat logout pada Laravel Jetstream Stack Inertia. Langkah pertama kita buat Class Terlebih dahulu dengan nama LogoutReseponse, pada kasus ini Class tersebut saya taruh di App\Http\Reseponses <?php namespace App\Http\Responses; use Laravel\Fortify\Contracts\LogoutResponse as LogoutReseponseContract; class LogoutReseponse implements LogoutReseponseContract{ public function toResponse($request) { return redirect('/login'); } } Implements class LogoutReseponse yang kita bikin dengan “Laravel\Fortify\Contracts\LogoutResponse” Kemudian buat singleton di “App\Providers\FortifyServiceProvider” pada method boot() <?

Tutorial Install laravel dan Laravel Jetstream

Pada kesempatan kali ini saya akan membagikan tutorial video bagaimana cara menginstall Laravel dan Laravel Jetstream versi Inertia JS

Mengubah timezone pada linux Debian

Cara mengubah timezone pada linux khususnya Debian cukup mudah, mari ikuti langkah langkah di bawah ini:  Masuk ke debian menggunakan ssh Setelah masuk menggunakan ssh kemudian kita cek terlebih dahulu timezone yang sedang aktif dengan perintah “timedatectl” atau “date” Selanjutnya kita cek list dari timzone dengan menjalankan printah “timedatectl list-timezones” Setelah dapat timezone yang diinginkan kita akan set timezonenya dengan menjalankan perintah “timedatectl set-timezone Asia/Jakarta” atau “imedatectl set-timezone {NAMA_TIMEZONE}” Selanjutnya kita cek apakah waktunya suda berubah dengan perintah “date atau timedatectl” Selamat waktu suda berubah

Rekomendasi Tempat Belajar Website Frontend

Kali ini saya akan memberikan rekomendasi situs yang bagus untuk belajar website Frontend yang modern secara gratis. W3School (https://www.w3schools.com) Di sini memiliki pembelejaran yang terstruktur mulai dari basic sampai expert di jelaskan secara mendetail. Kalian bisa belajar dari basic HTML, CSS, Javascript, PHP, dan masih banyak yang lainya.  Scrimba (https://scrimba.com) Scrimba memiliki kelas yang interaktif karena kalian bisa mengedit kode secara langsung dan melihat video. Scrimba memiliki kelas yang cukup banyak dan modern seperti Vue JS, React JS, Angular, dan masih banyak lagi yang lainya.

Mengenal Profesi Web Developer

Mungkin kalian semua sudah tahu website itu seperti apa dan hampir semua orang pernah menggunakan website seperti Facebook, Likedin, Tokopedia, dll. dibalik website tersebut ada sosok yang utama yang berperan sangat penting agar website bisa menampilkan konten yang siap di sajikan yaitu “Web Developer” Web Developer adalah sebutan untuk perorangan atau badan usaha yang memiliki keahlian dalam mengembangkan suatau website. Seorang Web developer biasanua menguasai berbagai keahlian yang di gabungkan untuk membuat website yang sesuai dengan permintaan dari Client.

Berkenalan dengan Bit, tool sharing Komponen untuk Frontend Developer

Bit adalah tool yang digunakan untuk saling berbagi Komopnen antar project berbasis Kompponent seperti Vue JS, React JS dan Angular. Untuk mepelajari bit lebih lanjut kalian bisa kunjungi https://bit.dev  Bit memungkinkan kalian dengan mudah membangun, mendistribusikan, dan berkolaborasi melalui komponen yang dapat digunakan kembali di seluruh proyek dan tim. Dengan Bit akan lebih cepat dalam membuat suatu proyek Frontend berbasis Komponen contohnya Vue JS dan React JS. Misal di kita membuat Proyek “A” didalam proyek “A” terdapat komponen “A1” misal Tampilan User Login, kemudian ada proyek “B” yang membutuhkan komponen yang sama “A1” maka proyek “B” akan dengan mudah menggunakan(reusable) komponen “A1” dengan Bit.

Instalasi Faremework Yii2

Yii2 adalah salah satu framework open source yang menggunakan bahasa pemrograman PHP yang di buat untuk membuat aplikasi berbasis website yang modern dan cepat. Nama Yii (diucapkan Yee atau [ji:]) yang berarti “sederhana dan berevolusi” dalam bahasa Cina. Hal ini dapat juga dianggap sebagai singkatan Yes It Is (Ya, Itu Dia)!. Aplikasi Yii diorganisir berdasarkan pola arsitektur model-view-controller (MVC). Model merepresentasikan data, pengaturan dan proses bisnis; view adalah output yang merepresentasikan model; dan controller mengelola input dan merubahnya menjadi perintah-perintah untuk model dan view.