π₯ Promo Unlimited Hosting Niagahoster : diskon up to 75% + gratis domain + SSL π₯
ππΌ Gunakan kode kupon WPUNPAS untuk tambahan diskon 10%
ππΌ Klik https://bit.ly/3BqQCLt
π₯ SUPPORT CHANNEL WEBPROGRAMMINGUNPAS π₯
πΎ Gabung Server Discord WPU πΎ
https://discord.gg/S4rrXQU
π Beli T-Shirt & Hoodie TitikKoma π
https://shopee.co.id/wpu.codinggearofficial
– Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
https://saweria.co/sandhikagalih
https://karyakarsa.com/sandhikagalih
—
π’ FOLLOW SOCIAL MEDIA π’
– http://instagram.com/sandhikagalih
– http://twitter.com/sandhikagalih
– https://github.com/sandhikagalih
—
UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/
terimakasih dan #janganlupatitikkoma!
@sandhikagalih
source
sumbernya dari mana ya pak? sebagai rujukan
00:00 – Intro
00:51 – Sponsor
02:47 – Modern Software Development
04:50 – Roadmap Frontend Web Development
06:48 – Responsive Web Design
08:47 – Prinsip Responsive Web Design
08:59 – 1. Adaptive vs Responsive Design
10:41 – 2. Viewport & Viewport Meta Tag
12:18 – 3. Breakpoints
13:08 – 4. Media Query
13:42 – 5. Fluid Layouts
14:17 – 6. Relative Units
14:59 – 7. Responsive Media
15:47 – 8. Flexbox
16:34 – 9. Grid
17:10 – 10. Mobile First Design
19:13 – Penutup
terima kasih pak Dhika
Wihh mantaps, jadi lebih terarah dan udah lama penasaran sama prinsip2 responsive ini. Terima kasih Pak.
baru tau pak sandika kalo buat tuh mobile first design dulu. makasih pak π
Menurut saya kurang tepat sih pak untuk penjelasan tentang Adaptive-nya. Adaptive itukan artinya menyesuaikan. Responsive artinya merespon. Adaptive dan Responsive itu 2 hal yang berbeda tapi saling berkaitan karna 2 hal tersebut saling melengkapi. Design yg Responsive namun tidak Adaptive itu ada nilai minusnya di sector UX, begitu juga sebaliknya. Dan saya juga kurang setuju pak dengan argumen pak Shandika bahwa jika konsep adaptive itu kalau ada 10 device dia harus mendesign 10x. Itu menurut saya tdk tepat pak. Dari yg saya pelajari, merespon ukuran layar itu peran dari Responsive, sedangkan peran dari Adaptive adalah menyesuikan dengan tipe device tersebut. Tipe device secara umum bisa kita bagi menjadi 3 bagian, Dekstop, Tablet, dan Mobile. jadi jika ada 10 device berbeda belum tentu harus mendesign 10x pak. Kita bisa hanya 3x saja dan untuk Responsive pun minimal juga 2 design kan pak, 1 Desktop dan 1 Mobile. Jadi menurut saya kurang tepat jika pak Sandhika disini memisah 2 konsep yg berbeda tersebut.
next time bagian back end dong pak, saya pengen fokusin backend deh
Hmmm tapi kok saya enakan desktop dulu lalu ke mobile? π
Pak cara buat html untuk bisa upload foto 360Β° bagaimana pak?
Pak Dika, share dong jalur belajar untuk web programmer yang mau membuat mobile apps, terima kasih, sukses terus pakπ
Pak….bahas ttg membuat webapp di googlesheet pakai google app script dong pak….
mantap
tutorial responsive mobile first pak.
soalnya saya masih bingung, gmna menentukan konten ini harus pakai flex atau tidak, karena klo di mobile biasanya kontennya kebawah semua, pdahal di desktopnya kontennya ada yang kesamping
ijin bertanya,
bagaimana cara mengatur tinggi otomatis iframe, saya coba sisipkan google form menggunakan iframe, bagaimana supaya tinggi frame mengikuti google formnya? terima kasih
pak kalo teknologi chating pada website kira kira bagaimana ya?
Boleh Riques Pembelajaran Java Pak.
Please Pak
Wah terima kasih pak, web development klo sudah menguasai fundamental CSS-HTML-JS , pasti pindah pindah framework JS ga akan sulit.
abis nonton video nya pak dhika semangat belajar ngoding naik drastis. bapak keren banget π
izin tanya pak, diantara responsive design sama adaptive design, dari ke 2 itu yg biasanya bnyak dipakai itu yg mana ya pak?
Terimakasih bapak sandhika..ππ»
Bau bau tailwind nih kedepannyaπ€²
Semangatπ
4:39 Setuju dengan ini pak. Saya saja untuk mulai belajar MERN 2021 harus mengulang kembali fundamental dari Javascript.