VIM Master - Game browser ringan untuk mempelajari perintah Vim

 (github.com/renzorlive)
24 poin oleh GN⁺ 2025-08-29 | 2 komentar | Bagikan ke WhatsApp
  • VIM Master adalah game pembelajaran Vim yang berjalan di browser tanpa instalasi, sehingga memungkinkan pembelajaran singkat dan terfokus untuk perintah navigasi serta pengeditan inti
  • Mendukung fitur utama Vim seperti mode normal/insert, log perintah, prefiks angka (misalnya 3w, 2dd), serta undo/redo
  • Mode tantangan menguji akurasi dan kecepatan perintah di bawah tekanan waktu, dengan sistem skor untuk mendorong motivasi belajar
  • Menggunakan stack teknologi ringan berbasis HTML, CSS, dan JavaScript, serta dapat dijalankan dengan sederhana tanpa dependensi
  • Proyek open source berlisensi MIT, mudah diperluas dengan menambahkan level sederhana

Struktur level

  • Total 13 level, dan setiap level berfokus pada pembelajaran satu konsep tunggal
    • Level 1: Perintah Ex (:q, :wq)
    • Level 2: Pergerakan dasar (h, j, k, l)
    • Level 3: Pergerakan kata (w, b, e)
    • Level 4: Pergerakan baris (gg, G)
    • Level 5: Mode insert (a, input teks, Esc)
    • Level 6: Dasar penghapusan (dd, dw, x)
    • Level 7: Salin dan tempel (yy, p)
    • Level 8: Batas baris (0, $)
    • Level 9: Menambahkan teks dan baris baru (a, o, O)
    • Level 10: Mengubah kata (cw)
    • Level 11: Hapus hingga akhir baris dan ganti karakter (D, r)
    • Level 12: Prefiks angka (3w)
    • Level 13: Undo/redo (dd, u, Ctrl+r)

Bacaan terkait

2 komentar

 
roxie 2025-08-30

Saya suka Vim Adventures, meskipun berbayar.
 
GN⁺ 2025-08-29
Pendapat Hacker News

  • Akan seru kalau ada yang membuat game yang menggabungkan Guitar Hero dengan keybinding Vim
    Dengan mengetik tab dengan cepat agar terasa seperti benar-benar bermain, lalu memasukkan baris ASCII art, dan jika teknik seperti pengeditan multiline atau penyisipan karakter tertentu juga dimasukkan, rasanya siapa pun bisa jadi vimgod
    Di sisi lain, setiap kali seseorang datang ke tempat saya dan ingin memamerkan kerumitan Vim lewat trik edit kata yang biasa mereka lakukan, lalu semuanya selalu gagal, saya jadi tersadar bahwa jari manusia itu bukan karet gelang
    Saya termasuk orang yang suka nano (setengah bercanda, setengah serius)

  • Vim Adventures juga layak disebut
    Itu game yang sudah berumur 12 tahun, dan pernah juga diperkenalkan di thread Hacker News sebelumnya

    • Saya belajar dasar-dasar Vim berkat game ini
      Sampai sekarang pun masih cukup bagus

  • Agak mengejutkan tidak ada penyebutan tentang vimtutor
    Setahu saya, itu tutorial bawaan yang tersedia di semua lingkungan tempat vim terpasang
    Proyek ini memang keren, tapi rasanya bagus juga kalau sesekali memperkenalkan vimtutor sebagai konsep aslinya

    • Sebenarnya saya datang dengan harapan ini akan menjadi alternatif untuk vimtutor
      Akan menyenangkan kalau ada tutorial bertahap dengan tingkat kesulitan yang meningkat untuk pengguna menengah atau mahir
      Selama ini saya mendapat banyak tips yang benar-benar berguna dari blog online maupun dokumentasi resmi vim
      Kalau ada repositori yang layak direkomendasikan, saya benar-benar ingin mencobanya
    • vimtutor bisa diibaratkan Babbel, proyek ini seperti duolingo
      Banyak orang memang lebih suka belajar dalam format game, tapi ada juga yang cenderung lebih menyukai gaya buku teks atau tutorial tradisional
      Secara pribadi, saya rasa membuat lebih banyak orang memakai Vim dan Emacs adalah hal yang keren, apa pun metodenya
    • Sayangnya vimtutor sudah tidak lagi disertakan di fork neovim

  • Dulu saat pertama kali belajar Linux, pengalaman mengikuti tutorial vim dengan saksama sangat membantu
    Saya masih belum jadi master vim, tetapi waktu yang saya curahkan saat itu benar-benar sangat bernilai

    • Neovim Tutor jauh lebih tertata rapi dibanding Vim Tutor lama
      Kalau ingin cepat menguasai perintah tombol, saya sarankan mengulang tutorialnya sampai terbentuk muscle memory
      Pada titik itu, learning curve Vim mulai terasa jauh tidak menakutkan dan lebih praktis

  • Ada juga situs vim-adventures.com

    • Hanya saja, setelah titik tertentu game ini mendorong pengguna untuk membayar
      Saya tidak punya masalah dengan model seperti itu, tetapi setelah sempat tenggelam dalam permainan lalu tiba-tiba terhalang paywall, saya agak kaget
    • Jujur saja cukup bikin kesal, dan rasanya bisa menanamkan kebiasaan yang kurang bagus untuk vim
      Saat mulai, Anda hanya bisa memakai h, j, k, l, dan banyak tombol yang ditampilkan di bantuan ternyata sebenarnya belum bisa dipakai
      Akhirnya saya jadi cuma terus menekan tombol arah. Level pertamanya terlalu panjang sampai bikin fokus buyar
      Di area kedua, perpindahan per kata (w, b, e) diperkenalkan, tetapi tombol-tombol itu sendiri belum bisa digunakan sampai saat itu
      Karakternya memang menyebutkannya, tetapi tombolnya masih terkunci sehingga terasa menjengkelkan
      Pada akhirnya, ketika saya berhasil membuka w, b, e, saya kembali ke awal, tetapi karena masih ada spasi tambahan di antara kata dan tanda baca, saya tetap harus membuka B, 0, ^, dan tombol angka, jadi saya malah kesal
      Secara pribadi saya akan memberi nilai [1/10] dan tidak merekomendasikannya
      Kebanyakan orang kemungkinan bisa belajar beberapa tombol lewat vimtutor dalam waktu yang jauh lebih singkat daripada waktu yang dibutuhkan game ini sampai membuka tombol b, dan hasil belajarnya pun lebih tepat
      Sebenarnya tidak banyak yang perlu dihafal di vim
      Cukup pahami kombinasi tombol gerak dan tombol perintah. Misalnya, kalau tahu b, w, e dan d, Anda langsung bisa melakukan db, dw, de, dd
      Yang dipelajari bukan masing-masing secara terpisah, melainkan kombinasinya
      Hal yang sama juga berlaku untuk tombol gerak huruf besar; konsepnya langsung terasa sekaligus, dan itulah yang bisa dibilang estetika sejati vim

  • Vim Hero juga merupakan situs yang cukup bagus untuk pemula

  • VimGolf juga menyenangkan, tetapi rasanya meskipun kita bisa belajar banyak trik keren, itu tidak terlalu membantu membangun muscle memory yang benar-benar melekat di tangan

    • Agak aneh rasanya harus punya akun Twitter(X)
      Saya tidak tahu kenapa itu diperlukan

  • Memetakan tombol Caps Lock menjadi ESC adalah tips keyboard hacking terbaik

    • Nah, memang itulah jalan yang benar

  • Situs yang benar-benar keren
    Saya juga sedang membuat vimgolf.ai dengan ide yang mirip
    Dirancang agar pengguna bisa mempelajari gerakan Vim baru
    Belakangan ini hidup saya sedang sibuk sekali sehingga tertunda, tetapi saya benar-benar ingin menyelesaikannya

    • Ide yang bagus!
      Mungkin akan bagus jika Anda menyediakan beberapa soal latihan tanpa perlu registrasi, supaya orang bisa mencobanya langsung lalu menilai sendiri
    • Hal-hal seperti login/registrasi, kebijakan privasi, dan tidak adanya open source bisa terasa agak menghalangi bagi pengguna Linux pada umumnya
      Target Anda memang sudah kalangan penggemar dengan selera khusus, jadi semoga berhasil

  • vimcasts.org/episodes/ yang muncul saat screencast sedang populer dulu juga layak dijadikan referensi