Tutorial Vite : Frontend Build Tool (Bahasa Indonesia)

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ก.ค. 2024
  • Hi teman-teman, di video ini kita akan bahas tentang Vite, build tool untuk frontend yang populer digunakan ketika menggunakan framework VueJS.
    Slide : docs.google.com/presentation/...
    Source Code : github.com/ProgrammerZamanNow...
    Materi Video :
    00:00:00 - Pendahuluan
    00:01:53 - Pengenalan Vite
    00:05:07 - Membuat Project
    00:07:38 - Menjalankan Aplikasi
    00:11:42 - JavaScript
    00:13:55 - TypeScript
    00:18:53 - Build
    00:23:32 - Node Dependency
    00:27:21 - CSS
    00:30:19 - CSS Preprocessor
    00:33:08 - JSON
    00:36:16 - Static Assets
    00:44:23 - Preview
    00:47:06 - Configuration
    00:50:48 - Multi Page Application
    00:56:50 - Plugins
    00:58:55 - Template
    01:02:46 - Materi Selanjutnya
    JOIN PREMIUM : th-cam.com/users/ProgrammerZam...
    DISCORD PREMIUM : • Post
    Donasi :
    Saweria : saweria.co/ProgrammerZamanNow
    Social Media :
    Instagram : / programmerzamannow
    Facebook : / programmerzamannow
    Telegram : t.me/ProgrammerZamanNow
    TH-cam : / programmerzamannow
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 65

  • @orangsedan3264
    @orangsedan3264 11 หลายเดือนก่อน

    lagi pakai vite di project dan alhamdulillah ada video dari pak eko. semoga tambah paham

  • @Faisqll
    @Faisqll 11 หลายเดือนก่อน +7

    Alhamdulillah ada tutorial vite, lagi pas banget mau integrasi ama project" pake vite, makasih pak eko🔥👍👍

  • @taufiqhidayat8034
    @taufiqhidayat8034 11 หลายเดือนก่อน

    keren nih, baru aja belajar react pake vite. udah muncul yang vue, makasih banyak pak

  • @dikyyakin3395
    @dikyyakin3395 11 หลายเดือนก่อน +1

    Gk sabar nunggu materi VueJS🔥

  • @ResellerNewby
    @ResellerNewby 11 หลายเดือนก่อน

    Alhamdulillah, keren pak, manfaat banget

  • @dzakiahnafzulfikar9497
    @dzakiahnafzulfikar9497 11 หลายเดือนก่อน

    MANTEP, awalnya saya belajar dari source yang ada di luar negri, sekarang mas Eko udah buat,makasih mas!;)

  • @salsabilafauziah4538
    @salsabilafauziah4538 11 หลายเดือนก่อน

    kerenn pas banget lagi pahamin vue js

  • @zuhair.hamzah
    @zuhair.hamzah 11 หลายเดือนก่อน

    Yossh..Semoga kang eko sehat selalu

  • @irfansuprianto9404
    @irfansuprianto9404 11 หลายเดือนก่อน

    Kaget tiba" ada notif 😅 ,mantap pak 👍

  • @ziruidev
    @ziruidev 11 หลายเดือนก่อน +6

    Wah parah 🔥

  • @kelvinkleden4817
    @kelvinkleden4817 11 หลายเดือนก่อน

    makasih pak
    sangat membantu untuk frontend

  • @Yakeeniku
    @Yakeeniku 11 หลายเดือนก่อน

    Mantapp ada tutorial vite bahasa indo dari pak eko

  • @ariangganugraha7069
    @ariangganugraha7069 6 หลายเดือนก่อน

    Terima kasih mas!

  • @RoniStudio
    @RoniStudio 6 หลายเดือนก่อน

    Terima kasih mas 😊 terbaik!

  • @Irwansyah-kq8lf
    @Irwansyah-kq8lf 11 หลายเดือนก่อน

    Lanjutin typescript dong kang eko sampe deep dive gtu materinya plus best practice dgn fitur2nya typescript yg terbaru kang🙏

  • @wanda.doremi
    @wanda.doremi 11 หลายเดือนก่อน

    mantul kang 🙏

  • @orz14
    @orz14 11 หลายเดือนก่อน

    Sangar 🔥🔥

  • @ardhikaryzha317
    @ardhikaryzha317 11 หลายเดือนก่อน

    Well Played, masuk FE sekarang ✨✨

  • @furqon4970
    @furqon4970 11 หลายเดือนก่อน

    Mantap kang

  • @fanyfany596
    @fanyfany596 11 หลายเดือนก่อน

    lanjut pak

  • @suhu521
    @suhu521 11 หลายเดือนก่อน

    Bau² bakal buat course vue nih

  • @alfaqih_ananda3696
    @alfaqih_ananda3696 10 หลายเดือนก่อน

    wow amazing tools. ini sih bisa menghemat resources dari server ini, bisa kebayang kalau apps gede pake ini. ringan banget eksekusi timenya pasti

  • @user-jb9kw5zp2o
    @user-jb9kw5zp2o 11 หลายเดือนก่อน

    🔥🔥

  • @fync7514
    @fync7514 11 หลายเดือนก่อน

    Superman = Bapak Eko👌👌😁😁

  • @reinjin2371
    @reinjin2371 11 หลายเดือนก่อน

    kok rasanya materinya nambah terus yaa.., satu materi baru ditengah perjalanan, eh udah nongol beberapa materi berat wkwkwk, pelan pelan pak eko 😂🙌

  • @aliif
    @aliif 11 หลายเดือนก่อน

    Otw full stack ini mah

  • @muhamadiqbal2447
    @muhamadiqbal2447 11 หลายเดือนก่อน

    ditunggu vue.js nya pak eko

  • @arya83o292
    @arya83o292 11 หลายเดือนก่อน +1

    Algoritma dan struktur data dong pak, susah bgt menurut saya soal interview tentang ini

  • @muhamadnur7201
    @muhamadnur7201 11 หลายเดือนก่อน

    Next js dong pak eko

  • @novalsaputra2451
    @novalsaputra2451 11 หลายเดือนก่อน

    bang request tutorial lxd lxc dong😅

  • @5ti2_oswaldtanlee14
    @5ti2_oswaldtanlee14 11 หลายเดือนก่อน

    Bang buat tutorial Threejs hehe

  • @irhamtri2306
    @irhamtri2306 11 หลายเดือนก่อน

    Request svelte pak

  • @joefreitas19
    @joefreitas19 11 หลายเดือนก่อน

    Otw full stack

  • @kurodesu404
    @kurodesu404 11 หลายเดือนก่อน

    di golang ada gk ya seperti vite ini

  • @agungadityatama8079
    @agungadityatama8079 10 หลายเดือนก่อน

    kak, mau tanya.
    Kenapa di aku refresh/reload nya itu lama ya? apakah kecepatan internet berpengaruh?

  • @musikawuran
    @musikawuran 5 หลายเดือนก่อน

    pak eko gimana jika build sudah, tapi kadang kadang kita menyisipkan script js untuk halaman tertentu yang kadang scriptny a tidak jalan macam librarynya g terload, padahal sudah ikut terbuild (dalam kasus ini leaflet js)

  • @redstone682
    @redstone682 11 หลายเดือนก่อน

    bang tutorial tailwind

  • @fync7514
    @fync7514 11 หลายเดือนก่อน

    pak eko, buatin tutorial linux dong🙏🙏

  • @RianAndriansyahMadrock
    @RianAndriansyahMadrock 2 หลายเดือนก่อน

    saya ada error pas build vite, errornya pada select2. ada yang pernah ngalamin? gimana solusinya ya

  • @sipalingfasha
    @sipalingfasha 11 หลายเดือนก่อน

    yahhh tutor nya pas mau sekolah :(

  • @iitpranata
    @iitpranata 10 หลายเดือนก่อน

    yang saya img nya malah jadi base64

  • @trisna_cb
    @trisna_cb 11 หลายเดือนก่อน

    Pak, berhubungan dengan FrontEnd Web. Kalo kita bikin web dengan VueJS atau ReactJS itukan hasil build nya satu full coding. Itu kalo web nya sudah gede apakah file js nya akan gede atau bisa dipecah per fitur?

    • @atharfazlemawla2126
      @atharfazlemawla2126 11 หลายเดือนก่อน

      kalau vue gatau ya tapi kalau react iyep sangat flexibel dan bisa dipecah pecah pelajari atomic design react

    • @ionivetech1542
      @ionivetech1542 11 หลายเดือนก่อน

      Pakai vite ini bisa kok dipecah2 file jsnya jadi per komponen, saya udah pakai di aplikasi tempat kerja

  • @3ia11_muhamadrizkisiregar9
    @3ia11_muhamadrizkisiregar9 11 หลายเดือนก่อน

    permisi ka saya kan pernah beli clas kaka tapi dulu 2 tahun lalu tapi sekarang saya mau check kelas saya masihada apa kg itu gimna ya ka soalnya saya chekc di udmy acdemy gk ada ka tolong bantu waktu itu saya beli 3 class di karenakan hp saya yang 1 lagi hilang jadi chatan yang di smipen sama admin hilang juga ka tolong bantu ka

    • @ProgrammerZamanNow
      @ProgrammerZamanNow  11 หลายเดือนก่อน

      harusnya gak kan ilang kalo di udemy, dan di udemy itu gak ada chat sama admin

  • @viralarb5471
    @viralarb5471 11 หลายเดือนก่อน

    Kalo di kombinasi dengan PHP bisa gak mas?

    • @Ganalaras
      @Ganalaras 8 หลายเดือนก่อน

      Bisa bng, laravel kan juga pakai vite untuk asset bundling mas.

  • @TrioKchanel
    @TrioKchanel 11 หลายเดือนก่อน

    Pak apa gak kita vote dulu materi selanjutnya pakai vue ato react pak 🙏🏾

    • @ProgrammerZamanNow
      @ProgrammerZamanNow  11 หลายเดือนก่อน

      Vite itu bisa untuk vue dan react

    • @TrioKchanel
      @TrioKchanel 11 หลายเดือนก่อน

      @@ProgrammerZamanNow siap pak, ditunggu materi selanjutnya pak

    • @mnurrahman388
      @mnurrahman388 11 หลายเดือนก่อน

      Kdpannya saran vue js ya. react kan udh ad sma sebelah.

  • @bbxcy6398
    @bbxcy6398 11 หลายเดือนก่อน

    bang kenapa pakai adblock?, abang gak suka lihat iklan ya?

    • @ProgrammerZamanNow
      @ProgrammerZamanNow  11 หลายเดือนก่อน +1

      kalo keluar iklan senonoh kan gak lucu nanti kalo pas rekaman

  • @ardianto1926
    @ardianto1926 11 หลายเดือนก่อน

    Wah, global import ga dibahas pak?

  • @ramdoni3935
    @ramdoni3935 11 หลายเดือนก่อน +1

    Tanda Tanda OTEWE Vue.js kah ? :)

    • @alifnuryana2166
      @alifnuryana2166 11 หลายเดือนก่อน

      confirm vuejs, lihat di playlist nya aja

  • @naranyala_dev
    @naranyala_dev 9 หลายเดือนก่อน

    HTMX bang, HTMX, pake Golang

  • @namikazedevj46
    @namikazedevj46 11 หลายเดือนก่อน

    kok bisa yh seproduktif itu? ._.

    • @chevalier5691
      @chevalier5691 11 หลายเดือนก่อน

      pak eko ganteng dan intelek

  • @edwardnewgate2534
    @edwardnewgate2534 5 หลายเดือนก่อน

    Jhon F. Kennedy

  • @aldimaulana4387
    @aldimaulana4387 11 หลายเดือนก่อน

    Pak eko/abang-abang mau tanya. Kalo lemah di jaringan & hardware itu fatal banget gak ya buat seorang programmer?

    • @SuperAthuy
      @SuperAthuy 11 หลายเดือนก่อน

      Nggak kok, expertin aja di bidang yang kamu pede, saya ga ngerti hardware dan jaringan, udh jalan mau 4 thn di backend 😁.. bidang lain bonus aja

    • @aldimaulana4387
      @aldimaulana4387 11 หลายเดือนก่อน

      @@SuperAthuy kalo boleh tau beckend bahasa apa bang? Saya pengen jadi beckend tapi kadang suka kelimpungan pas liat kualifikasi kemampuan lowongan backend yang bejibun, boleh minta saran gak bang kalo mao mulai jadi backend itu pelajarin apa aja selain bahasa pemrograman nya?

  • @yukning2415
    @yukning2415 11 หลายเดือนก่อน

    aku kira ini front end framework 😥😥😥