3 Extension VSCODE untuk WEB DEVELOPER
Вставка
- Опубліковано 16 жов 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.
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
Live Preview mantap! satu lagi extension favorit saya untuk HTML adalah Auto Rename Tag
👍
mantap pak akhirnya extention yang ditunggu dibahas juga
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, 😄
sukses terus pak,semakin jaya nih channel pak
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🙏
ada notif di discord
langsung gas nonton
pak dika, apakah 3-5 taun kedepan 3D Web bakalan massive? terutama penggunaan VR tapi basisnya platform website...
Mantap, Terimakasih. sangat bermanfaat informasinya pak
mantul pak, pak bahas editor baru menarik, lebih lightweight & snappier dari vscode . terimakasih:*
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
untuk "Live Preview" bisa banget untuk file HTML, untuk file PHP dan yang lain bagaimana cara settingnya..Pak
Terima Kasih
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
Kak kenapa saya sudah download extension nya tapi pas di klik kanan enggak ada tuh pilihan open with live server / with live priview
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
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
PC / laptop yang recomended untuk budget minimalis buat belajar coding apa ya kak?
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
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.
Haloo pak Dhika.. saya mau nanya kapan ada showcase project ?
maaf mau tanya saya udah install ooen in browser sama live server nya tapi kok gak bisa jalan ya.. mohon solusinya 🙏
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
Izin tanya."no such file or directory" Output programnya cara mengatasinya bagaimana ya?
mayukai emang top banget, nyaman dipake...
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?
permisi bang mau tanya vscode tau sublime teks lebih worth it apa ya bang
coba adain materi strategy buat PR atay MR klo module A misal banyak fitur yg dikerjakan oleh banyak developer misal 15 developer trus ketika PROD itu naik nya partial2
theme yang friendly untuk mengidap buta warna parsial apa yah, kalau ada mohon bantuannya terimakasih :)
Mau nanya apa klo vscode lbh cocok buat developer javascript y? Sdangkan pythonpakai pycharm? Trmksh
tolong dong yang bisa mengatasi munculnya ini : Cannot read property 'fsPath' of undefined dan efeknya tidak bisa backscape akibatnya munculnya tulisan tersebut.
Pak galih di menit 19:24 itu warna hijau disebelah kiri memang fitur vscode atau pake extension lagi?
Live preview saya error gabisa dipake,pesan error nya "command 'livePreview.start.preview.atFile' not found",itu gimana,udah nyari di youtube google masih belum nemu jawabannya
maaf pak, apakah kedepannya akan buat tutorial untuk membuat realtime chat sederhana pada website ?
Terima kasih pak, video ini sangat bermanfaat
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
maaf kak saya pemula mau tanya,cara menghilangkan garis merah ketika mengetik di visual studio code gimana ya?
Harus sering sering main ke setting nih, oiya extension icon file nya apa pak?
Mantap pak, terima kasih infonya
Tetap nonton walau lagi sakit 🗿👍
lekas sembuh!! 💪
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?
Tab Jumper -> perpindahan antar Tab yg sedang terbuka dg shortcut lewat keyboard
Pak help cara menampilkan semua tanggal yang ada pada current bulan & tahun pls sesuai calender php.
Lagi bikin program absensi, agar dimana tanggal usernya gk hadir/tanggal yg gk ada di database juga tampil.
terima kasih pa, sangat bermanfaat sekali😁👍
Maaf pak mau tanya kalau live servernya ga muncul masalahnya ada di setting json gmnnya memperbaikinya 🙏
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
permsi bang untuk sourch code pro nya di font google nya sudah tidak ada ya ?
Sikat abis ini mah 🔥
mau nanya, bedanya beautify ama prettier apa ya?
live preview ini ga bisa dipake kalo ekstensi filenya php ya pak?
Wao.. Dunia teknologi makin maju saja.. 😀 kalo dulu mau bikin border radius aja susahnya bukan main.. 😀
Pak mau nanya
Cara mengatasi extension open in browser eror gimana ya
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 🤔
Pak saya bisa melakukan semuanya. mohon info pak jika ada project mengenai semuanya
Terimah kasih pak untuk tipsnya
Pak request tutorial tailwind css
laptop i5 ram 4 ssd 128, kira2 berat nggak pak mgikuti ini?
aman harusnya 👍
wahh mantap pak , jadi lebih semangat ngodingnya
WWah keren pak. Terima kasih banyak informasinya.
Semoga sehat-sehat selalu pak.
pak cara agar kode² di vscode tidak panjang ke kanan gmna pak?
contohnya saya menambahkan svg untuk gelombang diportfolio, tapi kodenya malah panjang ke samping kanan jadi tidak enak dilihat,agar rapih turun kebawah seperti bapak gmna pak? terimakasih
alt + z
pak ekstension buat merubah logo menjadi logo html menggunakan ekstension apa ya?
extension google make apa pak,supaya ada namanya
keren, baru tau kalau itu namanya ligature
Kak mau tanya, kan saya udah buat semacam website di vs code di laptop ya. Tapi pas saya buka file html nya di android kok tampilan web nya beda ya pas buka google croom android dengan google croom di laptop. Itu solusinya gimana ya agar web yang kita buat juga bisa dibuka di google yang ada di hp. Terimakasih
cssnya di file external ngga? kalo iya cssnya juga harus ada di hpnya di folder yang sama
@@dimasandhk oke kak, siap, hehe
sangat sangat sangat membantu.... terimakasih pak
Pak saran apk buat coding di hp,soalnya saya gk ada Laptop
ada extension yang saya cari di sini, makasih pak
Buatin conten fungsi fungsi semua tag dan atributnya bang
live preview gak bisa buat php kah pa?
Kok pas pake live prewiew css saya gak masuk ya😮
Mantap pak.
guys mau tanya klo pake js bisa buat apk mobile dan game?
izin bertanya oak, apakah kelas ONLINE "Full Stack Web Designer sudah tdk ada lagi ya pak?
mungkin bagi teman2 yg tau bisa bantu jawab
sudah tidak ada lagi 😊
Nice ingfo, makasih pak
Mantap.
Tabnine mungkin Pak...
Punten pak mau nanya itu maksud dri file .vscode apa ya pak?
live preview ini cuman untuk HTML aja ya pak? kalau untuk php atau js bisa juga kah?
setau aku bisa kak.. ada tapinya, kadang² suka ngebug pas running nya. jd kyak running infinity.
@@levindsein4393 oh gitu ya kak, atau mungkin ada plugin (addon) yg khusus php dan js y kak?
Coba snowpack mas. Saya coba enak banget
@@rezaola siap mas, sya coba,,, terima kasih
@@smstudio9039 boleh juga nie saya buat content nya .
pak ekstensi buat merubah ikon apa ya?
Hadir Pak 🙏
cara install font ke sistem gimana?
Makasih banyak pak
Sehat selalu pak 🙏
Pak sandhika sudah beralih sepenuhnya ke microsoft edge kah?
masih pakai chrome
Pak rekomendasi font dari sublime text dong
tanya pak dika, cara mengatur jarak antar baris?
Makasih pak.. Oiya pk saya pake prettier udh ngikutin semua tutornya kok ttep ngga bisa digunakan yh pak?
sudah diaktifkan di setting nya?
@@sandhikagalihWPU sudah pak tpi ttep ajh ndak jalan
Ext live server untuk php apa ya pa? Apa cma html aja ya yg live server? Terimakasih 🙏
Sama ekstensinya, cuma perlu tambahan di browsernya..
Cuma bisa Chrome & Firefox, ada di store nya.. namanya live server, sama persis kayak yang di vscode, ntar nyalain yg di vscode terus nyalain juga yg di browser, nanti auto reload sendiri.. saya biasa pake itu untuk php
Mantap pak
quoka bisa di pake nestjs tidak pak?
tabnine pak , mempercepat penulisan coding
Pak Dika untuk icon vscode nya menggunakan theme apa ya?
izin bertanya pak. kalau misalkan kita backup setting vscode terus kita Sync ke laptop yang lain bisa ngak pak?
agar pengaturan yang biasa kita gunakan bisa di pake di laptop lain pak.
Bisa mas. Kalo saya pribadi saya backup pake akun github. Jadi kalo mau ganti pc nanti settingannya tetap sama
Untuk yang sudah berpengalaman di web development boleh tanya minimun requirementnya? Soalnya saya mau belajar web development.
Spek apa aja cukup sih, jangan spek pc/laptop di jadiin halangan buat belajar yaaa sekarang vscode pun udh ada yang versi web browser tanpa perlu download aplikasinya udh bisa akses yang paling penting koneksi internet aja sih 👍
spec tahun belakang sudah lebih dari cukup sebenarnya, *_minimal_* RAMnya harus 8GB itu aja.
Permisi pak andhika. Saya berencana ingin belajar jadi programmer yang ter arah, apakah pak andhika membuka kelas untuk belajar programmer untuk pemula? Mohon infonya pak🙏
Iya nieh pak dosen minta jelaskan fungs² tag html gitu...?
❤❤❤❤🎉🎉🎉😊
❤❤❤❤
Makasih Pak
Mantap, hatur nuhun pa dhika 😊