frontend

Cara Setup Laravel Dengan Vite

Cara Setup Laravel Dengan Vite

| | Laravel

perbedaan kecepatannya langsung terasa begitu saya beralih dari Laravel Mix ke Vite, build yang tadinya puluhan detik jadi hitungan detik, dan HMR (hot module replacement) membuat ngoding frontend jauh lebih nyaman karena perubahan langsung tampil tanpa refresh browser manual. setup awalnya tidak rumit, dan di artikel ini saya pandu langkah demi langkahnya dari nol sampai build production.

kita akan bahas konfigurasi default yang sudah disediakan Laravel, cara memahami vite.config.js, integrasi React dan Vue, sampai masalah yang paling sering bikin artikel ini dicari orang: error Vite manifest not found.

Cara Membuat Dark Mode di Bootstrap 5.3 (Color Mode)

Cara Membuat Dark Mode di Bootstrap 5.3 (Color Mode)

| | HTML/CSS

Dark mode bukan lagi fitur tambahan — hampir semua aplikasi dan website modern punya tombol untuk berpindah tema terang dan gelap. Sejak Bootstrap 5.3, fitur ini resmi tersedia tanpa plugin tambahan lewat mekanisme yang disebut color mode.

Apa itu HTML: Pengertian, Fungsi, dan Cara Kerjanya

Apa itu HTML: Pengertian, Fungsi, dan Cara Kerjanya

| | | HTML/CSS

Kalau kamu baru mulai belajar bikin website, HTML adalah titik awalnya. Hampir semua yang kamu lihat di browser — artikel ini, tombol, gambar, link — dibangun di atas HTML.

CSS

| | | CSS
CSS adalah cascading Style Sheets — bahasa stylesheet yang mengatur tampilan elemen HTML: warna, ukuran, layout, animasi, dan responsive design. /* Contoh CSS */ .container { display: flex; justify-content: center; background-color: #f0f0f0; padding: 20px; } Istilah Terkait HTML JavaScript Flexbox Kembali ke Glosarium Pemrograman

HTML

| | | CSS
HTML adalah hyperText Markup Language — bahasa markup standar untuk membuat struktur halaman web. Setiap elemen web dimulai dari tag HTML. <!DOCTYPE html> <html> <head> <title>Website Saya</title> </head> <body> <h1>Halo Dunia!</h1> </body> </html> Istilah Terkait CSS JavaScript Kembali ke Glosarium Pemrograman

Responsive

| | | CSS
Responsive adalah desain website yang menyesuaikan tampilan secara otomatis di berbagai ukuran layar (desktop, tablet, mobile). Dicapai dengan CSS media queries, flexbox, grid, dan viewport units. /* CSS Responsive */ .container { width: 100%; max-width: 1200px; } @media (max-width: 768px) { .container { padding: 0 16px; } .grid { grid-template-columns: 1fr; } } Istilah Terkait CSS Flexbox Grid CSS Kembali ke Glosarium Pemrograman
Cara Membuat Form dengan Vue JS

Cara Membuat Form dengan Vue JS

| | | VueJS, Javascript

Cara Membuat Form dengan Vue JS biasanya dibutuhkan untuk input data berupa text string ataupun boolean data bisa untuk kebutuhan login, registrasi, authentication dan melakukan validasi rule form di vue js kemudian menampilkan data nya di vue js selain itu mengirimkannya ke rest api melalui axios.

Cara Membuat Router Di Vue Js Dengan Vue Router

Cara Membuat Router Di Vue Js Dengan Vue Router

| | | VueJS, Javascript

Halo teman-teman semua kali ini saya mau share cara membuat link atau URL di Vue js. yang kita gunakan adalah untuk membuat router dengan library Vue Router, dengan vue router kita bisa melakukan navigasi pindah halaman dengan URL (Uniform Resource Locator) atau URI (Uniform Resource Locator).

Cara Install Vue Js Untuk Membuat Web dengan Vue CLI

Cara Install Vue Js Untuk Membuat Web dengan Vue CLI

| | VueJS, Javascript

Pada kesempatan kali saya mau share cara install Vue CLI (Command Line Interface) untuk membuat web, tujuannya dari Vue js dengan CLI adalah untuk memudahkan proses development seperti menggunakan plugin atau library yang lain di javascript dari npm, selain itu vue CLI akan mem-bundling semua file project seperti javascriptnya, CSS, beserta HTML menjadi satu file dan di compile dalam satu folder project yang menjadi single page application.