Membuat WEBSITE Kedai Kopi RESPONSIVE dengan HTML & CSS dari 0 + Autodeploy ke WEB HOSTING

Siap2 gaes, kita bakalan bikin website dari 0 sampai jadi dan bisa diakses semua orang, hanya menggunakan HTML, CSS dan sedikit JS saja tanpa library dan framework apapun. Tapi sebelumnya, mari ngopi dulu ~

---
🔥 Promo Unlimited Hosting Niagahoster (saat ini Hostinger) : diskon up to 50% + gratis domain + SSL 🔥
👍🏼 Gunakan kode kupon WPUNPAS untuk tambahan diskon up to 60%
---
Aset Gambar:

Link Penting:

Playlist Lengkap Website Kedai Kopi Kenangan Senja:

---
Chapters:
00:00 Intro
00:14 Hasil Akhir Website
05:39 Persiapan
15:25 Navbar
33:18 Menyiapkan Media Queries
35:42 Menu Sidebar
49:29 Hero Section
1:07:58 About Section
1:20:41 Menu Section
1:33:59 Contact Section
1:47:45 Footer
1:57:45 Github Pages
2:04:20 Web Hosting
2:11:43 Autodeploy (Github Actions)
2:23:24 Closing

---
🔥 SUPPORT WPU 🔥

👕 Beli Hoodie & T-Shirt di WPU Official Store 👕

👾 Gabung Server Discord WPU 👾

- Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)

---
📢 FOLLOW SOCIAL MEDIA 📢

terimakasih dan #janganlupatitikkoma!

@sandhikagalih

[SatuJanji]

Saya pernah denger salah satu dosen pernah berkata. Orang pinter itu bukan hanya bisa semuanya saja, tapi mampu menjelaskan semuanya dengan sederhana. Mampu menjelaskan semuanya ke awam, dan pak san punya itu semua. sehat terus pak

[deanggamuhammad]

Terimakasih pak atas pelajarannya, saya awalnya iseng² ngikutin tutorial bapak, iseng-iseng buat web, sampe sekarang saya jadikan Tugas akhir saya pak dengan judul "perancangan sistem informasi peramalan penjualan", web nya pake PHP backend nya saya menggunakan python pak pake flask. Terimakasih ilmunya🙏

[dolphy]

saya percaya dengan kebaikan akan berbuah baik, termasuk membagikan ilmu adalah sesuatu yang membuat penyebarnya mendapatkan ilmu lebih banyak lagi. dan itupula yang saya lihat dari pak Dhika, terimakasih atas ilmunya!

[AditCarel]

terima kasih pak atas konten codingnya, semenjak pulang dari pondok saya pengen belajar coding, saya akan berusaha keras untuk mengasah skill saya dibidang ini, sekalian biar ada kegiatan juga dirumah, ntah kenapa saat saya minta ulang temen saya yg jago ngoding dia jawabnya cuman"ini bisa begini soalnya ininya diginiin" sebagai orang awam mana saya paham, semenjak ketemu kontennya pak dhika saya jadi semangat untuk belajar dan juga semakin tertarik biar ilmunya gampang masuk, biar sekalian ada kegiatan juga dirumah :)

[sufaatalkautsar]

Sebelumnya saya menyimak seri html sampai hatam tapi merasa tak ada seninya, kemudian belajar css tidak hatam karena merasa bosan, mencoba belajar javascript malah tamba bingung.
Tapi hasrat untuk bisa selalu ada.
Dengan penjelasan ini saya sebagai orang yang akan belajar baru faham hubungan html, css, dan javascript.
saya juga mencoba buat apa yang dijelaskan dan alhamdulillah berjalan dengan sempurna sampai upload di website.
Terima kasih Pak Dika, sehat selalu.

[okichandra]

Terimakasih pak atas playlist playlist yang bapak berikan. Awal awal saya belajar pemrograman jika disuruh buat seperti itu saya pasti sangat kesusahan. Namun tidak dengan sekarang yang malah melihat ini sudah mudah. Terimakasih atas 5 bulan terakhir untuk perubahan diriku pak..

[msyahri]

pak Sandhika, terima kasih sudah berbagi ilmu per-coding-an nya hehe jujur aja saya belajar web lebih mudah mengerti dengan melihat video Bapak ketimbang penjelasan dosen saya wkwk

setiap langkah dijelasin biar tau fungsinya, keren banget! semoga ilmunya bermanfaat untuk Bapak selaku pengajar dan kita semua selaku pelajar online...aamiin🙏🏻

[anedjara]

Tadinya saya bersemangat untuk belajar bagaimana membuat website. Setelah nonton video ini, menjadi berubah pikiran. Mau cari orang atau lembaga yang bisa buatkan saya website dan apa yang perlu saya persiapkan. Capai juga belajar secara otodidak.

[wigipou]

Sukses selalu Pak Dhika. Alhamdulillah makin banyak pengikutnya untuk upgrade skills yang tadi nya belum paham sampai jadi paham.

[dandystudio]

Tutorial yang sangat mudah dipahami & jelas. Langsung bikin candu jadi pengen belajar lebih dalem lagi untuk cooding, thanks bang 🙏

[oodLifeChannel]

Hatur Nuhun Pisan Ak.
Hat-Off, Salut Saya Video Penjelasannya untuk Dasar2 Website Responsive, Video nya Sangat Sistematis, Step Gak Bertele2, Narasi dan Visualisasi Presentasi nya Sangat Jelas, dan Bukan Hanya itu saja, disini diajarkan agar pemirsa Pemula mau untuk belajar atau lebih familiar cara praktis menggunakan VSCode, plugin nya, dimana tempat untuk ambil font, gambar, icon dan pemula diajak untuk mau mendalami lagi fitur2 CSS Responsive seperti flex dsb serta cara menggunakan github sampai publish ke Hosting.

Bangga saya ada Pengajar dan Akademisi seperti Ak Dhika di almamater Anak saya sekarang Kuliah. Terima Kasih, Sehat2 Berkah dan Lebih Sukses Ak.

[Abdurrahman-gxxv]

Mantap pak dika, smngt trs jadi dosen online. Sngt membantu sekali bagi mereka yg mempunyai ke inginan belajar tpi tidak bisa kuliah. Terutama saya. Salam dri jakarta pakdika

[hantuinternet]

pak dika selain smart juga saya suka dengerin suara beliau lemah lembut sekali dan tidak henti henti nya memberikan ilmu yg bermanfaat semoga allah selalu memberi kan kesehatan dan keberkahan kepada pak dika dan di tambah ilmu nya amiiinnnn
trimakasih atas ke murahan hati untuk berbagi ilmu nya pak 👍👍👍

[BuyaBaraka]

1 video ini menjawab semua kesulitan yang beberapa kali saya alami/temui sebagai pemula dalam pembuatan website. komprehensif

[ernierofficial]

Aku tutor yang lain gapaham" tpi klo pak dika aku bner" bisa ngikutin 😢 keren bnget bapak satu ini 😊 sukses terus pak

[ilhamabdillah]

Entah kenapa ketika guru sekolah saya yg menerangkan semuanya sulit dimengerti, tapi anehnya setelah menonton video padika semua penjelasannya sangat mudah dipahami..terimakasih untuk padika karena membuat saya mengerti dan paham tentang pemrograman..🙏😊

[elliotrees]

terimakasih pak, kontennya sangat membantu saya yang tidak punya uang untuk kursus bisa belajar buat website juga. untuk konten pertama yang portofolio memang saya cuma ikut-ikutan saja, tetapi di konten kedua ini saya mulai mengerti tag html dan properti css yang dipakai dibanding yang pertama. Teruntuk image dan background image saya masih kesulitan mengatur ukuran lebar dan tinggi, serta memilih dan mengolah gambar agar responsive (mungkin kekurangan referensi layout, editing, serta memilih warna karena saya sangat awam dengan komputer) tetapi saya akan terus berusaha :)

[akmalzulfi-np]

Terimakasih banyak pak dik. Ilmu njenengan tidak bisa di bayar oleh apapun selain memanfaatkannya untuk mendukung dunia Digitalisasi

[yudimarga]

Alhamdulillah saya bisa mengikuti walaupun orang Awam. Semoga Alloh selalu memberi perlindungan dan keselamatan untuk Pak Sandika Galih dan keluarga. Aaamiiin

[thatswcli]

pak itu saya ngikutin yang di bagian js ('active'), akan tetapi setelah di save berubah menjadi ("active"), jadi ketika saya klik menunya menu sidebarnya tidak mau muncul, itu gimana ya pak?