Cara Mudah Bikin Website Toko Online Sederhana Pake Tailwind CSS
HTML-код
- Опубликовано: 3 окт 2024
- Tutorial membuat website toko online sederhana dengan menggunakan HTML, Tailwind CSS untuk pemula.
Cocok buat website kepentingan bisnis kecil-kecilan, tugas kuliah ataupun sekedar belajar menambah wawasan seputar dunia web development.
Panduan awal untuk pemula (bener2 belum pernah coding web):
• Belajar Membuat WEBSIT...
TailwindCSS Styling:
tailwindcss.co...
HyperUI CSS Template:
www.hyperui.dev/
Transfer DONASI: saweria.co/dea...
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
backsound: • No Copyright Backsound...
Istagram: / dea.afrizal
=================
💌 Email (for business) 💌
deascript@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
Alhamdulilah baru tau 3 minggu dri liat youtube coding semester 1 langsung bisa.
Terimakasih.
banyak hal menarik kalo di youtube kang dea ada aja gitu di otak gua sekelibet melitas inspirasi wkwkwkwkw thnks kang
gaskeun rul 🔥
saya kok gabisa bg?, kaya ga berfungsi gitu tailwind css nya, saya pake hp bg@@deaafrizal
Mantap bang dea lanjutkan tutorialnya bertahap ya bang dea tutorialnya biar para pemula tidak salah dalam belajar,. Misal habis html ke css trus ke php dan seterusnya..
Ditunggu tutorial2 bermanfaat lainnya bang dea 🙏
keren banget mas kelas singkat nya.. saya baru tau kalo tailwind itu bisa diakses dengan cdn links juga.. terimakasih banyak mas!
baru tau tailwind bisa di akses pake cdn, trimakasih banyak kang dea
Makasih bang! Lu mengubah persepsi gua tentang development. Dulu gua selalu made from scratch 🙏
terimakasih mas suda ngasi cara tutorial bikin web seperti itu dan makasih juga buat ilmunya🙏🙏🙏
Terimakasih pak ketua atas pembelajaran yg telah disampaikan saya sangat terbantu dan termotivasi
Bg lu keren bngt makasih udh ngasih tutor sebagus ini buat aku yg awam
Gw yang ga tau dunia per web jadi tertarik dan belajar mandiri melalui chanelnya
Jd makin seneng belajar buat website
terima kasih HyperUI dan bang dea. gua butuh banget model HyperUI ini buat template. btw kalo ada yg tau shortcut2 yg menarik lg mau doooong 🙏🏼
gaskeunn bray
Bang Dea.. Buat video belajar slicing web dong pake reactjs atau next js
Video diatas sungguh bermanfaat ❤...Kak tolong buatin landing page utk input data menggunakan wa dan terekap otomatis di spreadsheet gt kak..makasih
Lg ada tugas ya ? 😂
Keren bang semangat ngontenya!🔥 sekarang gua masi dicuy university semester 1 sesi 4 bang
HADIR MANGG, TENGKYUU!🙌🙌🙌🙌
sama2 masbrayyy
Om gw ngikutin video lu dr a sampe z.
Nitip donk om buat website jual beli mobil atau dealer dalam bentuk html dan css..
Tailwind sangat powerful dan mudah diimplementasikan 🔥
bang dea coba buatin video tentang project laravel seperti ini, biar lebih di pahami bang, lagi belajar laravel soalnya
Daging bgt
Btw klo pke picture pribadi gimana ya?😅
buat tutorial web toko online untuk tampilan mobile bang, karena kebanyakan orang indo belanja online lewat hp
Ini responsif kok banh
Bang dea info dong buku buat programmer pemula yang bagus & lengkap, pastinya mudah dipahami.
Keren bang
Terima kasih ilmu nya 🙏🙏
cocok diterapkan di sekolah sekolah informatika
bang next konten buat tutorial cara convert design figma jadi codingan di vscode buat website dong
Itu sebatas kodingan style aja
Pake fitur devmode, cuma ya bisa diakses untuk pengguna pro doang, yg free setauku gabisa
hadir kang dea🔥
huyy ress!
joss
vang, buatin tutorial tentang tampilan yang mobile first dong vang, yg tampilan ny kalo dibuka di desktop tetep tampilan mobile
noted bray
Bang coba buat toturial website penjualan mobil
Bang Dea, bikin web jadi dong bang, mulai dari bikin FE sampe BE🙏
noted bray
@@deaafrizal siap bang di tunggu 😁
@@deaafrizaliya bang buat
Bang dea, buat video belajar penggunaan matlab dlu bang😁🙏
Kang abi nonton yt abg muter"mulu efek wifi voucher an😅
cihuuuy mantap bang
Saya suka web dsain, tapi sudah tua, Mau belajar masih kekejar tidak ya? suka seneng liat anak-anak main koding ginian, belajar basic buat anak-anak dimulai dari mana ya bang? anak cewek smp kelas 1, mohon petunjuknya
bisa tonton video yang ada di deskripsi link nya pak, dari situ dulu terus ikutin aja nanti di playlist cuyuniversity semester 1.
@@deaafrizal Baik mas... thanks
Bang klo kita ubah chat admin biar pas di pencet langsung ke wa gimana yaa?
@@kyzhrx2421 pakai a href
@@deaafrizalbang serius nanya,ini ma cuma terlontar aja di pikiran saya,,ini kan coding buat situs sederhana ya,,itu bagimna dengen situs judi online,,maksud nya gini,,anggap kita masang togel,,itu menurut Abang pribadi,kita bener" masang di Macau langsung,,apa sebener nya mah kita masang sama yg punya situs,,menurut saya ma itu yg masang bukan masang langsung ke Macau,,masang nya ma le yg punya situs,,minta tanggapan nya aja bang..
Bang coba perbanyak tutorial fullstack yang makek library atau framework js bang. Makasi bang dea..
noted bray
MMANTAPPP MAN
terima kasih ilmunya bang
bang kalau mau masukin produk sendiri gimana? caranya?
Mantap kang🎉
jospar brader
Sebelumnya terima kasih telah membuat video yang sangat berguna bagi saya, bang. Saya mau nanya, bagaimana cara ganti font default tailwind css yang pakai cnd itu ya bang? Kalau di tempat lain, saya lihat harus dibuatin tailwind confignya, tapi saya juga bingung cara membuatnya. Kalau diganti satu-satu di kodingannya juga ribet bang. Mohon bantuannya
Bang tutor dong kalau buat landing page untuk portfolio hasil fotografi dan bagaimana cara masukin foto terbaru ? hatur nuhun
bisa pake
@@yuichiro_2331 nah nanti semisal ada foto baru gimana cara supaya bisa terupdate ke yang baru dan yang lama turun ke grid bawah, apa harus manual
@@thorriqal4619ya lu bikin dashboard admin nya, bikin menu upload gambat buat nambahin gambar baru
Ato kalo lu embed postingan iG lebih mudah aja, gaperlu dashboard bisa jg, cuma modal API akun lu ntar cuma perlu upload di iG otomatis muncul di web
bang, terimakasih untuk ilmunya
kok hasilnya beda ya bang di web nya sama yang di hyperui nya?
Bro... punya tutorial buat web design dari illustrator sampai publish online ga?
bang itu yang cari barang bisa berfungsi langsung nyari barangnya apa engga?
Di setting dlu programmnya
@@jupiterhellclashroyale7684gimana caranya ada yg bisa?
Sedang menunggu cuypy sesi 7
Bang izin bertanya, spesifikasi laptop yg bagaimana yg lancar buat ngodinh
katanya ada di deskripsi link unplash nya, kok nda ada!
gimana ini sebetul y bang ...di paste hapus lagi ...sebetul y yg mana hrs di pake
Keren bang
Tutorial Vuejs bang + pakai database nya
Okeee
Bang, apakah di pekerjaan industri selalu seperti ini?
pre requisite buat belajar tutorial ini bner bner cuman harus bljr vscode doang? maaf bang aku pengguna cursor ai:v
Berrti webnya bisa di edit ya? Kalo semisal udah slese bikinnya trus ada produk baru itu bisa di edit?
kalo mau nambahin foto sendiri kaya gimana bg
bang cara di bikin aktif webnya kek orang beli barang kita itu bisa ga dan masuk kemana ya kalau ada yg beli?
menurut gua hal yang paling malesin saat bikin front end itu ya bikin navbar
bener juga ya kwkwwk
kenapa gw nyalin yang product list gambar nya besar banget ya bang?
Bnag mau nanya gmn caranya menjallankan WEB ini? memakasi bahasa pemrograman apa yah?
Bang tolong buat tutorial website sekolah dong, sekalian bisa buat ujian online CBT.
Lg dapet job dari sekolah ya ?😂
Ya bos
bang, saya ngga bisa buka link hyperui kira2 kenapa ya
Masih kurng paham bang cara masukin a hreff ke index html nya.. biar cuystorenya bisa klik ke home 😢
Tulung bg bales😢
bisa nggak bang, ngehubungin/ngeforward form yang udah diisi pengunjung website langsung ke WA?
Bang bikinin game di JavaScript dong
bg kok punya gua beda ya, malah jadi polosan tulisan aja, g ada background biru nya
pertama bang
20 jam lalu tapi baru di upload 17 dtk...
klo di klik bikin gambar lagi gmn bang.. misa klo di klik jadi 10 gambar..🙏
bang kalo gambarnya itu ada 7000an berarti harus manual satu2 ya bang?
Bang punya saya kok gambar nya besarr ya?🙏
Ngakalin Hal kek gini yg ai keknya blm bisa 😂
Bg buat tutorial flutter dong bg 🙏🙏🙏
Bang mau tanya buat gitu gimana di laptop index html
coba cek video di deskripsi, bisa mulai dari situ ya
Itu coding pake apa bang?
Bangg bisa ga foto nya ambil dari album/file gitu karna foto produk nya harus pake yg asli(foto sendiri) atau ada yg bisa bantu abang” Terimakasih sebelum nya🙏🙏
Maaf masih awam ini baru mau mulai belajar karna udh mau buat jurnal😥😥🙏
@@Nhdya.06bisa bt
Aku kok ga sesuai ya bg
Bang, belajar ngoding sampai saat ini ideal nya memakai standar laptop yg kaya gmna ya, buat ngarahin bocah dari saat skrg
untuk web: ram 4gb, cpu dualcore + ssd udah cukup enak
@@deaafrizal siap bang, tks ilmu ilmu nya, sehat sehat terus bang
bang saya udh hosting web nya trs coba di hp malah gepeng😅
bang numpang tanya. kalo misalkan mau ditambahin slider caranya sama kayak pakai owl carousel di bootstrap atau gimana bang? Terima kasih
betul, sama aja. slider jaman sekarang bisa full css doang kok tanpa js.
pakai flowbite tailwind bisa bang, ada slider/carousel
Di android dong bang😢
Kalau web yang pake tailwind itu ntar buka di smartphone ngikut dekstop ga bang interfacenya?
tergantung ngodingnya :)
@@deaafrizal aku masih baru baru banget terjun ke dunia koding bang karena skripsi, kalau boleh tau ada ga video yang ngejelasin css buat 2 device gitu bang dekstop sama smartphone
Mainin media queries bang, jadi di kelebaran pixel tertentu tinggal lu atur mau sama dengan tampilan mobile ato desktop punya layout yg beda misalkan
Bisa ke web css-trick ato ke channel² yT jg bnayak yg bahas implementasi css kok
@@VersiPertama Oke siap bang 👍
Bahas tentang jwt dong bg
noted bray
Kedua kah
heyooo
lanjutkan integrasi sama midtrans bang jgn pake kontak wa wkwk
atuh judulnya ntar gak sesuai bro wkwkwk
Bang baper kapan rilis lgi
masih belum disiapin euy :P moga bisa secepatnya yaaa
Bang gua kan copas gambar nya ko jadi gede banget ya buat nyetel nya di bagian mana ya
tambahin di class nya "w-[300px] h-[300px] object-cover"
@@deaafrizal pas di bagian mana bang
@@davaafdaladityalubis5480di tag gambarnya
Bang itu gimana cara auto rapih codenya setelah copy paste?
p bang
wuuuyyyy
Mohon maaf, saya memberikan pendapat untuk tidak memasukkan musik pengiring. Maaf
thank u sarannya bray sangat ditampung 🔥