59:49 Sedikit saran accesibility pak dhika dan teman teman, sebaiknya untuk elemen yang sifatnya toggle dan bukan navigasi gunakan element button dengan type button tidak disarankan menggunakan tag a, keunggulan lainnya adalah tidak butuh prevent default The HTML element, with a valid href attribute, is formally defined as representing a hyperlink. That is, a link between one HTML document and another, or between one location inside an HTML document and another location inside the same document. In fact, the interactive, underlined element has become so synonymous with web navigation that this expectation has become entrenched inside browsers, assistive technologies such as screen readers and in how people generally expect the internet to behave. In short, anchors should navigate. The native user agent implementations of the and elements not only differ in how they look and how they act when activated, but also in how the user is expected to interact with them. Both are perfectly clickable when using a mouse, but keyboard users expect to activate on enter only and to activate on both enter and space. github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/anchor-is-valid.md
Mksih pak sandhika atas ilmunya, mulai dari html sampe nodejs aku ikutin, sampe sekarang alhamdullilah bisa nyari duit sendiri dari ilmu yg dikasih pak dika semoga jadi amal jariyah pak
Assalamualaikum Pak Sandhika Galih. Barakallah masyallah semoga menjadi berkah atas ilmu yang telah bpk ajarkan ke kami untuk belajar html dll, terutama bagi saya yang dimana background pendidikan saya bukan IT. Tapi berkat ilmu yang telah bpk shre melalui youtube dan tiktok allhamdulillah saya sudah sdkit bisa ya walau blm mahir pak, saya ucapkan banyak² terima kasih pak.🙏
Mantap pak, banyak-banyak bikin project kayak gini atau project selain bikin website pak biar untuk yang pemula lebih paham lagi haha, mantap dah pokoknya👍👍
pak tolong di revisi itu yg di bagian .products .product-card >>> harusnya .products .product-cart pak, jdi berantakan cssnya ,mengikutin pak. sama Produk Unggulan Kami Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus magni, officia ducimus vitae architecto odio? di code css.stylenya di masukan jg di code yg menu pak .productsnya , saya lihat keskip di videonya pak biar ndak pada bingung pak yg ngikutin, ngoding bareng trims
REQUEST : Bikin unit testing di ci 4 dong pak, nyari tutorial gak nemu yang bagus, bahas unit testing ci4 yang project udah dibuat, kebanyakan cuma contoh, gak yang project jadi bingung gimana ngetest controlernya
gimana carinya bang agar modal content kalau di klik sesuai dengan ulasan masing masing produk. aku belum ketemu ini, kalau di atas kan semua sama itu ulasan dan produknya
coba cek lagi di js nya, tambahin document.addEventListener('click', function (e) { di di atas bagian sb nya.. awalnya saya juga gitu, tapi jadi bisa.. dibedain dikit sama yang di video.
izin bertanya pak,di menit 25:40 saya coba di java scriptnya , saya menemukan ternyata untuk syntax "klik di luar elemen" itu komponen "if" nya cukup diwakili tombolnya saja sudah bisa jalan pak, contoh : // Klik di luar elemen const hm = document.querySelector('#hamburger-menu '); const sb = document.querySelector('#search-button '); document.addEventListener('click', function (e) { if (!hm.contains(e.target) ) { navbarNav.classList.remove('active'); } if (!sb.contains(e.target) ) { searchForm.classList.remove('active'); } }); artinya jika klik diluar tombol (baik sb maupun hm) maka kontennya ( navbarnav dan searchformnya) akan dinonaktifkan, logika saya benar kan pak? saya baru belajar javascript soalnya
permisi pak, minta bikinin tutorial untuk laravel 10, saya baru nyoba nyoba framework php ci4, sekarang saya pengen pindah ke laravel tapi versi yang terbarunya
Kak tolong buat website top up games dong soalnya aku juga lgi buat web top up games hasil buat sendiri cuma masih bingung aja di bagian searching item nya di HTML item nya pake metode sama
Bang saya request tambahin fitur kalau ada fotonya banyak sampai 30 lebih bisa di klik "gambar selanjutnya" atau di link kan ke halaman yg khusus gambar2 aja gitu dong
Maaf izin bertanya pak, apakah kalau kita mengikuti tutorial dari youtube dalam pembuatan website itu bisa di masukkan ke dalam portofolio kita? Terimakasih
Permisi pak dan para teman- teman izin bertanya kalo dibagian Java klik tombol ga muncul itu eror dmn ya terimakasih soalnya udah nyimak persis ga bisa bisa trs 🙏🙏
Pak dika , ada bug pak , ketika shopping cart diisi banyak item nya contoh 10 item , gambar tidak bisa discroll kebawah ketika media laptop pak , mohon solusinya . terima kasih
Pak nanya...kenapa di products image .foto nya tidak mau sejajar secara paritikal) malah secara horizontal. Sejajar nya ke bawa ..apa nya yang harus di cek
Izin bertanya pak, kenapa ya sewaktu sampek di bagian penambahan class active selalu gagal? padahal sudah saya cek dan sama. apakah versi dan jenis browser berpengaruh pak? (Saya memakai chrome) (edit) sama untuk feather code nya ga keluar kenapa ya pak? padahal untuk kode dan inisiasi sudah benar Terimakasih
59:49 Sedikit saran accesibility pak dhika dan teman teman, sebaiknya untuk elemen yang sifatnya toggle dan bukan navigasi gunakan element button dengan type button tidak disarankan menggunakan tag a, keunggulan lainnya adalah tidak butuh prevent default
The HTML element, with a valid href attribute, is formally defined as representing a hyperlink. That is, a link between one HTML document and another, or between one location inside an HTML document and another location inside the same document.
In fact, the interactive, underlined element has become so synonymous with web navigation that this expectation has become entrenched inside browsers, assistive technologies such as screen readers and in how people generally expect the internet to behave. In short, anchors should navigate.
The native user agent implementations of the and elements not only differ in how they look and how they act when activated, but also in how the user is expected to interact with them. Both are perfectly clickable when using a mouse, but keyboard users expect to activate on enter only and to activate on both enter and space.
github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/anchor-is-valid.md
sertai contoh bwang
trs yg bener pake tag apa bang?
@@RaiKece-x3h terserah, preferensi
@@yukinoshita1321 contoh (misal seperti di video):
Mksih pak sandhika atas ilmunya, mulai dari html sampe nodejs aku ikutin, sampe sekarang alhamdullilah bisa nyari duit sendiri dari ilmu yg dikasih pak dika semoga jadi amal jariyah pak
Gan temenan yok
@@wahyuistiaputra ngikut wkwk
GABUNG CIRCLE PLEASE
Pak request untuk dilanjutkan,. tambahin feature CRUD dan dinamis (length product berdasarkan data yang ada pada database)
up
Mari like
Please pak sandhika bykn terus buat yg seperti ini. Ini berguna bgt buat ngasah lg sehabis liburan panjang 😅
Assalamualaikum Pak Sandhika Galih. Barakallah masyallah semoga menjadi berkah atas ilmu yang telah bpk ajarkan ke kami untuk belajar html dll, terutama bagi saya yang dimana background pendidikan saya bukan IT. Tapi berkat ilmu yang telah bpk shre melalui youtube dan tiktok allhamdulillah saya sudah sdkit bisa ya walau blm mahir pak, saya ucapkan banyak² terima kasih pak.🙏
Akhirnya, Hadir lagi yang Part 2-nya! Mantap Kak Sandhika Galih!
terniat dan terkeren serta terbaik dan terikhlas untuk mengshare ilmu ny, panutan emang pa dika ini sya jd bnyak fham gara" pa dika, terimkasih
mkasi pak dhika atas ilmunya, akhirnya saya bisa buat website untuk pertama kalinya walaupun masih desainnya aja
banyak yang minta lanjut part 3 sampai back end nya pak..sekalian tutor di push lagi ke github pages nya 😁 sebelumnya makasih ilmu2 nya pak 🙏🙏
Mantap pak, banyak-banyak bikin project kayak gini atau project selain bikin website pak biar untuk yang pemula lebih paham lagi haha, mantap dah pokoknya👍👍
Kemarin abis kelar nonton part 1 eh lanjut lagi, mantap... Pak...
Idolaku yg teruss membagi ilmunya trimaksih bang
Pak sandi part 3 nya ditunggu nihh 😁
wahhh,. akhirnya, kok lama kali upload nya pak,. ditunggu next part nya pak
Makasih pa sandhika saya berharap kelanjutan untuk backend nya pa agar selesai ngobar kita kali ini
Otw lanjut dan explore pak hehe
Keren pak
Lanjut pak Sandi,..? Ke fungsionalnya,... Mantap
ditunggu banget part 3 nya pak
mantap pak, thanks ilmunya
Mantap... Sesuai harapan
Akhirnya keluar juga terusanya
Mantap Pak lanjut pak untuk CRUD nya
Sumpah ini pas banget gw baru kelarin part 1 nya.
pak mau tanya,kalo tombol x nya di search form gak muncul apa penyebabnya ya,mohon dijawab/teman" yang tau mohon bantuanya terima gaji
pak tolong di revisi itu yg di bagian .products .product-card >>> harusnya .products .product-cart pak, jdi berantakan cssnya ,mengikutin pak. sama Produk Unggulan Kami
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus magni,
officia ducimus vitae architecto odio? di code css.stylenya di masukan jg di code yg menu pak .productsnya , saya lihat keskip di videonya pak biar ndak pada bingung pak yg ngikutin, ngoding bareng trims
Ini yang ku tunggu tunggu pak
mulai belajar part 2nya
selesai dlm 2 minggu
Mantap pak lanjutkan 👍
Terimakasih pak, atas videonya
ditunggu part selanjutnya pak
Mantap pak. Request tambahin fitur metode pembayarannya atau payment gateaway
Menit 21:58 saya biasa pakai href="javascript:void(0) Biar ga scroll ke atas,
makasih pak,ditunggu part 3nya
keren pak dika, lanjut sampai backend pak
mantapp pakk🔥
Lanjut part 3. Untuk bagian "BELI SEKARANG DAN LOGO SOSMED"
agr logo sosmed yg diklik bisa langsung mengarah ke akun sosmednya
tinggal # nya diubah ke url akun sosmed masing masing mas
Selalu keren, terima kasih pak ❤🙏
Makasih atas ilmunya pak sangat bermanfaat. Kalau boleh req tolong lamjutin untuk buat database atau ngejalanin fitur bagian kontak pak makasih🙏
sehat selalu pokoknya pak sandika
Ini yang ditunggu tunggu 🔥
Mantap pak thank vidionya❤
Nongon ini ... Serasa kembali ke jaman kuliah 😂
kok punya saya error ya pak, waktu dimenit 29.14 kok punya saya yng bagian produk terutama yang lorem ipsum kok error ya ,, hmmmm aneh syekaliiii
Udh ketemu hehehe... ternyata tambahin .products p di menu section di css nya 🙏
REQUEST :
Bikin unit testing di ci 4 dong pak, nyari tutorial gak nemu yang bagus, bahas unit testing ci4 yang project udah dibuat, kebanyakan cuma contoh, gak yang project jadi bingung gimana ngetest controlernya
gimana carinya bang agar modal content kalau di klik sesuai dengan ulasan masing masing produk. aku belum ketemu ini, kalau di atas kan semua sama itu ulasan dan produknya
Nah ini mantep pak, next nya bakal di tambahin alpine js gak nih pak🤭
ide bagus nih 😁
keren! sesuai ekspektasi!
Mantap kak sandi
Sehat selalu pak dosenn 😃
Lanjut ke prat 3 pak Dika seru banget 😂
Mantap pak
Saya 😊❤ tutorial wpu
Izin bertanya pak , punya saya kok search-form nya gak bisa yah, padahal sudah ikutin dan sudah bener kodingnya , mhon pencerahan nya pak, terimakasih
kok sama ya solusi gmn
coba cek lagi di js nya, tambahin document.addEventListener('click', function (e) {
di di atas bagian sb nya.. awalnya saya juga gitu, tapi jadi bisa.. dibedain dikit sama yang di video.
izin bertanya pak,di menit 25:40 saya coba di java scriptnya , saya menemukan ternyata untuk syntax "klik di luar elemen" itu komponen "if" nya cukup diwakili tombolnya saja sudah bisa jalan pak, contoh :
// Klik di luar elemen
const hm = document.querySelector('#hamburger-menu ');
const sb = document.querySelector('#search-button ');
document.addEventListener('click', function (e) {
if (!hm.contains(e.target) ) {
navbarNav.classList.remove('active');
}
if (!sb.contains(e.target) ) {
searchForm.classList.remove('active');
}
});
artinya jika klik diluar tombol (baik sb maupun hm) maka kontennya ( navbarnav dan searchformnya) akan dinonaktifkan, logika saya benar kan pak? saya baru belajar javascript soalnya
tolong dilanjutkan buat fitur shopping cart nya dong, makasih sebelumnya
Keren banget ilmunya pak next project coba bikin website rental costume anime pak 😀😀😀😁😁😁😁😁😁😅😅
permisi pak, minta bikinin tutorial untuk laravel 10, saya baru nyoba nyoba framework php ci4, sekarang saya pengen pindah ke laravel tapi versi yang terbarunya
lanjutkan ke part 3 mas dika
Ini Dia Yg Di Tunggu
Kak tolong buat website top up games dong soalnya aku juga lgi buat web top up games hasil buat sendiri cuma masih bingung aja di bagian searching item nya di HTML item nya pake metode sama
yng ditunggu ☝🏼
Pak Dhika usul buat konten ttg web programming progressive web app pak pakai php. Terserah mau mulai dari yg native atau yg pk framework juga boleh
Bang saya request tambahin fitur kalau ada fotonya banyak sampai 30 lebih bisa di klik "gambar selanjutnya" atau di link kan ke halaman yg khusus gambar2 aja gitu dong
Izin bertanya, kenapa pada bagian menu saya berurutan ke bawah ya, padahal di tutorial pak Dika berurutan ke samping
Mohon bantuannya 🙏
Terimakasih kak
Lanjut buat database
Pak buat part 3nya pak gmna caranya buat shopping cart dan gmna caranya spya tombol search berfungsi
pak maaf di menit 1:17:52 pas saya klik di button eye kok malah balik ke home ya?
saya cek code nya sudah sama dan sesuai
terimakasih
sekarang gimana bang, udah ketemu belum jawabannya, soalnya saya juga bingung
cara ganti modal box selanjutnya gmna? karna kan tampilannya masih sama ngikutin produk ke 1
Bang kalau detail produk (gmbar eye) d klik tp hasil yg kluar biar gk sama keterangan nya gmn caranya ya?
lanjut pak part 3 nya
Selalu setia pakai Flexbox ❤
Alhamdulillah guru ku sehat selalu, aku request fitur yg di klik tombol beli bisa langsung pesan
Maaf izin bertanya pak, apakah kalau kita mengikuti tutorial dari youtube dalam pembuatan website itu bisa di masukkan ke dalam portofolio kita? Terimakasih
Permisi pak dan para teman- teman izin bertanya kalo dibagian Java klik tombol ga muncul itu eror dmn ya terimakasih soalnya udah nyimak persis ga bisa bisa trs 🙏🙏
Part Selby kapan Sensei
part 3nya pa dika mau bantu umkm di desa ku
Part 1 nya gak ada yaa?
Bg cara nambahin metode pembayaran gimana bg misalnya nambahin payment nya tutorial nya dong bg
Pak dika , ada bug pak , ketika shopping cart diisi banyak item nya contoh 10 item , gambar tidak bisa discroll kebawah ketika media laptop pak , mohon solusinya . terima kasih
56:53
Pak nanya...kenapa di products image .foto nya tidak mau sejajar secara paritikal) malah secara horizontal.
Sejajar nya ke bawa ..apa nya yang harus di cek
Pak, untuk search-form saya kok gak bisa tampil ya untuk penampilan di js tdk terbaca mohon bantuannya
❤
26:05 47:12 1:03:05 1:14:35
Kak buat fuangsionalitas nya kak saya penasaran kyk yg search dan keranjang belanjaan itu kak biar bisa di klik" gtu
❤
Izin pak Dhika, kok saya mengetik icon mata Nya. Malah balik ke menu Home ya??
Terimakasih
BANG TOLONG BANG DI PART 1 BAGIAN NGASI JAVASCRIPT BUAT SIDEBAR NYA GAMAU2 MUNCUL PUTIHNYA BANG
LANJUT BANG PLIS PENGEN BELAJARR
Pak lanjut part 3 nya pak
👍
pak part 3nya mana pak??
58:07
pak mohon bantuannya, untuk modal box nya lebih dri 1 produk gimana ya? klo di klik product 1 semua yang muncul, terima kasih pak 🙏
extension folder sama iconnya make apa pak? bagus tuh ada logo-logonya wkwk
Bapak mau tanya..kok disaya bagia. Icon cart nya pas di klik sidebarnya ngegantung di tengah² pak, tambahin apa ya pak?
tambahin database bagus tuh pak
Izin bertanya pak, kenapa ya sewaktu sampek di bagian penambahan class active selalu gagal? padahal sudah saya cek dan sama. apakah versi dan jenis browser berpengaruh pak? (Saya memakai chrome) (edit) sama untuk feather code nya ga keluar kenapa ya pak? padahal untuk kode dan inisiasi sudah benar
Terimakasih