Membuat Website Portfolio Menggunakan TAILWIND CSS 3 | NGOBAR #32
Рет қаралды 344,050
Күн бұрын🔥 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
@KAnggara75 2 жыл бұрын
Allhamdulilah Selesai note: tambahin class="scroll-smooth" di tag html paling atas bisar lebih smooth
@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
@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
@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,..😊😊
@Alliswell-xt5du 2 жыл бұрын
Mantap, terima kasih. Semoga berkah, Pak.
@fazdajulioarzika 11 ай бұрын
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
@yandearta 2 жыл бұрын
akhirnya kelar juga nontonnya, terima kasih ilmunya pak 🔥
@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..
@bg_napit 9 ай бұрын
terimakasih atas ilmunya pak sandhika #jangan skip iklan
@aditwr 2 жыл бұрын
Wahh saya belajar banyak hal dari Bapak Dhika, Terimakasih banyak. Kalo memungkinkan, saya request tutorial Framework React dong Pak 😆😆
@richardlaurent999 2 жыл бұрын
Akhirnya, Konten yg dinanti-nanti 🙏
@hamnug 2 жыл бұрын
Wahhh mantap pak terimakasih pak tutorial nya sangat bermanfaat 🙏
@sanggaribukota48 2 жыл бұрын
Uwohh yg ditunggu2 🥳 Mantap pak, sukses terus
@riobagaspamungkas2925 9 ай бұрын
Terima kasih Pak Dhika atas ilmunya, berkah selalu pak
@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
@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_ 7 ай бұрын
Lulus bro?
@hildanmalaya Ай бұрын
Bro?
@cempakajanuari5983 2 жыл бұрын
Iya pak siap.... sambil nunggu saur. Ngopi sambil mlogoin... :)
@guhkunpatata3150 2 жыл бұрын
Terima kasih banyak pak Dhika ilmunya.
@EkySambora 2 жыл бұрын
Terima kasih banyak ilmunya Pak Dhika
@fullcountermusic923 Жыл бұрын
Tenkiu pak, sangat gue hargai. Banyak kali dah stuck finally boleh buat. Tenkiu pakkk
@imkangguru 2 жыл бұрын
mantapss kaya seneng bgt pulang kerja ada notif dari wpu
@kucingpemberani 11 ай бұрын
thankkk youuu, jadi ga ragu lagi ngoding frontend 🙌🏻
@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 жыл бұрын
j
@videosdrawing 2 жыл бұрын
terimakasih atas ilmu nya pa,,, berkah berkah terus pa....
@ahmadakhbarf7118 2 жыл бұрын
Mantap lah pak Dhika, saya hanya bisa berucap terima kasih
@kencong3341 2 жыл бұрын
Udah ditunggu2 niii 🔥🔥
@kudalumping777 9 ай бұрын
widiw... penjelasannya detail dan lengkap 👍❤
@mochmisbach1826 2 жыл бұрын
Mantab Pak, semoga sukses & sehat selalu Pak
@abank7450 2 жыл бұрын
Baru buka KZfaq eh ada Notiff langsung exsekusi 💪💪 Uraaaaa !!!
@sanjaya_doang492 2 жыл бұрын
Terima kasih pak dhika, wah ini sih cakep bet pak
@URILLL662 2 жыл бұрын
Yg ditunggu akhirnya😁
@erield.irhansanjaya4655 2 жыл бұрын
hahahaa saya senyum senyum sendiri pak, seru bgt ngobar yg ini🤣
@XD-mm4jb 2 жыл бұрын
Akhirnya ngobar tailwind....
@teguhrizkiono 2 жыл бұрын
Alhamdulillah requesan terpenuhi. Suwun pak dhika berkah ilmunya 🔥
@gilangagrwn 2 жыл бұрын
WOWWWW, POWERFUL!
@bintangmochamad0992 2 жыл бұрын
Mantap djiwa 🙏
@raihanabiyyu107 5 ай бұрын
Terimakasih atas ilmunya bapak, sehat selalu ya
@philipusvodapermadi654 2 жыл бұрын
sip dari pada malming gk ngapa2 in mending ikut video ngobar pak dhika...wkwkw..
@afandiaksanmanopo1492 2 жыл бұрын
Terimah kasih Bapak dosen 🙏😌
@dadansubhan4719 10 ай бұрын
Terimakasih ilmunya 👍🙏
@m.alfinsaifullah586 26 күн бұрын
Pak makasih banyak atas semua ilmunya,sehat selalu serta mulia yaa pak
@fatkhuroji4126 10 ай бұрын
terimakasih pak sandhika.. 🙏
@bricomraider4825 2 жыл бұрын
Mantap om dhika.
@AgusSalim-ys6rf 2 жыл бұрын
Pak ini serius panjang sekali ini bagus banget
@andrayuda9046 Жыл бұрын
terima kasih ilmunya pak
@adeyusuf9641 2 жыл бұрын
Yeyyy akhirnya..
@rosy_muhamad1112 2 жыл бұрын
Terimakasih bnyak Pak 🙏🙏🙏
@ervinanov 2 жыл бұрын
Terima kasih pak Dhika
@fajarsetiawansiagian 2 жыл бұрын
terima kasih pak atas tutorial kali ini. membantu saya dalam mengembangkan frontend dimna biasanya hanya backend saja
@ramdhansyahofficial3695 2 жыл бұрын
Mksih ilmunya suhu
@siryt0028 2 жыл бұрын
pas banget hari ini video terakhir beres
@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
@reika6322 Жыл бұрын
Enak ni kalau hari minggu lagi ngga ada acara, keren pak galih
@Julisman01 2 жыл бұрын
Mentor Online Terbaik.
@wage327 Жыл бұрын
Alhamdulillah sudah bisa Harus instal node js nya dulu Heheh
@zahidathallah3387 5 ай бұрын
Saya dapet kerja berkat tutorial ini 😊
@hafidzdev17 2 жыл бұрын
Nah ini nih demen
@axzphere03 2 жыл бұрын
Pas banget lagi pengen belajar bikin web portofolio sendiri
@arsakumar3831 2 жыл бұрын
mantap pak penjelasannya
@bejokful 9 ай бұрын
Terimakasih pak. sudah berhasil.
@aangmuslihat3212 2 жыл бұрын
Pas banget pengen bikin portofolio
@ihwan_id Жыл бұрын
haturnuhun pak
@wargajenaka Жыл бұрын
makasih pak dhika
@ferryfernando_ 10 ай бұрын
Keren! Terima kasih.
@ikhbaldwiyan6688 Жыл бұрын
terima kasih banyak pak saya ikutin nya pake react js lebih enak slicing nya
@gimmickdoangini 2 жыл бұрын
Bulan puasa sering upload pak, biar ngabuburit sambil ngoding sansstuyy 😁
@arikjunior1561 2 жыл бұрын
mantap 2 jam udah kayak film-film marvel nih pak 😅
@superdafis247 2 жыл бұрын
Saran saya dibikin component Pak Dhika agar class nya rapi
@dwiwahyudi2819 7 ай бұрын
Terimaksih banyak pak
@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?
@ihsannugroho1252 2 жыл бұрын
Selalu EPIC Btw lama jga ga upload Ngobar
@MrKeliv 2 жыл бұрын
Akhirnyaaa......
@zidanidros 2 жыл бұрын
Request Portfolio dengen react js pak
@ItzMeHio 2 жыл бұрын
Keren pak 👍
@sutiyoso_canel 2 жыл бұрын
mantap navbar nya pak
@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 ...
@the-LordXNobx 7 ай бұрын
1:09:16 selain dengan mindahin origin di element class html, saya pake transition-all
@sheptian69 2 жыл бұрын
buat ginian saat kuliah, sekarang ud lupa2 inget 😆
@muzammil8498 Жыл бұрын
mantap pak
@hendrikusumajaya 2 жыл бұрын
Kerenn pak
@bachrulpanjigumilang3821 2 жыл бұрын
Behh 2jam pak mantap kaya pak PZN ya saya siapkan kopi dulu
@alimustaqim995 2 жыл бұрын
Akhirnyaaa
@z911dn 2 жыл бұрын
Mantapppp
@AdamMDafa 2 жыл бұрын
makasih pak
@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?
@wokochannelterbaru892 2 жыл бұрын
Joss gandos
@himang 2 жыл бұрын
Keren
@ErikArf 2 жыл бұрын
Trima kasih untuk ilmunya. Cm masih belum paham 🤭karena bukan jurusan 😁
@user-hq6gl6iz7l 6 ай бұрын
bagi yang memakai gambar unsplash tapi error di live preview tambahkan [crossorigin="anonymous"] di dalam element img. semoga membantu
@247_oktavianimuslimah4 2 жыл бұрын
All works friends, without problems! Thanks man really nice :) Li
@thoriqardiansyah6258 2 жыл бұрын
pak sandhika tolong buatkan tutorial react js pak😄
@OMTEKNOLOGI 2 жыл бұрын
Hadir pak dika
@bukitdagoterrace 2 жыл бұрын
tru man, tnx it really does work
@mvigchannel 9 ай бұрын
mas, minta tolong untuk NGOBAR berikutnya. membuat sebuah website portal berita untuk sebuah ekskul Jurnalistik terima kasih
@forbaypass9316 2 жыл бұрын
bikin tutorial Bootstrap lagi dong bang, yang advanced...
@giridiwaadam1598 2 жыл бұрын
Coba Pak aktivin blognya .. Di tutor selanjutnya 😀
@ikhbarzidan8934 2 жыл бұрын
Thank you❤
@TheOwl-zg6si Жыл бұрын
1:13:50 di tailwind udah ada bang ex:'backdrop-blur-sm'
Web Programming UNPAS
Рет қаралды 46 М.
Tom MC Ifle
Рет қаралды 74 М.
Fajrul Fx
Рет қаралды 354 М.
Creative Academy Indonesia
Рет қаралды 160 М.
Online Tutorials
Рет қаралды 1,9 МЛН