Cara Mudah Bikin Website Toko Online Sederhana Pake Tailwind CSS

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.com/docs/installa...
HyperUI CSS Template:
www.hyperui.dev/
Transfer DONASI: saweria.co/deaafrizal
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
backsound: • No Copyright Backsound...
Istagram: / dea.afrizal
=================
💌 Email (for business) 💌
[e-mail]
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺

[@irfansubekti8686]

keren banget mas kelas singkat nya.. saya baru tau kalo tailwind itu bisa diakses dengan cdn links juga.. terimakasih banyak mas!

[@cepidarusman9650]

Alhamdulilah baru tau 3 minggu dri liat youtube coding semester 1 langsung bisa. Terimakasih.

[@arrizarisky2964]

baru tau tailwind bisa di akses pake cdn, trimakasih banyak kang dea

[@adiru9252]

Makasih bang! Lu mengubah persepsi gua tentang development. Dulu gua selalu made from scratch 🙏

[@abhenkid3796]

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 🙏

[@yusha2188]

Jd makin seneng belajar buat website

[@skydomeblue]

Tailwind sangat powerful dan mudah diimplementasikan 🔥

[@bachrulpanjigumilang3821]

banyak hal menarik kalo di youtube kang dea ada aja gitu di otak gua sekelibet melitas inspirasi wkwkwkwkw thnks kang

[@deaafrizal]

gaskeun rul 🔥

[@FirnandoHidayat-fm1of]

Bg lu keren bngt makasih udh ngasih tutor sebagus ini buat aku yg awam

[@channelhiburan888]

Keren bang Terima kasih ilmu nya 🙏🙏

[@hendrakusuma2026]

Bang Dea.. Buat video belajar slicing web dong pake reactjs atau next js

[@onic_calm5802]

Gw yang ga tau dunia per web jadi tertarik dan belajar mandiri melalui chanelnya

[@yogaalexandria553]

terima kasih ilmunya bang

[@NirvanaAero]

Keren bang semangat ngontenya!🔥 sekarang gua masi dicuy university semester 1 sesi 4 bang

[@daffamaulana600]

HADIR MANGG, TENGKYUU!🙌🙌🙌🙌

[@deaafrizal]

sama2 masbrayyy

[@l7gs.]

bang dea coba buatin video tentang project laravel seperti ini, biar lebih di pahami bang, lagi belajar laravel soalnya

[@kenziikun]

cihuuuy mantap bang

[@izzamona6658]

Okeee

[@sidik4509]

cocok diterapkan di sekolah sekolah informatika

[@sandimio54]

Om gw ngikutin video lu dr a sampe z. Nitip donk om buat website jual beli mobil atau dealer dalam bentuk html dan css..

[@andibr7105]

Video diatas sungguh bermanfaat ❤...Kak tolong buatin landing page utk input data menggunakan wa dan terekap otomatis di spreadsheet gt kak..makasih

[@VersiPertama]

Lg ada tugas ya ? 😂

[@Maatoko]

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

[@RaymonTogatorop-038]

Bang dea, buat video belajar penggunaan matlab dlu bang😁🙏

[@jokesringan9649]

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 🙏🏼

[@deaafrizal]

gaskeunn bray

[@allyn5037]

Bro... punya tutorial buat web design dari illustrator sampai publish online ga?

[@resyacodify]

hadir kang dea🔥

[@deaafrizal]

huyy ress!

[@shanubari5445]

klo di klik bikin gambar lagi gmn bang.. misa klo di klik jadi 10 gambar..🙏

[@DarkMagic136]

Keren bang

[@riyupratama22]

Bang itu gimana cara auto rapih codenya setelah copy paste?

[@heriiyanto9170]

Bang dea info dong buku buat programmer pemula yang bagus & lengkap, pastinya mudah dipahami.

[@reviniaputri]

bisa nggak bang, ngehubungin/ngeforward form yang udah diisi pengunjung website langsung ke WA?

[@editiakuswara4327]

Kang abi nonton yt abg muter"mulu efek wifi voucher an😅

[@ronalr5421]

Bnag mau nanya gmn caranya menjallankan WEB ini? memakasi bahasa pemrograman apa yah?

[@ajieka7397]

Sedang menunggu cuypy sesi 7

[@ridzakalimanto]

Bang mau tanya cara bikin website yg kita koding sendiri jadi aman gimana ya? Ada baca mesti install ssl sertifikat sendiri, tapi bukannya kalau kita beli domain biasanya dikasih juga ya? Mohon bantuannya para sepuh

[@muhammadfikriramadhan5994]

bang cara di bikin aktif webnya kek orang beli barang kita itu bisa ga dan masuk kemana ya kalau ada yg beli?

[@ardiansyah.2985]

MMANTAPPP MAN

[@onic_calm5802]

Berrti webnya bisa di edit ya? Kalo semisal udah slese bikinnya trus ada produk baru itu bisa di edit?

[@dwiangga9040]

Bang coba perbanyak tutorial fullstack yang makek library atau framework js bang. Makasi bang dea..

[@deaafrizal]

noted bray

[@q.s.al-zalzalah5677]

bg kok punya gua beda ya, malah jadi polosan tulisan aja, g ada background biru nya

[@gm.rockfort]

Tutorial Vuejs bang + pakai database nya

[@PakTetew]

bang next konten buat tutorial cara convert design figma jadi codingan di vscode buat website dong

[@VersiPertama]

Itu sebatas kodingan style aja Pake fitur devmode, cuma ya bisa diakses untuk pengguna pro doang, yg free setauku gabisa

[@namagwsiapaya1982]

kalo mau nambahin foto sendiri kaya gimana bg

[@Empat.]

kenapa gw nyalin yang product list gambar nya besar banget ya bang?

[@RightMiaw]

buat tutorial web toko online untuk tampilan mobile bang, karena kebanyakan orang indo belanja online lewat hp

[@andihidayat1241]

Ini responsif kok banh

[@Husain11-A]

bang itu yang cari barang bisa berfungsi langsung nyari barangnya apa engga?

[@utakatech]

vang, buatin tutorial tentang tampilan yang mobile first dong vang, yg tampilan ny kalo dibuka di desktop tetep tampilan mobile

[@deaafrizal]

noted bray

[@RizkiWaluyaRamadhan]

Bang, apakah di pekerjaan industri selalu seperti ini?

[@AghniaShofiyah]

bang, saya ngga bisa buka link hyperui kira2 kenapa ya

[@thorriqal4619]

Bang tutor dong kalau buat landing page untuk portfolio hasil fotografi dan bagaimana cara masukin foto terbaru ? hatur nuhun

[@yuichiro_2331]

bisa pake

[@thorriqal4619]

@@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

[@VersiPertama]

​​@@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

[@ogayyogian-e4k]

gimana ini sebetul y bang ...di paste hapus lagi ...sebetul y yg mana hrs di pake

[@adisalafudin]

pertama bang

[@CORAZON-DONQUIXTO]

20 jam lalu tapi baru di upload 17 dtk...

[@bagaswardana1648]

Bg buat tutorial flutter dong bg 🙏🙏🙏

[@anissa827]

bang kalo gambarnya itu ada 7000an berarti harus manual satu2 ya bang?

[@FMATheQuiet]

pre requisite buat belajar tutorial ini bner bner cuman harus bljr vscode doang? maaf bang aku pengguna cursor ai:v

[@gingfreecss111]

Bang Dea, bikin web jadi dong bang, mulai dari bikin FE sampe BE🙏

[@deaafrizal]

noted bray

[@gingfreecss111]

@@deaafrizal siap bang di tunggu 😁

[@The_Aspiran]

​@@deaafrizaliya bang buat

[@dianfebrianto9727]

bang numpang tanya. kalo misalkan mau ditambahin slider caranya sama kayak pakai owl carousel di bootstrap atau gimana bang? Terima kasih

[@deaafrizal]

betul, sama aja. slider jaman sekarang bisa full css doang kok tanpa js.

[@mahasiswago]

pakai flowbite tailwind bisa bang, ada slider/carousel

[@ikkoesport]

Masih kurng paham bang cara masukin a hreff ke index html nya.. biar cuystorenya bisa klik ke home 😢

[@ikkoesport]

Tulung bg bales😢

[@sadrinff]

Itu coding pake apa bang?

[@krionsm23.]

Bang mau tanya buat gitu gimana di laptop index html

[@deaafrizal]

coba cek video di deskripsi, bisa mulai dari situ ya

[@Lolfunny_]

Kedua kah

[@deaafrizal]

heyooo

[@hendriharyono4299]

Bang, belajar ngoding sampai saat ini ideal nya memakai standar laptop yg kaya gmna ya, buat ngarahin bocah dari saat skrg

[@deaafrizal]

untuk web: ram 4gb, cpu dualcore + ssd udah cukup enak

[@hendriharyono4299]

@@deaafrizal siap bang, tks ilmu ilmu nya, sehat sehat terus bang

[@nichola.7187]

menurut gua hal yang paling malesin saat bikin front end itu ya bikin navbar

[@deaafrizal]

bener juga ya kwkwwk

[@Ikyyy124]

bang saya udh hosting web nya trs coba di hp malah gepeng😅

[@galeriexe1329]

Ngakalin Hal kek gini yg ai keknya blm bisa 😂

[@DeviRestiani-ln2di]

Bang bikinin game di JavaScript dong

[@Ar-mx4gp]

Bang tolong buat tutorial website sekolah dong, sekalian bisa buat ujian online CBT.

[@VersiPertama]

Lg dapet job dari sekolah ya ?😂

[@Ar-mx4gp]

Ya bos

[@Nhdya.06]

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🙏🙏

[@Nhdya.06]

Maaf masih awam ini baru mau mulai belajar karna udh mau buat jurnal😥😥🙏

[@undangandigital5487]

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

[@deaafrizal]

bisa tonton video yang ada di deskripsi link nya pak, dari situ dulu terus ikutin aja nanti di playlist cuyuniversity semester 1.

[@undangandigital5487]

@@deaafrizal Baik mas... thanks

[@kyzhrx2421]

Bang klo kita ubah chat admin biar pas di pencet langsung ke wa gimana yaa?

[@bagussadewo5836]

@@kyzhrx2421 pakai a href

[@DedeAndika99]

​@@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..

[@opaque7588]

Kalau web yang pake tailwind itu ntar buka di smartphone ngikut dekstop ga bang interfacenya?

[@deaafrizal]

tergantung ngodingnya :)

[@opaque7588]

@@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

[@VersiPertama]

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

[@opaque7588]

@@VersiPertama Oke siap bang 👍

[@davaafdaladityalubis5480]

Bang gua kan copas gambar nya ko jadi gede banget ya buat nyetel nya di bagian mana ya

[@deaafrizal]

tambahin di class nya "w-[300px] h-[300px] object-cover"

[@davaafdaladityalubis5480]

@@deaafrizal pas di bagian mana bang

[@VersiPertama]

​@@davaafdaladityalubis5480di tag gambarnya

[@LievaL]

Bahas tentang jwt dong bg

[@deaafrizal]

noted bray

[@FahturFfff]

Di android dong bang😢

[@AwanManis]

Bang baper kapan rilis lgi

[@deaafrizal]

masih belum disiapin euy :P moga bisa secepatnya yaaa

[@pokemoon4012]

lanjutkan integrasi sama midtrans bang jgn pake kontak wa wkwk

[@deaafrizal]

atuh judulnya ntar gak sesuai bro wkwkwk

[@AriefHidayat-nm1ow]

p bang

[@deaafrizal]

wuuuyyyy

[@rifqihp8757]

Mohon maaf, saya memberikan pendapat untuk tidak memasukkan musik pengiring. Maaf

[@deaafrizal]

thank u sarannya bray sangat ditampung 🔥