Tutorial Membuat Web Portfolio Responsive Menggunakan HTML, CSS dan Javascript | Bagian 1
Вставка
- Опубліковано 19 вер 2024
- Hallo teman-teman, di video kali ini kita akan belajar membuat web portfolio responsive menggunakan html, css, dan javascript.
1. Tutorial Membuat Web Portfolio Responsive Menggunakan HTML, CSS dan Javascript | Bagian 1
• Tutorial Membuat Web P...
2. Tutorial Membuat Web Portfolio Responsive Menggunakan HTML, CSS dan Javascript | Bagian 2
• Tutorial Membuat Web P...
3. Web Portfolio Responsive Menggunakan HTML, CSS dan Javascript | Bagian 3 [Hosting]
• Web Portfolio Responsi...
link download source code :
tinyurl.com/dn...
Email : dzulfikarnurfikri01@gmail.com
Untuk kritik dan saran, silahkan tulis di kolom komentar ya.
Semoga bermanfaat,
Thank you...
Teman-teman yang ingin ikut serta mendukung channel Dzulfikar Nurfikri agar tetap upload konten, bisa berdonasi lewat saweria.co/dzu... atau traktir kopi lewat trakteer.id/dz...
Terima kasih atas dukungannya ya...
website portfolio,
tutorial membuat website portfolio dengan php dan mysql,
cara membuat website portfolio dengan php dan mysql,
belajar membuat website portfolio dengan php dan mysql,
cara membuat web dengan html dan css,
tutorial membuat web dengan html dan css,
belajar membuat web degan html dan css,
how to create portfolio using php and mysql,
belajar html, belajar css, belajar javascript, belajar php, belajar mysql, belajar database
ok siap... makasih bang
MKSI
siap pak hehe
GG
mantap sekali mudah di mengerti penjelasan nya
izin subscribe mas
ni chanel andalan buat belajar coding
Pusing bang...🤣😂😁
😅😅😅 yang sabar bang...
memang pusing tapi gue jadi bisa
makasih bang semoga jadi pahala jariah
Terima kasih, ilmunya
Thanks mas, sangat mudah dipahami dan bermanfaat sekali
izin save dan belajar, terimakasih atas ilmunya
sangat membantu terimaksiihh🙏☝
Mantap om dzulfikarrr
boleh dicoba.
liat tutorial ini mudah di cerna, serasa sudah jadi programmer profesional
thank bang perbanyakvideo kayak gini biar pada makin semangat
Bismillah semoga bisa cpet di pahami aamiin
Makasih bang buat tutorial nya, sangat bagus buat pemula
cara abang ngomong bikin kita paham juga
Terima Kasih kak
The best bgt mas sukses selalu, semoga bisa bermanfaat buat saya sebagai pemula dan bua temen2 lainya🙏
mintak izin copy ye mas
23.04 hasil fa fa-bars nya tidak terload, di inspect terjadi eror pada font awesome. bgiman y solusinya?
thanks bro
Keren saya sangat terbantu
padahal saya sudah menguasai html css dan js tapi belum bisa bikin website
tapi sekarang saya sudah tahu
Mantap kang.. sangat jelas
Makasih bang
Ka kong di bagian mobile menu punya saya gak bisa
udah ngikutin ttp aja ada yg salah punya ku:((
Iya udah ikutin step step nya kok hasil nya beda:(
Mantap
IJIN COLONG SCRIPT MIN
ko tampilan sidebarny ga berbubah bang
Mantap bang tutor nya
Like dulu baru nonton :)
wkwkwk siap kak
Mantap bang, penjelasan nya sangat mudah di pahami 🙏
Mantab bang,
ok bang terimakasih banyak, saya harap abang terus upload video terbaru nya, semoga sukses selalu buat bang zul
Thank you buat videonya mas, sangat membantu !
bng kenapa di sy ga berubah ya font nya?
penjelasanya sangat bagus bang mudah di pahami :) ... semoga sukses bang
bang koks aya menu contact, portfolio, about, skills kok gak muncul sama background birunya dan garis 3 nya????????
mantap bang, aku sudah subrek😅😜
Bang mau tanya kok saya mau isi bars nya itu GK muncul ya gimana itu bang ?
Ngeliatin Abang lancar jaya... Saya lieur sendiri, maklum baru belajar😭
5.44
5:44
halo mas dzul kangen nih saya kaya udah setahun nggak ketemu kok jarang banget upload baru sekarang.
hehhe iya mas maaf, kemarin-kemarin lagi ada projek, jadi waktunya habis buat ngerjain projek.
cara buat responsive navbar nya ada tanda cancel di web portofolio bagaimana ya bang?.
Gegara ada tugas UTK nih ahahaha
Kenapa pas di klik menu checkbox ga berfungsi?
Padahal sudah di kasi menu
Gak fungsi pas bagian apanya ? Coba dicek lagi css nya, pastikan lagi pada saat checked apa yang diset di css nya
Bang buat tutorial design web media online dong
Y SMSM
Untuk dasar website bisa pelajar di link berikut : Desain Web: ua-cam.com/play/PLKGWNP1eetlEVE08mfLyfT4ej9cp1kt-3.html
Makasih mas!!
kalo text editornya beda semisal pakai VS Code tetep bisa ya? karena kan yg di video ini pake nya subline text
bisa mas, saya coba pakai vscode
Ko gw ga ada menu open files nya ya
Kereeeen
Makasih mas, membantu banget buat tugas🙏
Mau tanya, ketika diklik salah satu menu di sidebarnya, biar dia balik ke asal itu gimana bang?
Soalnya punya saya ga balik ke asal karena dimodif sedikit (jadi topbar), jadi harus klik di tombol menunya.
Ada solusikah agar sembunyi setelah diklik menunya side/topbar nya?
Dan misal setelah diklik tombol menunya dan muncul side/topbar nya, terus ketika pindah ke tampilan dekstop dan kembali ke tampilan mobile, biar side/topbarnya hilang/refresh kembali itu gimana ya?
wah abang orang leuwimunding tetanggaan dong, saya orang bongas wkwkw
tq mas githubnya
mau nyoba ku gabungin css ku sama githubnya bisa atau ga sih
Kak kenapa punya saya tidak bisa tampil sidebar nya ?
Ada yang salah mungkin kak codingannya, cek lagi aja...
Bang izin nanya dong, setelah sidebar 26:22 itu dimodif, disaya kenapa isi semuanya malah ada didalam dan ngikutin besarnya si sidebar ya? Tx
Mas, mau nanya donk. Kenapa header saya kalo bikin isi kontent jadi acak²an ya setelah digabung sb admin?
Assalamualaikum bang, saya mau belajar bareng nih biar ada yang bimbing bisa ga? hehe
bang... ketika posisi di mobile menu dalam keadaan inspaect menu bar nya udah diclic ketika layar windows nya diclose (tanda kali dipojok kanan ya) .. itu mobile menu nya kok masih tampil ya
solusi nya gimana
nyimak bg,saya juga seperti itu,ketika di inspaect di klik side bar nya ga muncur dari sebelah kiri,mohon bantuan nya bg
Bang pas mobile-menu, saya ganti Menu nya jadi toolbars kok gk bisa ya? Malah ilang
bang ga bisa bang waktu bikin transtition yang menunya judul nya malah hilang
Bang, Sy pakai visual studio code tp knapa hasil css nya tidak bisa tertampil di web browsernya ya ?😭...Sy ga ngerti
project punya lu ada bug, bila layar hp 4.5 in, navbarnya gabalik. jadi webnya kettup navbarnya
Mantepp bang, tinggal disesuaikan lagi aja bagian responsive nya, soalnya yang di video cuma ngatur untuk satu ukuran device aja, belum semua ukuran device diatur.
Thanks atas info bug nya 😃
@@DzulfikarNurfikri oke bang, mantul dh ilmunya
@@DzulfikarNurfikri ka icon bars nya gak muncul kenapa ya? Codingannya udah bener pake < i class=" fas fa-bars">
Mau tanya bang, kok file ku pas dibuka di chrome gak muncul apa apa ya??? mohon pencerahannya bang
Harus nyambung kr internet ga sih pas buka di browser? Ga ada perubahan soalnya
Tolong dong jawab siapa aj yang tau,,
Kalau pake google font harus nyambung ke internet... kalau gak pake google font, gak nyambung ke internet juga bisaaa...
Bang aneh loh,, klo * respon tapi kalo header ga respon itu knp ya bang🙏
@@selaluingintau6083 coba hapus dulu aja semua history browser nya setiap ada perubahan di css...
Masih,, bang,, padahal semuanya sama kaya di video km bang,,
saya pikir mas dzul marah karena pas dulu saya banyak kritik / komen moga enggak ya mas
wkwkwkwk, enggak mas santai aja, justru kolom komentar ini digunakan juga buat ngasih kritik dan saran.
Pa mau nanya, icon bars gk muncul itu kenapa yah?
Ini bener, icon bars ga muncul.
Kakak annas nur udah bisa?
Salahnya dimana yaa
Bars nya kok gak muncul
Belum terkoneksi internet mungkin atau salah penulisan icon nya
19:41
Bang ada data base nya ga? Ane download source codenya tapi masih ngeloading ga bisa kebuka
Gak ada database bang
@@DzulfikarNurfikri bang kalo buat website pribadi atau portofolio tuh gada database nya ya bang?
@@riananggarapratama2489 tergantung kebutuhan sih, kalau misal emang datanya berubah ubah atau dinamis, mending pake db. Kalau kalau datanya tetep itu itu aja, gak perlu pake db...
@@DzulfikarNurfikri makasih bang infonya
Apakah kalau pakai aplikasi vsc kodenya sama?
sama aja, kan sama2 text editor
Punya saya kok waktu di buka di chrome, mozila, internet. Kok kosong knp yaa?
di save dulu di sublimenya ctrl+s
Bang mau tanya kenapa gue dibagian 24:47 teks about me dll nya ketimpah sama teks about yang udah diatur posisinya? Mohon bantuannya bang terima kasih 🙏
iya, gmn ya
boleh ga saya minta wa nya agar saya bisa tanya2 langsung mas
Trus cara Sebar link gmn bang ?
Bang reply plis, ga nongol hi nya wkwkw
maaf min punya saya kok bars/ menunya tidak mau muncul ya padahal setelah dicek sudsh sama dengan yang dalam vidio kira-kira salahnya dimana ya?.
Dibagian div nya diulangin lagi bro
@@mightyactionx7499 yg mana itu mas
bang codingannya bisa di copy agak, tulis di kolom kometar :D
kalo dipush di github, bisa langsung download source codenya.
Efek JavaScript nya kaga muncul di web kenapa ya bang
cek di htmlnya nya udah bener belom
Kak
ini video coding nya pasti udh di edit2, hasil nya g sesuai, PENIPU
Y
Bang pke sublime text brp?
kak, ini pke visual studio code bs kan ya?
bisa.
Bang, tanpa JS bisa kan? Yg penting HTML, CSS udah bisa bikin website Responsive.
Ngikut numpang nanya, fusngsi vital dr JS itu apa ya
@@mifi789 untuk membuat website menjadi lebih dinamis, misalkan teksnya bisa scroll sendiri
iya untuk bikin web responsive bisa make CSS Flexbox atau CSS Grid
bang numpang tanya kok pas bagian
#check:checked ~ .sidebar {
left: 0;
}
yang saya gk mau jalan codingnya, padahal step sebelumnya bisa pas di cek.. tpi bukan ceklis yg saya, malah kyk kolom search buat ketikan.
mendingan di channel sebelah lebih berpengalaman