Basit ad ve e-posta sorgusundan dosya yükleme işlevine sahip daha karmaşık bir iletişim formuna kadar: Web siteleriniz için form oluşturmayı detaylı bir şekilde öğreniyorsunuz!
Burada kursun ne hakkında olduğunu ve neler bekleyebileceğini öğreneceksin.
Neden HTML formlarını kullanmalı ve genel olarak nasıl yapılır?
Burada proje oluşturulacak ve ilk formun entegre edileceği projeye dahil edilecek.
İlk temel formunu oluşturursun ve temel yapısını öğrenirsin.
HTML formlarının web uygulamalarındaki çeşitli kullanım alanlarını aydınlatıyoruz.
Kullanıcıların girdiği verileri JavaScript kullanarak nasıl okuyup işleyeceğini öğreniyorsun.
Form tasarımı seçeneklerini ele alıyor ve çeşitli giriş alanlarını tanıtıyorum.
Basit bir e-posta doğrulaması uyguluyorsun, böylece girilen verilerin e-posta formatına uygun olduğundan emin olursun.
Sayısal girişler ve olası değerleri sınırlamak için gereken özniteliklerle ilgileniyoruz.
Bir giriş alanının içeriği değiştiğinde JS'de nasıl olayları ele alacağını öğreniyorsun.
Olay işleme konusunu derinleştiriyor ve daha esnek tepkiler için addEventListener kullanıyoruz.
Farklı input türlerinin ve özelliklerinin kapsamlı bir özeti.
Giriş alanlarının davranışını kontrol etmek için temel nitelikleri açıklıyoruz.
Düzenli ifadeler ve required özniteliği ile karmaşık doğrulamaları nasıl gerçekleştireceğini öğreniyorsun.
Formlarınızdaki yazım denetimini etkinleştirmeyi veya devre dışı bırakmayı nasıl yapacağını sana göstereceğiz.
Şifre alanları nasıl oluşturulur öğreneceksin.
Kutuların temel prensipleri ve kullanım olanaklarıyla başlıyoruz.
JavaScript kullanarak onay kutularının durumunu nasıl okuyup ayarlayacağını öğreniyorsun.
Farklı onay kutusu görünümlerini özelleştirmenin çeşitli yollarını gösteriyorum.
Radyo düğmelerinin nasıl çalıştığını ve nasıl formülünüzde kullandığınızı açıklıyorum.
Kullanıcılara dosya yükleme izni verme konusunu öğreniyorsun.
Seçili dosyayı JavaScript ile nasıl düzenleyebileceğinizi öğrenerek, dosya yükleme konusundaki bilgilerinizi derinleştirirsiniz.
Gizli giriş alanlarının ek bilgilerin iletilmesinde nasıl kullanıldığına değineceğim.
Farklı sayı giriş seçeneklerini özetliyoruz.
Range-Slideler ile belirli bir değer aralığını seçmeyi öğrenir ve bir kaydırıcı ekleyebilirsin.
Sana, form alanlarında tarih ve saat girişlerini nasıl yapacağını göstereceğim.
Öncelikle e-posta adresleri ve URL'ler için özel giriş alanlarına odaklanıyoruz.
Renkleri bir renk seçme alanı üzerinden nasıl seçeceğini öğreniyorsun.
Arama terimleri ve telefon numaraları için giriş alanlarını tanıtıyorum.
textarea öğesiyle çok satırlı metin girişlerini nasıl gerçekleştireceğini öğreneceksin.
Seç öğesiyle seçilebilir liste oluşturmayı açıklayacağım.
Bir seçim listesindeki seçenekleri nasıl gruplayacağını öğreniyorsun.
Sana, giriş alanları için öneri listeleri nasıl oluşturulur, göstereceğim.
Giriş otomatik tamamlamayı nasıl etkinleştireceğini öğreniyorsun.
Formlarınızı fieldset öğeleriyle nasıl yapılandıracağınızı açıklıyorum.
JavaScript ile istemci taraflı form doğrulamanın kapsamlı bir tanıtımı.
Form verilerinin Node.js ve Express ile sunucuda nasıl alındığını göstereceğim.
Form verilerini GET yöntemi ile nasıl alacağını öğreniyorsun.
POST yöntemiyle form verilerini nasıl alacağını anlatacağım.
React projesi oluşturarak ve formları entegre ederek başlıyoruz.
Farklı giriş elemanlarını React'ta nasıl kullanacağını öğreniyorsun.
React'te select- ve textarea- elemanlarıyla ilgileniyoruz.
Alpine.js ile JavaScript çerçevesi kullanarak form işlemlerini nasıl yapacağını göstereceğim.
Vue.js uygulamalarında formları nasıl entegre edeceğinizi anlatacağım.
Yorum yap şimdi „Web siteleri için web formu oluşturma (uygulamalı rehber)“