Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Vite : Pemula sampai Mahir
Rating: 4.9 out of 5(137 ratings)
2,388 students

Vite : Pemula sampai Mahir

Belajar Vite build tool untuk pemula sampai mahir
Last updated 12/2024
Indonesian

What you'll learn

  • Belajar Vite untuk build tool
  • Belajar Vitest untuk testing tool
  • Cara membuat project menggunakan Vite
  • Cara melakukan unit test menggunakan Vitest

Course content

2 sections33 lectures1h 52m total length
  • Pendahuluan1:53
  • Slide dan Source Code0:02
  • Pengenalan Vite3:14
  • Membuat Project2:31
  • Menjalankan Aplikasi4:04
  • JavaScript2:13
  • TypeScript4:58
  • Build4:39
  • Node Dependency3:49
  • CSS2:58
  • CSS Preprocessor2:49
  • JSON3:08
  • Static Assets8:07
  • Preview2:43
  • Configuration3:42
  • Multi Page Application6:02
  • Plugin2:05
  • Template3:51
  • Materi Selanjutnya1:32

Requirements

  • Mengerti HTML, CSS dan JavaScript
  • Mengerti NodeJS

Description

Selamat datang di kelas Vite, sebuah alat modern untuk membangun aplikasi web yang cepat, efisien, dan mudah digunakan. Dalam dunia pengembangan web yang terus berkembang, performa dan kemudahan pengelolaan proyek menjadi kebutuhan utama. Vite hadir sebagai solusi generasi baru untuk mengatasi tantangan ini.

Apa Itu Vite?

Vite (dibaca: "vit", berarti "cepat" dalam bahasa Prancis) adalah build tool yang dikembangkan oleh Evan You, pencipta Vue.js. Vite dirancang untuk memberikan pengalaman pengembangan yang mulus dengan waktu startup yang sangat cepat dan proses pembangunan aplikasi yang efisien.

Mengapa Memilih Vite?

  1. Waktu Startup Cepat: Vite menggunakan server pengembangan berbasis native ES modules, sehingga waktu kompilasi sangat singkat.

  2. Hot Module Replacement (HMR) yang Cepat: Perubahan kode langsung terlihat di browser tanpa perlu memuat ulang seluruh aplikasi.

  3. Konfigurasi Sederhana: Vite mudah digunakan dengan pengaturan default yang masuk akal.

  4. Dukungan Multi-Framework: Selain Vue, Vite mendukung React, Preact, Svelte, dan banyak lainnya.

  5. Build Optimizasi: Vite menggunakan bundler modern seperti Rollup untuk menghasilkan output yang optimal dan siap produksi.

Apa yang Akan Dipelajari?

Dalam kelas ini, kita akan membahas:

  1. Dasar-dasar penggunaan Vite untuk memulai proyek baru.

  2. Cara mengonfigurasi Vite sesuai kebutuhan proyek.

  3. Penggunaan HMR untuk meningkatkan produktivitas pengembangan.

  4. Optimalisasi aplikasi dengan proses build Vite.

  5. Integrasi Vite dengan framework populer seperti Vue atau React.

Tujuan Kelas

Setelah mengikuti kelas ini, Anda diharapkan dapat:

  • Memahami konsep dasar dan manfaat menggunakan Vite.

  • Memulai dan mengelola proyek pengembangan dengan Vite.

  • Mengoptimalkan performa aplikasi menggunakan fitur-fitur Vite.

Mari kita mulai perjalanan untuk memahami dan menguasai Vite, alat pengembangan modern yang akan mempercepat workflow Anda sebagai pengembang web.

Who this course is for:

  • Pengembang web yang ingin menggunakan Vite sebagai build tool nya