Membuat Website Portfolio Menggunakan TAILWIND CSS 3 | NGOBAR #32

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

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

50% 1

🔥 Promo Niagahoster : diskon up to 75% + gratis domain + SSL 🔥
👍🏼 Gunakan kode kupon "WPUNPAS" untuk tambahan diskon 10%
👉🏼 Klik bit.ly/3souvDb
▬▬▬▬ Chapters ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro
04:45 - Persiapan
12:00 - Hero Section
34:57 - About Section
51:19 - Navbar
01:23:34 - Portfolio + Clients
01:44:30 - Blog Section
01:55:48 - Contact Form + Footer
02:17:41 - Upload ke GitHub Pages
02:22:54 - Penutup
---
TONTON PLAYLIST LENGKAP BELAJAR TAILWIND CSS 3:
• Belajar TAILWINDCSS
LINK PENTING:
- Tailwind CSS
tailwindcss.com/
- Tools untuk Menghilangkan Background
remove.bg/
- Blob Maker
www.blobmaker.app/
- Download Icon Media Sosial
simpleicons.org/
---
🔥 SUPPORT CHANNEL WEBPROGRAMMINGUNPAS 🔥
👾 Gabung Server Discord WPU 👾
/ discord
👕 Beli T-Shirt & Hoodie TitikKoma 👕
shopee.co.id/wpustore.id
- Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
saweria.co/sandhikagalih
karyakarsa.com/sandhikagalih
---
📢 FOLLOW SOCIAL MEDIA 📢
- / sandhikagalih
- tiktok.com/@sandhika.galih
- / sandhikagalih
- github.com/sandhikagalih
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac.id/
terimakasih dan #janganlupatitikkoma!
@sandhikagalih

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

30 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@KAnggara75 2 года назад

Allhamdulilah Selesai note: tambahin class="scroll-smooth" di tag html paling atas bisar lebih smooth

@RianY2K 2 года назад

Ada notifikasi, langsung ikutan nonton buat bahan belajar nanti malam. Terima kasih pak, tutorial portfolio dengan Tailwind nya 👍

@superdafis247 2 года назад

Mantap, terimakasih Pak atas ilmunya, saya jadi terbantu dengan ilmu dari Pak Dhika. Semoga apa yang Pak Dhika berikan dapat membawa berkah bagi semuanya

@fazdajulioarzika 10 месяцев назад

untuk temen2 yang hamburger nya gak muncul bisa buat css manual di input.css seperti ini .hamburger-line { display: block; width: 30px; height: 2px; background-color: #020617; margin-top: 8px; margin-bottom: 8px; } terus span nya tetep panggil hamburger-line nya

@AzizanMultazamAvicenna 10 месяцев назад

manttapp

@muhammadalifmaulana6986 10 месяцев назад

tetep ga muncul bang

@dzackyilham7236 6 месяцев назад

wah terima kasih bang

@prog-gamers6664 5 месяцев назад

mungkin karena blum run: npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

@armando6044 2 года назад

Sebagai bentuk dukungan, gua tidak pernah menskip iklan sama sekali, respect sama pak dosen 🙏

@luckyluck9436 Год назад

sebagai bentuk dukungan saya selalu renew youtube premium meskipun gratis

@dodysugiantoro951 2 года назад

Nuhun Kang ilmunya bermanfaat sekali, penjelasannya jelas sekali sehingga yang baru belajarpun dengan mudah bisa mengikuti.

@misbah68 2 года назад

saya ngikutin video ini udah 3 hari baru sampe navbar cukup banyak makan waktu bgi sy yang baru pemula, berbeda dengan bootstrap tempo hari cuman semalaman kukerjakan,..😊😊

@aditwr 2 года назад

Wahh saya belajar banyak hal dari Bapak Dhika, Terimakasih banyak. Kalo memungkinkan, saya request tutorial Framework React dong Pak 😆😆

@Alliswell-xt5du 2 года назад

Mantap, terima kasih. Semoga berkah, Pak.

@yandearta 2 года назад

akhirnya kelar juga nontonnya, terima kasih ilmunya pak 🔥

@sanggaribukota48 2 года назад

Uwohh yg ditunggu2 🥳 Mantap pak, sukses terus

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

terimakasih pak dika atas ilmunya.. enak ya jadi orang yang berilmu, bisa jadi ladang amal jariyah.. semoga jadi amal jariyah ya pak.. gak kebayang nanti amal shaleh pak dika besarnya spt apa..

@richardlaurent999 2 года назад

Akhirnya, Konten yg dinanti-nanti 🙏

@hamnug 2 года назад

Wahhh mantap pak terimakasih pak tutorial nya sangat bermanfaat 🙏

@riobagaspamungkas2925 8 месяцев назад

Terima kasih Pak Dhika atas ilmunya, berkah selalu pak

@Sengsangsung 2 года назад

Terima kasih pak atas ilmunya , semoga berkah , walaupun saya masih semester 2 , tetapi saya sudh bisa buat website ,berkat ilmu pak dika , terima kasib banyak pak

@swchildmine5802 2 года назад

@bg_napit 9 месяцев назад

terimakasih atas ilmunya pak sandhika #jangan skip iklan

@videosdrawing 2 года назад

terimakasih atas ilmu nya pa,,, berkah berkah terus pa....

@EkySambora 2 года назад

Terima kasih banyak ilmunya Pak Dhika

@imkangguru 2 года назад

mantapss kaya seneng bgt pulang kerja ada notif dari wpu

@guhkunpatata3150 2 года назад

Terima kasih banyak pak Dhika ilmunya.

@abank7450 2 года назад

Baru buka RU-vid eh ada Notiff langsung exsekusi 💪💪 Uraaaaa !!!

@mochmisbach1826 2 года назад

Mantab Pak, semoga sukses & sehat selalu Pak

@kencong3341 2 года назад

Udah ditunggu2 niii 🔥🔥

@ahmadakhbarf7118 2 года назад

Mantap lah pak Dhika, saya hanya bisa berucap terima kasih

@fullcountermusic923 Год назад

Tenkiu pak, sangat gue hargai. Banyak kali dah stuck finally boleh buat. Tenkiu pakkk

@cempakajanuari5983 2 года назад

Iya pak siap.... sambil nunggu saur. Ngopi sambil mlogoin... :)

@erield.irhansanjaya4655 2 года назад

hahahaa saya senyum senyum sendiri pak, seru bgt ngobar yg ini🤣

@hendrikhednrikanitasi2635 2 года назад

Saya untuk sekarang ga belajar pemrograman dlu pak, mo pokus utbk doain ya temen temen semoga saya lulus utbk ammin.

@Chillwithdaris 7 месяцев назад

Gimna bang udah lulus

@ahmatfauzy23_ 6 месяцев назад

Lulus bro?

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

Bro?

@sanjaya_doang492 2 года назад

Terima kasih pak dhika, wah ini sih cakep bet pak

@kucingpemberani 10 месяцев назад

thankkk youuu, jadi ga ragu lagi ngoding frontend 🙌🏻

@URILLL662 2 года назад

Yg ditunggu akhirnya😁

@kudalumping777 9 месяцев назад

widiw... penjelasannya detail dan lengkap 👍❤

@gilangagrwn 2 года назад

WOWWWW, POWERFUL!

@philipusvodapermadi654 2 года назад

sip dari pada malming gk ngapa2 in mending ikut video ngobar pak dhika...wkwkw..

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

Alhamdulillah, akhirnya punya web porto. Terima kasih pak Dika atas ilmunya, semoga berkah selalu🔥

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

bang kalo fotonya ga bisa ke samping itu knp ya? pas jadi lebar kan aturan ke bagi dua antara foto sama nama, tapi saya malah tetep di tengah ga ada yg berubah

@fan5848 11 месяцев назад

yang bermasalah di 34:35. di tailwind config.js hapus aja screens 2xl. tambahin dir="ltr" di class text dan tambah dir="rtl" di class image. di codingan gua si work

@fatkhuroji4126 9 месяцев назад

terimakasih pak sandhika.. 🙏

@teguhrizkiono 2 года назад

Alhamdulillah requesan terpenuhi. Suwun pak dhika berkah ilmunya 🔥

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

Terimakasih atas ilmunya bapak, sehat selalu ya

@bintangmochamad0992 2 года назад

Mantap djiwa 🙏

@rosy_muhamad1112 2 года назад

Terimakasih bnyak Pak 🙏🙏🙏

@afandiaksanmanopo1492 2 года назад

Terimah kasih Bapak dosen 🙏😌

@reika6322 Год назад

Enak ni kalau hari minggu lagi ngga ada acara, keren pak galih

@bricomraider4825 2 года назад

Mantap om dhika.

@XD-mm4jb 2 года назад

Akhirnya ngobar tailwind....

@dadansubhan4719 9 месяцев назад

Terimakasih ilmunya 👍🙏

@andrayuda9046 Год назад

terima kasih ilmunya pak

@m.alfinsaifullah586 19 дней назад

Pak makasih banyak atas semua ilmunya,sehat selalu serta mulia yaa pak

@AgusSalim-ys6rf 2 года назад

Pak ini serius panjang sekali ini bagus banget

@budiantohalim1463 Год назад

Terima kasih atas ilmu yang sudah disampaikan oleh bapak melalui video ini pak. 🙏 Pak, saya mau bertanya, pada timestamp 2:00:14 saya mencoba membuat input text agar BGnya berwarna slate, tapi tidak muncul di preview, bahkan di browser pun tidak muncul. Permasalahannya ada dimana ya pak?

@ramdhansyahofficial3695 2 года назад

Mksih ilmunya suhu

@siryt0028 2 года назад

pas banget hari ini video terakhir beres

@fajarsetiawansiagian 2 года назад

terima kasih pak atas tutorial kali ini. membantu saya dalam mengembangkan frontend dimna biasanya hanya backend saja

@adeyusuf9641 2 года назад

Yeyyy akhirnya..

@ervinanov 2 года назад

Terima kasih pak Dhika

@aangmuslihat3212 2 года назад

Pas banget pengen bikin portofolio

@bejokful 9 месяцев назад

Terimakasih pak. sudah berhasil.

@gimmickdoangini 2 года назад

Bulan puasa sering upload pak, biar ngabuburit sambil ngoding sansstuyy 😁

@arikjunior1561 2 года назад

mantap 2 jam udah kayak film-film marvel nih pak 😅

@arsakumar3831 2 года назад

mantap pak penjelasannya

@axzphere03 2 года назад

Pas banget lagi pengen belajar bikin web portofolio sendiri

@ihsannugroho1252 2 года назад

Selalu EPIC Btw lama jga ga upload Ngobar

@zidanidros 2 года назад

Request Portfolio dengen react js pak

@ihwan_id Год назад

haturnuhun pak

@ferryfernando_ 9 месяцев назад

Keren! Terima kasih.

@hafidzdev17 2 года назад

Nah ini nih demen

@ikhbaldwiyan6688 Год назад

terima kasih banyak pak saya ikutin nya pake react js lebih enak slicing nya

@superdafis247 Год назад

Saran saya dibikin component Pak Dhika agar class nya rapi

@Julisman01 2 года назад

Mentor Online Terbaik.

@wage327 Год назад

Alhamdulillah sudah bisa Harus instal node js nya dulu Heheh

@wargajenaka Год назад

makasih pak dhika

@dwiwahyudi2819 6 месяцев назад

Terimaksih banyak pak

@ItzMeHio 2 года назад

Keren pak 👍

@bukitdagoterrace 2 года назад

tru man, tnx it really does work

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

Saya dapet kerja berkat tutorial ini 😊

@waltahh Год назад

1:13:46 Sekedar Info sekarang sudah ada fitur backdrop-blur di tailwind

@ndiproject7529 Год назад

oke maskasih mas bro

@cflazaroni3826 7 месяцев назад

radial-gradient udh ada belom di tailwind?

@hidayahapriliansyah 2 года назад

Sebelum ada yang ngucapin. Ngucapin duluan ah. Selamat menjelang Ramadan, Pak Dhika. Atau pas baca ini udah masuk bulan puasa ya? Semoga lancar puasanya. Saya lagi ngikutin seri CI 4 sebelum masuk ke Laravel, biar pemanasan dulu hehe ...