3 Extension VSCODE untuk WEB DEVELOPER
ฝัง
- เผยแพร่เมื่อ 9 พ.ย. 2024
- Extension VSCODE untuk Web Developer
Theme:
Mayukai
github.com/Gul...
Font:
Hack
sourcefoundry....
github.com/sou...
Source Code Pro
fonts.google.c...
adobe-fonts.git...
Fira Code
fonts.google.c...
github.com/ton...
Extension
Live Server
ritwickdey.git...
Live Preview
github.com/mic...
Peacock
github.com/joh...
Quokka
quokkajs.com/
---
🔥 SUPPORT WPU 🔥
👕 Beli Hoodie & T-Shirt di WPU Coding Gear Official Store 👕
shopee.co.id/w...
👾 Gabung Server Discord WPU 👾
/ discord
Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
saweria.co/san...
karyakarsa.com...
---
📢 FOLLOW SOCIAL MEDIA 📢
/ sandhikagalih
/ sandhikagalih
github.com/san...
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac...
terimakasih dan #janganlupatitikkoma!
@sandhikagalih
Fav Extension:
1. cdnjs
buat masukin berbagai code cdn ke html/css, tanpa perlu nyari web cdnnya dulu trus copy dari sana... jadi simpel
2. Code Snapp
buat screen shot codenya lebih cantik aja pas di share di sosmed komunitas hehe
Ada notifikasi di Discord, langsung melipir kesini.Ikutan nonton pak. Buat referensi tambahan dan mengisi waktu akhir pekan
Ijin feature tema nya lagi ya Mas Rian.. 😊🙏
@@sandhikagalihWPU ga apa apa pak, langsung aja, ga perlu izin lagi, hehehe 😁
1. inline parameters.
buat liat parameter apa yang diminta sebuah funsi. bagus buat belajar fungsi baru
2. Search node_modules
mempermudah pencarian modul di node_modules
3. background dari shalldie
buat masang gambar jadi background di vscode.
saran pake gambar png yang isinya icon dan ditaro di kanan sebelah mini map. atur opacity biar ga ganggu penulisan code.
Live Preview mantap! satu lagi extension favorit saya untuk HTML adalah Auto Rename Tag
👍
mantap pak akhirnya extention yang ditunggu dibahas juga
Satu lagi pak,
"Save Typing"
Jadi auto save file ketika ada perubahan di kodenya, extension ini bisa di pair sama live server jadi gaperlu save file manual /ctrl+s buat cek perubahan di web
kan ini ada default auto save dari vscode nya ... , coba ke vscode klik "File" dipojok kiri atas trus ada pilihan auto save.. tinggal klik dan ngga usah ctrl+s lagi
@@ghalitsar2730 lebih simpel, mantap
kalau soal save saya sudah muscle memory. kebiasan tiap habis ngetik apa2 pasti ctrl + s.
@@yokowasis ctrl+s 10 kali :v biar ngga error
sukses terus pak,semakin jaya nih channel pak
code editor skr mmg sudah sangat membantu dlm pembuatan aplikasi tp entah kenapa sy masih sangat betah dgn notepad++ dari tahun 2012 hahaha
Jokes bapak bapak, 😄
ada notif di discord
langsung gas nonton
Mantap, Terimakasih. sangat bermanfaat informasinya pak
Mantap pak, terima kasih infonya
Tetap nonton walau lagi sakit 🗿👍
lekas sembuh!! 💪
mayukai emang top banget, nyaman dipake...
Terima kasih pak, video ini sangat bermanfaat
Mantap.
Sikat abis ini mah 🔥
Mantap pak.
terima kasih pa, sangat bermanfaat sekali😁👍
sangat sangat sangat membantu.... terimakasih pak
Terimah kasih pak untuk tipsnya
Makasih banyak pak
mantul pak, pak bahas editor baru menarik, lebih lightweight & snappier dari vscode . terimakasih:*
Nice ingfo, makasih pak
wahh mantap pak , jadi lebih semangat ngodingnya
Tab Jumper -> perpindahan antar Tab yg sedang terbuka dg shortcut lewat keyboard
Makasih Pak
Mantap pak
Wao.. Dunia teknologi makin maju saja.. 😀 kalo dulu mau bikin border radius aja susahnya bukan main.. 😀
keren, baru tau kalau itu namanya ligature
pak dika, apakah 3-5 taun kedepan 3D Web bakalan massive? terutama penggunaan VR tapi basisnya platform website...
Hadir Pak 🙏
Terimakasih Pak 🙏👍👍
Terima kasih pak dika
Tanks pak...
Punten, pak.. ada niatan atau pikiran kah untuk membuat seri framework JS seperti angular / vue? terima kasih...
iya pak , VUEjs yang bagian component seru banget
Katanya tahun depan mau bikin tutorial react js, pak sandhika nya sendiri masih belajar framework js juga
@@ryrd oh iya kah. Saya gk tau hehe. Alhamdulillah kalau dibuat seri ya
Up sama nunggu react
Ane user angular bri
WWah keren pak. Terima kasih banyak informasinya.
Semoga sehat-sehat selalu pak.
ada extension yang saya cari di sini, makasih pak
Mantap, hatur nuhun pa dhika 😊
hatur nuhun, kang
PC / laptop yang recomended untuk budget minimalis buat belajar coding apa ya kak?
mantap Pak
Keren banget kak
pak dika!! lanjutin ngobar dongg 😄
ada ide kita mau ngobar apa lagi? 🤔
@@sandhikagalihWPU Buat pre loader pak😅
@@sandhikagalihWPU apakah ada cara agar contact nya bagian email bisa detect apakah itu akun google atau bukan 🤔
Thx pak
Sehat selalu pak 🙏
lanjut nonton
makasih
Mantap pak dika
halo semua, aku mengalami masalah saat menjalankan perintah php artisan serve di terminal vscode, setelah itu saya coba di cmd juga tidk bisa, malah loading lama dan ga muncul link serve nya. kira² kenapa ya, tolong solusinya nggih🙏
🔥🔥🔥
Keren pak 👍👍👍
permisi bang mau tanya vscode tau sublime teks lebih worth it apa ya bang
maaf pak, apakah kedepannya akan buat tutorial untuk membuat realtime chat sederhana pada website ?
UDAH LAMA GAK BELAJAR PAK, KARENA GAK SESUAI KULIAH DENGAN PROFESI SKRG. SKRG UPDATE ILMU DULU, BIAR GAK TERLALU KETINGGALAN.
Haloo pak Dhika.. saya mau nanya kapan ada showcase project ?
Harus sering sering main ke setting nih, oiya extension icon file nya apa pak?
Pak galih di menit 19:24 itu warna hijau disebelah kiri memang fitur vscode atau pake extension lagi?
untuk "Live Preview" bisa banget untuk file HTML, untuk file PHP dan yang lain bagaimana cara settingnya..Pak
Terima Kasih
nice
Hadir..
Mau nanya apa klo vscode lbh cocok buat developer javascript y? Sdangkan pythonpakai pycharm? Trmksh
Keren pak Sandhika
mau nanya, bedanya beautify ama prettier apa ya?
Pretiier itu hanya merapikan source code saja atau merapikan paragraf juga yaa?? Soanya di leptop saya saat ngoding yg panjang2, sayang sekali harus geser2 lagi ke samping.
Kalu ada extention yg bisa atasinya info dong. 😀
alt+z aja mas kalo panjang kesamping
pak maaf mau tanya kalo di sublime text kan kalo kita mau ngoding php tinggal ketik php terus tab nnti d buatin tag phpny otomatis, tapi di vs code ko ga bisa otomatis d buatin ya, jd ny manual agak ribet jd ny, cara ny gmna pak biar otomatis d buatin kaya di sublime text ? makasih
Izin tanya."no such file or directory" Output programnya cara mengatasinya bagaimana ya?
font monolisa keren pak
Kak kenapa saya sudah download extension nya tapi pas di klik kanan enggak ada tuh pilihan open with live server / with live priview
Terimakasih Pak 🙏 Sangat bermanfaat 👍 semangat 🤗👍
Tapi pak kenapa ya saat saya klik kanan nggak ada banyak menu kayak bapak? Cuman ada 5 menu: Change All Occurrences, cut, copy, paste, and Command Pallette
VSC (USB) Windows 7 x85 (32 Bit)
iya punya saya juga nggak keluar ya
Ayo ramein cepat
live preview ini ga bisa dipake kalo ekstensi filenya php ya pak?
theme yang friendly untuk mengidap buta warna parsial apa yah, kalau ada mohon bantuannya terimakasih :)
Pak request tutorial tailwind css
pak sandhika punya saya kok extensions mulai dari open in browser, live server dan live preview tidak muncul pada tombol klik kanan kenapa ya padahal sudah diistal ulang beberapa kali tetap tidak muncul sama sekali, tolong dikasih solusinya
Pak cara biar live preview tidak menutupi kodingan kita? Soalnya kalau di aktifkan live preview kodingan kita jadi ketutup, makasih
Pak Jangan panggil temen temen dong pak, panggil anak anak aja, biar vibes belajarnya dpat
tabnine pak , mempercepat penulisan coding
👍🙏
halo mau nnya, cara biar code nya responsif jg gimana ya? contohnya jika lebar vs code nya berubah maka code nya menyesuaikan. Terimakasih
View > toggle word wrap
Atau ALT + Z
Extension yang seperti QUOKKA tapi untuk Golang ada gak pak?
Pak Dika untuk icon vscode nya menggunakan theme apa ya?
Pak saya ingin bertanya beberapa extension yang saya gunakan dari saran bapak,tidak langsung bisa digunakan seperti yang bapak demokan,dan saya sudah mencari cara tapi tidak nemu bagaimana menyelesaikan masalahnya,mohon jawabannya pak, bagi teman" yang memiliki kasus yang sama mohon bantu jawab,TERIMAKASIH.
Pak, kok vscode saya kalau mau pencet tab untuk nulis php tdak bisa ya Pak? auto complete nya cuman ada php info ga ada ini nya pak?
maaf mau tanya saya udah install ooen in browser sama live server nya tapi kok gak bisa jalan ya.. mohon solusinya 🙏
Tabnine mungkin Pak...
Punten pak, plis pisan ini mah minta rekomendasikan laptop buat kuliah TI terus bikin projek kecil kecilan dengan budget minim tu apa ya? Gk mau nyusahin ortu juga gitu
Mantap pak langsung saya praktekan wkwkwkwkwkw
permsi bang untuk sourch code pro nya di font google nya sudah tidak ada ya ?
Mau tanya sama yang udah tau mungkin, btw JSON itu apa?, dan untuk apa JSON itu? Mohon penjelasannya kawan.
Javascript object notation. Biasanya banyak di pakai di arena frontend . Rest api . Dan data no sql misalnya mongoDB
Maaf pak mau tanya kalau live servernya ga muncul masalahnya ada di setting json gmnnya memperbaikinya 🙏
live preview gak bisa buat php kah pa?
extension google make apa pak,supaya ada namanya
maaf kak saya pemula mau tanya,cara menghilangkan garis merah ketika mengetik di visual studio code gimana ya?
laptop i5 ram 4 ssd 128, kira2 berat nggak pak mgikuti ini?
aman harusnya 👍
Saya ada cuba download hack font dari link yang pak dika kasi. Gw download yang launcher nya. Lepas download disuruh restart duluan dan tiba2 wifi saya hilang. Icon nya hilang. Udah di check networking nya gak jalan juga. Udah du check diagnostic policy service juga gak jalan
quoka bisa di pake nestjs tidak pak?
pak ekstension buat merubah logo menjadi logo html menggunakan ekstension apa ya?
tanya pak dika, cara mengatur jarak antar baris?
pak ekstensi buat merubah ikon apa ya?
Punten pak mau nanya itu maksud dri file .vscode apa ya pak?