MUDAH! BUAT WEBSITE TRAVEL DENGAN HEADER VIDEO // Membuat Website Dengan HTML CSS dan Javascript

Video kali ini kita akan membuat website dengan HTML CSS dan Javascript. Dan, kita akan membuat website tentang Tour dan Travel.

LINK
==============================
Link Video & Gambar
Link Gambar (tanpa video)

Sumber Header Video

Link Script

Link Jquery

TIMELINE
==============================
00:00:54 Tahap Persiapan
00:02:17 Download Asset Gambar & Video
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

FOLLOW SOCIAL MEDIA KAMI
==============================

DONASI UNTUK BERKEMBANG
==============================

✅ PLAYLIST
==============================
▪️ Belajar React Native Bahasa Indonesia

▪️ PODCAST: Radio Rumahan

▪️ Membuat Website Dengan PHP dan MySQL

▪️ Tutorial PHP & MySQL

▪️ Tutorial HTML dan CSS

▪️ Tutorial Blogger Pemula

==============================

⚡ Silakan LIKE dan SUBSCRIBE untuk konten gratis lainnya! ⚡

--- Pertanyaan? ---

Silakan sampaikan pertanyaan sehingga semoga saya atau yang lainnya bisa membantu.

Pertanyaan, Informasi, silakan email di bawah ini
Terima kasih,

[dirumahrafif]

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

[zakiulumudin]

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

[siapaya]

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

[FluffyChise]

Trimakasih Banyak Atas Ilmu nya Bang" semoga Sukses Selalu Agar bisa Memberi Banyak manffaat Dan Ilmu Yang berguna bagi bangsa

[IrvanMaulana_-vore]

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

[MSIsyaiful]

Mantap bang keren tutorialnya sangat bermanfaat, suskses terus bang dalam berbagi ilmu.

[elinyulyana]

makasih bang berkat video ini, saya gapusing lagi. otak selalu berfikir ribet bgt sekolah IT, tapi nyata gampang setelah liat video ini. terimakasih banyak

[antonsugiharto]

keren bang..mantab bangt..mudah mudahan sehat selalu bang.jangan bosen2 bang share ilmunya..terimakasih banyak..

[Vibe_stef]

uhhhh meskipun tutor nya 2 jam, sedangkan yang saya ngikut 6 jam tapi hasilnya memuaskan
terimakasih bang, sehat selalu

[aouxswantoro]

Ini channel keren ke-dua yang aku temukan di youtube. Bagus.

[purnamadewi]

Makasi bwang🙏 tutornya, saya sangat terbantu dengan ini, semoga makin jaya udara, darat, laut🤝

[Marterdian]

sangat mudah dipahami. terima kasih ilmunya sangat bermanfaat sekali.

[zoygaming]

Saya sebagai pemula sangat terbantu sekali dengan adanya video ini, terimakasih banyak

[agrif]

Makasih bang, jdi tau jquery mempermudah bgt ternyata buat njalani javascript... lagi mendalami jquery nih... sangat bermanfaat. apalagi bila digabung sama bootstrap makin joss ...

[delianaadel]

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🥺

[Bay-jysw]

Terimakasih bang sangat bermanfaat ilmu nya. .

[yosefaditya]

pak terima kasih banyak untuk ilmunya, sangat membantu bagi saya untuk belajar

[hahahihi]

Terimakasih, sangat bermanfaat ilmunya 🙏

[gugungunawanti]

Mantaps, , terimakasih atas ilmu nya, tetap semangat🙏🙏

[Caisar]

terimakasih pak atas tutornya sangat membantu saya dalam membuat web