Semangat semuanya,untuk eror² di masalah responsif di benerin sendiri aja, anggep aja itu tantangan itung² belajar mandiri, soalnya g semua layar sama Untuk Abangnya thx Uda ngasih ilmu free🙏🙏
gw ikutin video lu bang dari awal sampai akhir biar gw lebih paham sekalian gw praktekin ke vs code di laptop gw, ini si bermanfaat banget bang buat gw thanks banget bang
makasih bang berkat video ini, saya gapusing lagi. otak selalu berfikir ribet bgt sekolah IT, tapi nyata gampang setelah liat video ini. terimakasih banyak
makasih bang rafif tutorialnya mudah dipahami dan begginner friendly sehingga yang pemula tidak kesusahan untuk mengikut videonya, mungkin bang rafif kelupaan pada bagian support itu gak ada headingnya tapi it's ok, disini saya ikutin sampe akhir dan saya tambahakan beberapa efek animasi menggunakan library animation on scroll biar lebih interaktif lagi hehe
Makasih bang , jdi tau jquery mempermudah bgt ternyata buat njalani javascript... lagi mendalami jquery nih... sangat bermanfaat. apalagi bila digabung sama bootstrap makin joss ...
Bisa simak timeline nya ya, biar bisa maju mundur sesukanya... 😀 ============================== 00:00:54 Tahap Persiapan 00:02:17 Download Asset Gambar & Video 00:04:34 Mulai Membuat File index.html 00:07:05 Membuat Navigasi 00:21:35 Membuat Lokasi Header 00:29:02 Menambahkan Tulisan Di Atas Header 00:34:28 Memberikan Overlay Di Atas Video 00:36:59 Mengatur CSS Agar Memiliki Tampilan Responsive 00:39:03 Memberikan Tanda Garis-garis di Responsive Menu 00:42:13 Menambahkan Javascript & Jquery 00:44:27 Membuat Fungsi Javascript Untuk Membuat Tampilan Responsive 00:49:28 Memberikan Pengaturan Tampilan Menu Responsive 00:54:49 Membuat Section About Us 01:02:06 Mengganti Warna Background Nav Saat Scroll 01:05:48 Mengganti Warna Menu Responsive dan Logo Saat Scroll 01:10:48 Memberi Efek Smooth Saat Scroll 01:11:33 Mengatur Warna Menu Saat Tampilan Maksimal 01:12:19 Membuat Section Support 01:19:45 Membuat Section Gallery 01:24:15 Membuat Section Quote / Testimoni 01:28:42 Membuat Section Team 01:34:30 Membuat Section Blog 01:45:49 Membuat Bagian Footer dan Section Contact 01:53:13 Melakukan Pengaturan Tambahan Di Tampilan Responsive
Bang kenapa navigasi yang garis saya ketika diminimize tidak bisa ya ? (tidak keluar menunya) padahal udh ngikutin tutorial dan sama persis dan saya cek tidak ada yang error mohon bantuannya :)
Kakakk aku mau bilang makasih banyak gapelit ilmuu, alhamdulillah berkat video ini di chanel kakaaa kerja praktek informatika aku beresss🥵🥺 makasih banyak loh kaa, smpe bingung harus gimana lgi ngebuktiin makasih nyaa.. makasih bgt🥺
makasih banyak kak , aku kelar ikutin nya , dan sudah sedikit paham , makasih sudah turut mengamal kan uud45 untuk mencerdaskan kehidupan bangsa , salut
Assalamualaikum bang mau tanya, kan saya dah buat code program sesuai yg diintruksikan, tapi di webnya (video) masih ada jeda/space di sebelah kanan , trs aku hps CSS dan co-past link yg dideskripsi masih ada jeda itu gimana, ya? Sampek mnt 27:06(CSS Sampek header) mau tunjuk foto(troublenya ) tapi gak, bisa mohon bantuannya bang
Bang gw sebenrnya jelas apa yg lu maksud tapi ada yg kurang sama penjelasan detail nya, kaya itu nav.putih kenapa berbeda gk di spasi, sama bedanya width sama max width nya
bikin tutor jquery yang bisa buat universal kek misal pake hp nanti tampilannya gini, window seperti ini, ios sperti ini dsb makasih semangat terus bang
Bang ijin request bikin website pondok pesantren bang, yg responsif dan simple menarik. Terimakasih bang .... Semoga cepat dapat notif video yg saya request 🙏🏻🙏🏻🙏🏻
Bang, tulisan visit Indonesia dan more infonya kok tetep gak keliatan. Dia tetep di belakang video pdhl aku udah turut persis kodingnya.. Mohon masukannya bang 🙏 🙏 🙏
Makasih banyak ilmu nya bang, mau nanya kalau kita dah selesai di hmtl , css, java scriptny cara nyambung ke hosting sama domainnya gmna? Kira² di video edukasi abg udah ada belum penjelasannya? Makasih banyak bang
Bang saya sudah ikut langkahnya step by step, tapi saya ada kendala di js. Alert di JavaScriptnya masih bisa jalan di menit 45:55 tapi setelah saya ketik seperti kode berikut, tidak bisa lagi. //menu var tombolMenu = $(".tombol-menu"); var menu = $("nav .menu ul"); function klikMenu() { tombolMenu.click(function() { menu.toggle(); }); menu.click(function() { menu.toggle(); }); } $(document).reaady(function() { var width = $(window).width(); if (width < 990) { klikMenu(); } }) nama kelas sama
Bang ak kan ngikutin videonya juga beserta syntax nya udah sama Persis kaya yg abang buat tp kenapa pas ditampilin di browsernya malah hasilnya berbeda ? Contoh di abang logo travelnya di Kiri tp di saya malah ditengah ...knapa bisa gitu ya bang ? Padahal sintaxnya udah sama persis ngikutin yg ad di video 🥺🥺
mau tanya bg,saya udh 2 hari ga nemu eror nya dmna bagia input link nya ke html,tpi di crome saya ga ada gambar nya,cuma ada dokumen kecil di atas kiri
mau tanya bang, kalau misalnya kita gak pake framework sama sekali gimana? hanya js apakah tetap berjalan dengan baik? ada tugas tapi dilarang pake framework apapun. solusinya gimana ya? Mohon dijawab🙏
Bro, ane bener bener pemula, mau nanya apa saja bahan yg musti disiapin untuk bikin website, selain laptop. Dan penginstalannya sebelum mulai. Mohon penjelasannya. thx Bro
mantaaap banget nanti gw coba ini . broo ada ga tutor . Setelah user/admin login masuk ke halaman yg sama namun hak aksesnya beda. dan gimana cara daftarin user/adminnya . Saat si user daftar tanpa pilih role nya gitu. Lagi butuh banget buat skripsii
belum ada Bang, alurnya sih bisa dibuat.. 1. ada satu tabel di db yg mengurusi tentang relasi antara id user dengan hak akses 2. kemudian di aplikasi dibuat menu yg berbeda tergantung dari hak akses yg dimiliki seorang user
Terimakasih banyak ilmunya mas, sangat membantu banget nih mas mau tanya juga mas, kalau di bagian gallery itu biar gambarnya bisa digeser kayak slide gimana ya mas, ketika dibuka di mobile
Makasi bang Minta tolong jQuery yg ofline dong 🙏🙏 Soalnya aku sdh ikut step by step tpi baground vidoenya cmn setengah ga seluruh halaman sampai ke tim kami dan kontak Mohon bantuan nya
Semangat semuanya,untuk eror² di masalah responsif di benerin sendiri aja, anggep aja itu tantangan itung² belajar mandiri, soalnya g semua layar sama
Untuk Abangnya thx Uda ngasih ilmu free🙏🙏
Bner bnget. Di laptop gua, bagian tombol menu garisnya kdang bisa di klik kadang enggak😢 pdhal udh sesuai yg di video
gw ikutin video lu bang dari awal sampai akhir biar gw lebih paham sekalian gw praktekin ke vs code di laptop gw, ini si bermanfaat banget bang buat gw thanks banget bang
Trimakasih Banyak Atas Ilmu nya Bang" semoga Sukses Selalu Agar bisa Memberi Banyak manffaat Dan Ilmu Yang berguna bagi bangsa
makasih bang berkat video ini, saya gapusing lagi. otak selalu berfikir ribet bgt sekolah IT, tapi nyata gampang setelah liat video ini. terimakasih banyak
makasih bang rafif tutorialnya mudah dipahami dan begginner friendly sehingga yang pemula tidak kesusahan untuk mengikut videonya, mungkin bang rafif kelupaan pada bagian support itu gak ada headingnya tapi it's ok, disini saya ikutin sampe akhir dan saya tambahakan beberapa efek animasi menggunakan library animation on scroll biar lebih interaktif lagi hehe
Mantap bang keren tutorialnya sangat bermanfaat, suskses terus bang dalam berbagi ilmu.
Saya sebagai pemula sangat terbantu sekali dengan adanya video ini, terimakasih banyak
Semoga membantu ya
sangat mudah dipahami. terima kasih ilmunya sangat bermanfaat sekali.
uhhhh meskipun tutor nya 2 jam , sedangkan yang saya ngikut 6 jam tapi hasilnya memuaskan
terimakasih bang, sehat selalu
Makasih bang , jdi tau jquery mempermudah bgt ternyata buat njalani javascript... lagi mendalami jquery nih... sangat bermanfaat. apalagi bila digabung sama bootstrap makin joss ...
sama sama Bang...semoga bermanfaat
keren bang..mantab bangt..mudah mudahan sehat selalu bang.jangan bosen2 bang share ilmunya..terimakasih banyak..
Bisa simak timeline nya ya, biar bisa maju mundur sesukanya... 😀
==============================
00:00:54 Tahap Persiapan
00:02:17 Download Asset Gambar & Video
00:04:34 Mulai Membuat File index.html
00:07:05 Membuat Navigasi
00:21:35 Membuat Lokasi Header
00:29:02 Menambahkan Tulisan Di Atas Header
00:34:28 Memberikan Overlay Di Atas Video
00:36:59 Mengatur CSS Agar Memiliki Tampilan Responsive
00:39:03 Memberikan Tanda Garis-garis di Responsive Menu
00:42:13 Menambahkan Javascript & Jquery
00:44:27 Membuat Fungsi Javascript Untuk Membuat Tampilan Responsive
00:49:28 Memberikan Pengaturan Tampilan Menu Responsive
00:54:49 Membuat Section About Us
01:02:06 Mengganti Warna Background Nav Saat Scroll
01:05:48 Mengganti Warna Menu Responsive dan Logo Saat Scroll
01:10:48 Memberi Efek Smooth Saat Scroll
01:11:33 Mengatur Warna Menu Saat Tampilan Maksimal
01:12:19 Membuat Section Support
01:19:45 Membuat Section Gallery
01:24:15 Membuat Section Quote / Testimoni
01:28:42 Membuat Section Team
01:34:30 Membuat Section Blog
01:45:49 Membuat Bagian Footer dan Section Contact
01:53:13 Melakukan Pengaturan Tambahan Di Tampilan Responsive
bagian gallery belum responsive om, tolong panduannya
Ini channel keren ke-dua yang aku temukan di youtube. Bagus.
Terimakasih bang sangat bermanfaat ilmu nya. .
Makasi bwang🙏 tutornya,saya sangat terbantu dengan ini,semoga makin jaya udara,darat,laut🤝
pak terima kasih banyak untuk ilmunya, sangat membantu bagi saya untuk belajar
Semoga bermanfaat Bang
Bang kenapa navigasi yang garis saya ketika diminimize tidak bisa ya ? (tidak keluar menunya) padahal udh ngikutin tutorial dan sama persis dan saya cek tidak ada yang error mohon bantuannya :)
Kakakk aku mau bilang makasih banyak gapelit ilmuu, alhamdulillah berkat video ini di chanel kakaaa kerja praktek informatika aku beresss🥵🥺 makasih banyak loh kaa, smpe bingung harus gimana lgi ngebuktiin makasih nyaa.. makasih bgt🥺
terimakasih pak atas tutornya sangat membantu saya dalam membuat web
alhamdulillah, semoga bermanfaat Bang
Mantaps,, terimakasih atas ilmu nya , tetap semangat🙏🙏
Terimakasih, sangat bermanfaat ilmunya 🙏
makasih banyak kak , aku kelar ikutin nya , dan sudah sedikit paham , makasih sudah turut mengamal kan uud45 untuk mencerdaskan kehidupan bangsa , salut
Terimakasih tutornya
Pak izin tanya, untuk bagian main milik saya di bagian teks malah masuk ke bagian header, setelah saya cek posisi tutupnya sudah benar
Terimakasih ilmunya bang..semoga berkah🙏
Semoga bermanfaat
Terimakasih bang atas ilmunya semoga sukses dan bermanfaat.
amiin
terimakasih banyak ilmunya bang
Terima Kasih Banyak Bang 😊
Salam sehat dan sukses selalu bang ,,
Kyaknya ada yg kelewat bang,wkt di minimaze gallery 8 foto ada yg nggak muat fotonya..mgkn dibikin effect slide cocok.
Bagaimana cara menampilkan 3 taq meta dalam snipad html, krn tampilan di laptop saya cuma ada 2 taq meta aja. Thanks
Tutorial keren... Makasih banyak, Bang
Kak buat website surat perjalanan dinas dri html, css, php, mysql, javascript ding tolong tugas kuliah ini bantu aku
terima kasih bang. sukses terus bang dan lancar rezekinya amin
Keren bingitssss
Assalamualaikum bang mau tanya, kan saya dah buat code program sesuai yg diintruksikan, tapi di webnya (video) masih ada jeda/space di sebelah kanan , trs aku hps CSS dan co-past link yg dideskripsi masih ada jeda itu gimana, ya? Sampek mnt 27:06(CSS Sampek header) mau tunjuk foto(troublenya ) tapi gak, bisa mohon bantuannya bang
header {
position: relative;
height: 100vh;
width: 100%;
overflow: hidden;
z-index: 2;
}
header video {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: -2;
}
penulisan pada bagian ini mungkin Bang...
Mantap bang bermanfaat banget ini ilmu nya🙏🙏
Tutor lagi dong bang cara bikin carousel pake js,
Bang gw sebenrnya jelas apa yg lu maksud tapi ada yg kurang sama penjelasan detail nya, kaya itu nav.putih kenapa berbeda gk di spasi, sama bedanya width sama max width nya
Auto subscribe lu bang,
menit 15 : 18 ini nav spaci logo ya. bukan nav titik logo. yang jelasnya harus pake titik supaya running
bikin tutor jquery yang bisa buat universal
kek misal pake hp nanti tampilannya gini, window seperti ini, ios sperti ini dsb
makasih
semangat terus bang
makasi tutornya
Bang ijin request bikin website pondok pesantren bang, yg responsif dan simple menarik.
Terimakasih bang ....
Semoga cepat dapat notif video yg saya request 🙏🏻🙏🏻🙏🏻
semoga ada rezeki waktu dan ilmu, untuk membuat hal yg serupa .. amiin
@@dirumahrafif aamiin ya rabbal alaamiin , terimakasih
Perbanyak konten kayak gini bang, makasih
Izin bang kalo bisa lanjut dibuatin cms nya juga bang.
ka tulisan travel saya kenapa gabisa bergeser ya kak masih tetap berada di pojok kiri ga bisa aga ke tengah seperti di vid tutor kk?makasih ka
Udah ikutin java script nya untuk nav yg berubah jd putih tp tetep gk mau putih😢
Bang, tulisan visit Indonesia dan more infonya kok tetep gak keliatan. Dia tetep di belakang video pdhl aku udah turut persis kodingnya.. Mohon masukannya bang 🙏 🙏 🙏
Ikut nyimak, gabisa jg soalnya
Makasih banyak ilmu nya bang, mau nanya kalau kita dah selesai di hmtl , css, java scriptny cara nyambung ke hosting sama domainnya gmna? Kira² di video edukasi abg udah ada belum penjelasannya? Makasih banyak bang
Bang kok kalo punya saya vidio nya nggak ada di web ya padahal udah saya ikutin cara² nya
Terimakasih🙏
Bang saya sudah ikut langkahnya step by step, tapi saya ada kendala di js.
Alert di JavaScriptnya masih bisa jalan di menit 45:55 tapi setelah saya ketik seperti kode berikut, tidak bisa lagi.
//menu
var tombolMenu = $(".tombol-menu");
var menu = $("nav .menu ul");
function klikMenu() {
tombolMenu.click(function() {
menu.toggle();
});
menu.click(function() {
menu.toggle();
});
}
$(document).reaady(function() {
var width = $(window).width();
if (width < 990) {
klikMenu();
}
})
nama kelas sama
coba diklik kanan kemudian inspect elemen...ada error gak Bang?
@@dirumahrafif Sudah bang tidak ada yg error.
masih belum bisa responsive ketika browsernya dibuka pake HP.
@@dirumahrafif sama bang gw juga begitu kyknya kesamaan dari nav .menu ul{} deh bang
@@dirumahrafif sama padahal terminal udah include node.js dan extension😅😅
cek JS nya coba, bagian klikMenu udah bener penulisannya?
Bang ak kan ngikutin videonya juga beserta syntax nya udah sama Persis kaya yg abang buat tp kenapa pas ditampilin di browsernya malah hasilnya berbeda ? Contoh di abang logo travelnya di Kiri tp di saya malah ditengah ...knapa bisa gitu ya bang ? Padahal sintaxnya udah sama persis ngikutin yg ad di video 🥺🥺
iya bang udh cape" buat pdhl😢
ada jawaban nya ga knp?
knp saya error di nomor 58-61 mulu ya, padahal dari awal udh ngiktin sama persis 😢
Kok punya a saya tulisan menu sama logonya gk nampak setelah vidinya dimasukkan
mau tanya bg,saya udh 2 hari ga nemu eror nya dmna bagia input link nya ke html,tpi di crome saya ga ada gambar nya,cuma ada dokumen kecil di atas kiri
coba jgn pake asset
bang kalo go live nya gabisa muncul waktu ditekan kenapa ya
Thanks bang. Sangat membantu
Ilmunya sangat bermanfaat bang, terimakasih, gimana cara tambahkan wa bang?
reques website sokolah kak,
Bang izin kalau web ini ditambah php gimana ya bang caranya 🙏
Izin bertanya mas kok ini di bagian video nya enggak full sampe ke atas ya mas cuman setengah doang padahal saya ikutin sama persis
mau tanya bang, kalau misalnya kita gak pake framework sama sekali gimana? hanya js apakah tetap berjalan dengan baik? ada tugas tapi dilarang pake framework apapun. solusinya gimana ya? Mohon dijawab🙏
toko online seperti ini Bang, gak pake plugin ruclips.net/video/kK23OXSJYQw/видео.htmlsi=jS53mWg5_1ygQ1WP
Bang di bagian @media screen and (max-width:991.98px) ketika di kontrol+S tdk berfungsi bang. Apa ada solusinya ya?
Ko punya saya gambar travelnya ga muncul ya pak
Keren
makasih Bang..semoga bermanfaat
Jika ingin membagikan link nya bagaimana ya bang?
Agar bisa di akses oleh babyak orang
Bro, ane bener bener pemula, mau nanya apa saja bahan yg musti disiapin untuk bikin website, selain laptop. Dan penginstalannya sebelum mulai. Mohon penjelasannya. thx Bro
kalau di tutorial ini, paling butuh text editor visual studio code Bang, browser, dan ekstensi live server dari visual studio code
Makasi bang
Minta jQuery yg ofline gimna ya cara downloadnya
Sukses terus Abang 🙏🙏
kok layar saya gk fulll ya videonya ada yng tau gk gimana cara benerinnya
Auto subscribed
Apakah tutorial2 seperti ini tetap work seiring berjalannya waktu?
Baru belajar dunia coding
masih Bang, HTML CSS Javascript masih banyak digunakan
kok diwebsite sy videonya tetap tidak bisa full layar ya kak
mantaaap banget nanti gw coba ini . broo ada ga tutor . Setelah user/admin login masuk ke halaman yg sama namun hak aksesnya beda. dan gimana cara daftarin user/adminnya . Saat si user daftar tanpa pilih role nya gitu. Lagi butuh banget buat skripsii
belum ada Bang, alurnya sih bisa dibuat..
1. ada satu tabel di db yg mengurusi tentang relasi antara id user dengan hak akses
2. kemudian di aplikasi dibuat menu yg berbeda tergantung dari hak akses yg dimiliki seorang user
Terimakasih banyak ilmunya mas, sangat membantu banget nih mas
mau tanya juga mas, kalau di bagian gallery itu biar gambarnya bisa digeser kayak slide gimana ya mas, ketika dibuka di mobile
bisa tambah dengan carousel jquery Bang...
Makasi bang
Minta tolong jQuery yg ofline dong 🙏🙏
Soalnya aku sdh ikut step by step tpi baground vidoenya cmn setengah ga seluruh halaman sampai ke tim kami dan kontak
Mohon bantuan nya
Di 100% ka height sama width nya klo mau seluruh halaman
Bang, cara buat chrome normal lagi gimana, gw udah ikutin smuanya tapi malah video backgroundnya setengah wkwk
Di menit 11:23 kok saya ga bisa bikin logonya ya bang, yg abis div class logo lalu bagian img src nya
Bang maaf mau tanya, kenapa tidak bisa di akses lewat ponsel website nya, mohon penjelesannya bang..
perlu diupload di hosting dulu Bang, supaya bisa diakses...atau pake github bisa jg Bang..
Bang buatin turorial membuat script untuk add friend fb by uid bang
Bang kok hasil webku ada jedal di layar sebelah kanan?
TY MASS
Bang tutor bikin website yang seperti ini tapi pakai php dong 🙏
Up
up
Kak mau nanya kenapa ya teks aku berada di tengah padahal udh sesuai setting sama, gk mau ke pinggir 🙏
udh ada jawabannya blm kak kenapa??
Bang kalok video nya itu diganti img src bisa gak?
bang ssat memberikan opacity pada overlay, layarnya tetap hitam, mohon pencerahan
script css nya ditulis kayak gimana Bang?
@@dirumahrafif sdh bisa bang😀
apa kah ada cara bang untuk background videonya,, klo di perkecil layarnya, videonya juga mengecil???
bang ini yang di nav .logo imgnya gamau ngecil sesuai ukurannya bang
di cssnya blm pas brarti Bang, atau class nya ada yg kurang
bang mau tanya itu pas nav putih yang discroll jadi warna putih punya aku gabisa bang gimana tu
di javascript nya sudah ditambahkan untuk berganti warna di nav nya Kak?
Bang gimana cara mengisi file di dalam ketika seseorang menekan more infonya
bisa buat file html baru Bang, kemudian diarahkan di tombol tersebut ke file html atau file yang lainnya tadi
arsip file gambar dan video rusak gimana nih bg?
sama
thank you
Bang ini layoutnya udah pake flexbox ngak?mohon di jawab bang
blm bang
EN VISUAL STUDIO CODE NI PERCUMA KE TOOL TOOL DIDALAM NYA JUGA PERCUMA KE
bang seandainya desain webnya di kasih CRUD bisa lah bang?
Knp logonya tidak mau mengecil bg?
Bang ko kadang di tampilan tombol navigasi kadang bisa kadang nggak bisa. Itu kenapa ya?
Terimakasih
Tidak bisanya seperti apa Bang?
Bang Link Video dan Gambar tidak tersedia
Auto subscribe
makasih ya...semoga bermanfaat
Gasss
aku disurunya pake notepad ++ jd agak bingung kalau ngikutin ini hmmm
script yang dituliskan sama sebenarnya Bang...yang beda ya paling di notepad++ tidak ada shortcut seperti di Visual Studio Code
min saya pake video yg berbeda kok pas responsive menu nya ga keliatan bang
di bagian tag nav nya dikasih z-index Bang ?
@@dirumahrafif bagian nav mana bang? aku yg garis 3 nya gak keliatan bang
@@dirumahrafif caranya bijimana yha bang