Cara Mudah Bikin Website Toko Online Sederhana Pake Tailwind CSS
Vložit
- čas přidán 24. 04. 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.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) 💌
deascript@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
keren banget mas kelas singkat nya.. saya baru tau kalo tailwind itu bisa diakses dengan cdn links juga.. terimakasih banyak mas!
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 🙏
Alhamdulilah baru tau 3 minggu dri liat youtube coding semester 1 langsung bisa.
Terimakasih.
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 🙏
banyak hal menarik kalo di youtube kang dea ada aja gitu di otak gua sekelibet melitas inspirasi wkwkwkwkw thnks kang
gaskeun rul 🔥
Jd makin seneng belajar buat website
Tailwind sangat powerful dan mudah diimplementasikan 🔥
HADIR MANGG, TENGKYUU!🙌🙌🙌🙌
sama2 masbrayyy
Bg lu keren bngt makasih udh ngasih tutor sebagus ini buat aku yg awam
Keren bang semangat ngontenya!🔥 sekarang gua masi dicuy university semester 1 sesi 4 bang
Bang Dea.. Buat video belajar slicing web dong pake reactjs atau next js
Keren bang
Terima kasih ilmu nya 🙏🙏
hadir kang dea🔥
huyy ress!
Gw yang ga tau dunia per web jadi tertarik dan belajar mandiri melalui chanelnya
cihuuuy mantap bang
bang dea coba buatin video tentang project laravel seperti ini, biar lebih di pahami bang, lagi belajar laravel soalnya
Bang dea, buat video belajar penggunaan matlab dlu bang😁🙏
terima kasih ilmunya bang
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
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 ? 😂
cocok diterapkan di sekolah sekolah informatika
Om gw ngikutin video lu dr a sampe z.
Nitip donk om buat website jual beli mobil atau dealer dalam bentuk html dan css..
Kang abi nonton yt abg muter"mulu efek wifi voucher an😅
Sedang menunggu cuypy sesi 7
Bro... punya tutorial buat web design dari illustrator sampai publish online ga?
Keren bang
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
MMANTAPPP MAN
Bang dea info dong buku buat programmer pemula yang bagus & lengkap, pastinya mudah dipahami.
Okeee
klo di klik bikin gambar lagi gmn bang.. misa klo di klik jadi 10 gambar..🙏
Berrti webnya bisa di edit ya? Kalo semisal udah slese bikinnya trus ada produk baru itu bisa di edit?
bisa nggak bang, ngehubungin/ngeforward form yang udah diisi pengunjung website langsung ke WA?
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
Bang itu gimana cara auto rapih codenya setelah copy paste?
bang cara di bikin aktif webnya kek orang beli barang kita itu bisa ga dan masuk kemana ya kalau ada yg beli?
Tutorial Vuejs bang + pakai database nya
bg kok punya gua beda ya, malah jadi polosan tulisan aja, g ada background biru nya
Bang coba perbanyak tutorial fullstack yang makek library atau framework js bang. Makasi bang dea..
noted bray
pertama bang
20 jam lalu tapi baru di upload 17 dtk...
bang itu yang cari barang bisa berfungsi langsung nyari barangnya apa engga?
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
bang, saya ngga bisa buka link hyperui kira2 kenapa ya
kalo mau nambahin foto sendiri kaya gimana bg
gimana ini sebetul y bang ...di paste hapus lagi ...sebetul y yg mana hrs di pake
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, apakah di pekerjaan industri selalu seperti ini?
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
vang, buatin tutorial tentang tampilan yang mobile first dong vang, yg tampilan ny kalo dibuka di desktop tetep tampilan mobile
noted bray
buat tutorial web toko online untuk tampilan mobile bang, karena kebanyakan orang indo belanja online lewat hp
Ini responsif kok banh
bang kalo gambarnya itu ada 7000an berarti harus manual satu2 ya bang?
Bg buat tutorial flutter dong bg 🙏🙏🙏
Bg coba bikin video coding pakai termux
noted bray
nitip
pre requisite buat belajar tutorial ini bner bner cuman harus bljr vscode doang? maaf bang aku pengguna cursor ai:v
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
Bang Dea, bikin web jadi dong bang, mulai dari bikin FE sampe BE🙏
noted bray
@@deaafrizal siap bang di tunggu 😁
@@deaafrizaliya bang buat
Masih kurng paham bang cara masukin a hreff ke index html nya.. biar cuystorenya bisa klik ke home 😢
Tulung bg bales😢
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?
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 bikinin game di JavaScript dong
Kedua kah
heyooo
bang saya udh hosting web nya trs coba di hp malah gepeng😅
Ngakalin Hal kek gini yg ai keknya blm bisa 😂
Bang tolong buat tutorial website sekolah dong, sekalian bisa buat ujian online CBT.
Lg dapet job dari sekolah ya ?😂
Ya bos
menurut gua hal yang paling malesin saat bikin front end itu ya bikin navbar
bener juga ya kwkwwk
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 👍
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
Bahas tentang jwt dong bg
noted bray
lanjutkan integrasi sama midtrans bang jgn pake kontak wa wkwk
atuh judulnya ntar gak sesuai bro wkwkwk
Di android dong bang😢
Bang baper kapan rilis lgi
masih belum disiapin euy :P moga bisa secepatnya yaaa
p bang
wuuuyyyy
Mohon maaf, saya memberikan pendapat untuk tidak memasukkan musik pengiring. Maaf
thank u sarannya bray sangat ditampung 🔥