Cara Mudah Bikin Website Toko Online Sederhana Pake Tailwind CSS

Подписаться 459 тыс.

Просмотров 37 тыс.

50% 1

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

Опубликовано:

29 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 136

@irfansubekti8686 5 месяцев назад

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

@arrizarisky2964 4 месяца назад

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

@Husain11-A 3 месяца назад

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

@jupiterhellclashroyale7684 Месяц назад

Di setting dlu programmnya

@iamqweensilver6177 27 дней назад

@@jupiterhellclashroyale7684gimana caranya ada yg bisa?

@RightMiaw 5 месяцев назад

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

@andihidayat1241 5 месяцев назад

Ini responsif kok banh

@thorriqal4619 5 месяцев назад

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

@yuichiro_2331 5 месяцев назад

bisa pake

@thorriqal4619 5 месяцев назад

@@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 5 месяцев назад

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

@ronalr5421 Месяц назад

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

@Empat. 2 месяца назад

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

@gm.rockfort 5 месяцев назад

Tutorial Vuejs bang + pakai database nya

@Singkeklengub 25 дней назад

Bang punya saya kok gambar nya besarr ya?🙏

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

@Al_Celis 25 дней назад

@@Nhdya.06bisa bt

@Lolfunny_ 5 месяцев назад

Kedua kah

@deaafrizal 5 месяцев назад

heyooo

@jokesringan9649 5 месяцев назад

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 5 месяцев назад

gaskeunn bray

@bachrulpanjigumilang3821 5 месяцев назад

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

@deaafrizal 5 месяцев назад

gaskeun rul 🔥

@yozakurastoreid Месяц назад

saya kok gabisa bg?, kaya ga berfungsi gitu tailwind css nya, saya pake hp bg@@deaafrizal

@SYAR99 25 дней назад

bang, terimakasih untuk ilmunya kok hasilnya beda ya bang di web nya sama yang di hyperui nya?

@racing0167 27 дней назад

Bang izin bertanya, spesifikasi laptop yg bagaimana yg lancar buat ngodinh

@utakatech 5 месяцев назад

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

@deaafrizal 5 месяцев назад

noted bray

@ogayyogian-e4k 2 месяца назад

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

@muhammadfikriramadhan5994 2 месяца назад

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

@ikkoesport 2 месяца назад

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

@ikkoesport 2 месяца назад

Tulung bg bales😢

@ygch7609 Месяц назад

Daging bgt Btw klo pke picture pribadi gimana ya?😅

@mariano44 28 дней назад

Bang coba buat toturial website penjualan mobil

@RizkiWaluyaRamadhan 2 месяца назад

Bang, apakah di pekerjaan industri selalu seperti ini?

@gingfreecss111 5 месяцев назад

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

@deaafrizal 5 месяцев назад

noted bray

@gingfreecss111 5 месяцев назад

@@deaafrizal siap bang di tunggu 😁

@The_Aspiran 5 месяцев назад

@@deaafrizaliya bang buat

@AghniaShofiyah 2 месяца назад

bang, saya ngga bisa buka link hyperui kira2 kenapa ya

@hendrakusuma2026 5 месяцев назад

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

@namagwsiapaya1982 2 месяца назад

kalo mau nambahin foto sendiri kaya gimana bg

@DeviRestiani-ln2di 5 месяцев назад

Bang bikinin game di JavaScript dong

@sandimio54 3 месяца назад

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

@akbartan505 10 дней назад

Terimakasih pak ketua atas pembelajaran yg telah disampaikan saya sangat terbantu dan termotivasi

@Maatoko 4 месяца назад

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

@FMATheQuiet 5 месяцев назад

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

@heriiyanto9170 2 месяца назад

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

@ridzakalimanto 5 месяцев назад

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

@onic_calm5802 2 месяца назад

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

@leondoadmiral5585 Месяц назад

Aku kok ga sesuai ya bg

@reviniaputri 5 месяцев назад

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

@abhenkid3796 2 месяца назад

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 🙏

@q.s.al-zalzalah5677 3 месяца назад

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

@adiru9252 3 месяца назад

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

@FahturFfff 3 месяца назад

Di android dong bang😢

@allyn5037 5 месяцев назад

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

@undangandigital5487 5 месяцев назад

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 5 месяцев назад

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

@undangandigital5487 5 месяцев назад

@@deaafrizal Baik mas... thanks

@kyzhrx2421 3 месяца назад

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

@bagussadewo5836 2 месяца назад

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

@editiakuswara4327 3 месяца назад

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

@krionsm23. 5 месяцев назад

Bang mau tanya buat gitu gimana di laptop index html

@deaafrizal 5 месяцев назад

coba cek video di deskripsi, bisa mulai dari situ ya

@cepidarusman9650 2 месяца назад

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

@ardiansyah.2985 2 месяца назад

MMANTAPPP MAN

@l7gs. 5 месяцев назад

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

@NirvanaAero 4 месяца назад

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

@anissa827 2 месяца назад

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

@onic_calm5802 2 месяца назад

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

@Ikyyy124 4 месяца назад

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

@shanubari5445 4 месяца назад

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

@FirnandoHidayat-fm1of 2 месяца назад

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

@PakTetew 5 месяцев назад

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

@VersiPertama 5 месяцев назад

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

@andibr7105 5 месяцев назад

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

@VersiPertama 5 месяцев назад

Lg ada tugas ya ? 😂

@RaymonTogatorop-038 5 месяцев назад

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

@dwianggananda 5 месяцев назад

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

@deaafrizal 5 месяцев назад

noted bray

@adisalafudin 5 месяцев назад

pertama bang

@CORAZON-DONQUIXTO 5 месяцев назад

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

@galeriexe1329 5 месяцев назад

Ngakalin Hal kek gini yg ai keknya blm bisa 😂

@sidik4509 5 месяцев назад

cocok diterapkan di sekolah sekolah informatika

@bagaswardana1648 5 месяцев назад

Bg buat tutorial flutter dong bg 🙏🙏🙏

@sadrinff 4 месяца назад

Itu coding pake apa bang?

@yusha2188 3 месяца назад

Jd makin seneng belajar buat website

@DarkMagic136 3 месяца назад

Keren bang

@nichola.7187 5 месяцев назад

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

@deaafrizal 5 месяцев назад

bener juga ya kwkwwk

@channelhiburan888 4 месяца назад

Keren bang Terima kasih ilmu nya 🙏🙏

@yogaalexandria553 4 месяца назад

terima kasih ilmunya bang

@dianfebrianto9727 5 месяцев назад

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

@deaafrizal 5 месяцев назад

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

@mahasiswago 5 месяцев назад

pakai flowbite tailwind bisa bang, ada slider/carousel

@ajieka7397 5 месяцев назад

Sedang menunggu cuypy sesi 7

@skydomeblue 5 месяцев назад

Tailwind sangat powerful dan mudah diimplementasikan 🔥

@hendriharyono4299 5 месяцев назад

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

@deaafrizal 5 месяцев назад

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

@hendriharyono4299 5 месяцев назад

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

@Ar-mx4gp 5 месяцев назад

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

@VersiPertama 5 месяцев назад

Lg dapet job dari sekolah ya ?😂

@Ar-mx4gp 5 месяцев назад

Ya bos

@ritachangracetv1712 Месяц назад

joss

@izzamona6658 3 месяца назад

Okeee

@pokemoon4012 5 месяцев назад

lanjutkan integrasi sama midtrans bang jgn pake kontak wa wkwk

@deaafrizal 5 месяцев назад

atuh judulnya ntar gak sesuai bro wkwkwk

@kenziikun 5 месяцев назад

cihuuuy mantap bang

@opaque7588 5 месяцев назад

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

@deaafrizal 5 месяцев назад

tergantung ngodingnya :)

@opaque7588 5 месяцев назад

@@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 5 месяцев назад

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 5 месяцев назад

@@VersiPertama Oke siap bang 👍