Sadece HTML ile Modal Nasıl Yapılır? – Dialog Elementi ile Native Modal скачать в хорошем качестве

Sadece HTML ile Modal Nasıl Yapılır? – Dialog Elementi ile Native Modal

Bu videoda, HTML, CSS ve JavaScript kullanarak dialog elementiyle erişilebilir bir modal pencere nasıl yapılır adım adım gösteriyorum. Hiçbir ek kütüphane kullanmadan, sadece modern web teknolojileriyle modal açma-kapama işlemlerini, animasyonları ve klavye erişilebilirliğini birlikte kodluyoruz. Bu uygulamalı eğitim, özellikle frontend öğrenmeye yeni başlayanlar için uygundur. Native dialog elementi kullanarak, başlangıç seviyesindeki geliştiricilerin de kolayca anlayabileceği şekilde sıfırdan adım adım ilerliyoruz. Ayrıca ::backdrop ve starting-style gibi modern özelliklerle kullanıcı deneyimini artırıyoruz. 🧩 Bu video, şu projeye ait modal kısmını tamamlıyor: 🔗 https://www.frontendmentor.io/challen... 🎯 Hedef Kitle: Yeni başlayanlar, frontend öğrenmek isteyenler 💻 Kullanılan Teknolojiler: HTML5, CSS3, JavaScript 📌 Konular: • dialog elementi kullanımı • Modal açma-kapama işlemleri • Erişilebilirlik ve klavye kontrolleri • starting-style ile animasyon • Modern CSS teknikleri • DOM (Document Object Model) yönetimi Abone olmayı ve videoyu beğenmeyi unutma! Yeni videolarda görüşmek üzere 😊 ⏱ TimeStamps: 00:00 Intro 00:17 Figma Overview 01:05 Writing HTML 05:13 Writing CSS 10:47 Activating Modal With JS 12:57 Responsive Coding 16:20 Adding Animation 19:07 Outro 📩 İletişim: contact@gumrahsindar.dev 🌐 GitHub: https://github.com/gumrahsindar 📸 Instagram:   / gumrah.codes   🎵 TikTok:   / gumrahsindar   💼 LinkedIn:   / gumrahsindar   🧠 #html #css #javascript #frontend #uygulamalıeğitim #modal #dialog #frontendmentor #frontenddersleri #cssdersleri #webdevelopment #accessiblemodal #frontendöğren