Web siteleri için web formları oluşturmak (Uygulama Kılavuzu) Dil: Almanca

Web siteleri için web formu oluşturma (uygulamalı rehber)

Web tasarımı, CMS ve geliştirme 44 Videolar · 6.1 h Video Eğitimi · Türkçe Stephan Haewß tarafından Stephan Haewß

Web sitelerin için adım adım web formu nasıl oluşturabilirsin - gösteriyor! İsimler, e-posta adresleri, şifreler, onay kutuları, tarih seçenekleri, listeler ya da açılır menüler eklemek istesen de: Bu uygulama rehberinde ilk HTML formundan tamamen işlevsel bir web formuna nasıl ulaşılacağını öğren.

  • Web formları oluşturma – temellerden işlevsel formlara kadar
  • E-posta, şifre ve diğer alanlar için doğru şekilde oluştur ve oku
  • Onay kutuları, radyo düğmeleri, açılır menüler, çoklu satırlı metin girişleri ve daha fazlasını oluşturun
  • Geliştirici Stephan Haewß'in kapsamlı, altı saatlik uygulama eğitimi
  • Gösterilen içerikleri anlamak için proje dosyalarıyla birlikte
  • Web geliştiriciler, web tasarımcıları ve frontend geliştiriciler için ideal

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!

İçerik

44 Videolar, 364 Dakika

Web-formları oluşturma – Giriş

4 Videolar · 31 Dakika
01 Açık Ücretsiz

Web formları oluşturma: 1.1 | Giriş ve Genel Bakış

Burada kursun ne hakkında olduğunu ve neler bekleyebileceğini öğreneceksin.

02 Açık

Web formları oluşturmak: 1.2 | HTML formları - neden ve nasıl kullanılır?

Neden HTML formlarını kullanmalı ve genel olarak nasıl yapılır?

03 Açık

Web formları oluşturmak: 1.3 | İlk proje oluşturma

Burada proje oluşturulacak ve ilk formun entegre edileceği projeye dahil edilecek.

04 Açık

Web formları oluşturma: 1.4 | İlk HTML formu

İlk temel formunu oluşturursun ve temel yapısını öğrenirsin.

01

Web formları oluşturma: 1.1 | Giriş ve Genel Bakış

3 min Açık
02

Web formları oluşturmak: 1.2 | HTML formları - neden ve nasıl kullanılır?

10 min Açık
03

Web formları oluşturmak: 1.3 | İlk proje oluşturma

6 min Açık
04

Web formları oluşturma: 1.4 | İlk HTML formu

12 min Açık

Formulare

3 Videolar · 30 Dakika
05 Açık

Web formları oluşturmak: 2.1 | Formlar veya form etiketi neden kullanılır?

HTML formlarının web uygulamalarındaki çeşitli kullanım alanlarını aydınlatıyoruz.

06 Açık

Web formları oluşturmak: 2.2 | Form verilerini JavaScript ile okuma

Kullanıcıların girdiği verileri JavaScript kullanarak nasıl okuyup işleyeceğini öğreniyorsun.

07 Açık

Web formları oluşturma: 2.3 | Form güzelleştirme ve ek giriş tipleri

Form tasarımı seçeneklerini ele alıyor ve çeşitli giriş alanlarını tanıtıyorum.

05

Web formları oluşturmak: 2.1 | Formlar veya form etiketi neden kullanılır?

11 min Açık
06

Web formları oluşturmak: 2.2 | Form verilerini JavaScript ile okuma

9 min Açık
07

Web formları oluşturma: 2.3 | Form güzelleştirme ve ek giriş tipleri

10 min Açık

Formlar için Girdi Doğrulama ve Olay İşleme

9 Videolar · 71 Dakika
08 Açık

Web formları oluşturmak: 3.1 | İlk doğrulama e-posta girişi ile

Basit bir e-posta doğrulaması uyguluyorsun, böylece girilen verilerin e-posta formatına uygun olduğundan emin olursun.

09 Açık

Web formları oluşturmak: 3.2 | Input tipi sayı ve öznitelikleri

Sayısal girişler ve olası değerleri sınırlamak için gereken özniteliklerle ilgileniyoruz.

10 Açık

Web formları oluşturmak: 3.3 | input elementindeki değişikliklere yanıt verme

Bir giriş alanının içeriği değiştiğinde JS'de nasıl olayları ele alacağını öğreniyorsun.

11 Açık

Web formları oluşturmak: 3.4 | Değişikliklere addEventListener ile tepki vermek

Olay işleme konusunu derinleştiriyor ve daha esnek tepkiler için addEventListener kullanıyoruz.

12 Açık

Web formları oluşturmak: 3.5 | Genel bakış: input Elementi

Farklı input türlerinin ve özelliklerinin kapsamlı bir özeti.

13 Açık

Web formları oluşturmak: 3.6 | Öznitelikler: salt okunur, devre dışı, yer tutucu, en az karakter sayısı, en fazla karakter sayısı

Giriş alanlarının davranışını kontrol etmek için temel nitelikleri açıklıyoruz.

14 Açık

Web formları oluşturmak: 3.7 | Öznitelikler: desen ve zorunlu

Düzenli ifadeler ve required özniteliği ile karmaşık doğrulamaları nasıl gerçekleştireceğini öğreniyorsun.

15 Açık

Web formları oluşturmak: 3.8 | spellcheck özniteliği

Formlarınızdaki yazım denetimini etkinleştirmeyi veya devre dışı bırakmayı nasıl yapacağını sana göstereceğiz.

16 Açık

Web formları oluşturmak: 3.9 | Input türü şifre

Şifre alanları nasıl oluşturulur öğreneceksin.

08

Web formları oluşturmak: 3.1 | İlk doğrulama e-posta girişi ile

8 min Açık
09

Web formları oluşturmak: 3.2 | Input tipi sayı ve öznitelikleri

7 min Açık
10

Web formları oluşturmak: 3.3 | input elementindeki değişikliklere yanıt verme

11 min Açık
11

Web formları oluşturmak: 3.4 | Değişikliklere addEventListener ile tepki vermek

8 min Açık
12

Web formları oluşturmak: 3.5 | Genel bakış: input Elementi

4 min Açık
13

Web formları oluşturmak: 3.6 | Öznitelikler: salt okunur, devre dışı, yer tutucu, en az karakter sayısı, en fazla karakter sayısı

12 min Açık
14

Web formları oluşturmak: 3.7 | Öznitelikler: desen ve zorunlu

9 min Açık
15

Web formları oluşturmak: 3.8 | spellcheck özniteliği

3 min Açık
16

Web formları oluşturmak: 3.9 | Input türü şifre

9 min Açık

Onay kutuları

3 Videolar · 23 Dakika
17 Açık

Web formları oluşturmak: 4.1 | Checkbox – Temel İlkeler

Kutuların temel prensipleri ve kullanım olanaklarıyla başlıyoruz.

18 Açık

Web formu oluşturma: 4.2 | Checkbox'u JS'te kullanma

JavaScript kullanarak onay kutularının durumunu nasıl okuyup ayarlayacağını öğreniyorsun.

19 Açık

Web formları oluşturmak: 4.3 | Onay kutusunu stillendirme

Farklı onay kutusu görünümlerini özelleştirmenin çeşitli yollarını gösteriyorum.

17

Web formları oluşturmak: 4.1 | Checkbox – Temel İlkeler

7 min Açık
18

Web formu oluşturma: 4.2 | Checkbox'u JS'te kullanma

6 min Açık
19

Web formları oluşturmak: 4.3 | Onay kutusunu stillendirme

10 min Açık

Formlar-giriş türleri ve genişletilmiş alanlar

12 Videolar · 105 Dakika
20 Açık

Web formları oluşturmak: 5.1 | Radyo düğmeleri

Radyo düğmelerinin nasıl çalıştığını ve nasıl formülünüzde kullandığınızı açıklıyorum.

21 Açık

Web formları oluşturmak: 5.2 | Dosya Yükleme

Kullanıcılara dosya yükleme izni verme konusunu öğreniyorsun.

22 Açık

Web formları oluşturmak: 5.3 | JS ile dosya girişi

Seçili dosyayı JavaScript ile nasıl düzenleyebileceğinizi öğrenerek, dosya yükleme konusundaki bilgilerinizi derinleştirirsiniz.

23 Açık

Web formu oluşturma: 5.4 | Gizli giriş alanları

Gizli giriş alanlarının ek bilgilerin iletilmesinde nasıl kullanıldığına değineceğim.

24 Açık

Web formları oluşturma: 5.5 | Sayı girişleri

Farklı sayı giriş seçeneklerini özetliyoruz.

25 Açık

Web formu oluştur: 5.6 | Aralık Kaydırıcısı

Range-Slideler ile belirli bir değer aralığını seçmeyi öğrenir ve bir kaydırıcı ekleyebilirsin.

26 Açık

Web formları oluşturma: 5.7 | Tarih ve saat girişi

Sana, form alanlarında tarih ve saat girişlerini nasıl yapacağını göstereceğim.

27 Açık

Web formu oluştur: 5.8 | E-posta ve URL

Öncelikle e-posta adresleri ve URL'ler için özel giriş alanlarına odaklanıyoruz.

28 Açık

Web formları oluşturmak: 5.9 | Renk

Renkleri bir renk seçme alanı üzerinden nasıl seçeceğini öğreniyorsun.

29 Açık

Web formları oluştur: 5.10 | search ve tel türleri

Arama terimleri ve telefon numaraları için giriş alanlarını tanıtıyorum.

30 Açık

Web formları oluştur: 5.11 | textarea ile çok satırlı metin girişi

textarea öğesiyle çok satırlı metin girişlerini nasıl gerçekleştireceğini öğreneceksin.

31 Açık

Web formları oluşturmak: 5.12 | Seçenekleri olan listeler

Seç öğesiyle seçilebilir liste oluşturmayı açıklayacağım.

20

Web formları oluşturmak: 5.1 | Radyo düğmeleri

7 min Açık
21

Web formları oluşturmak: 5.2 | Dosya Yükleme

10 min Açık
22

Web formları oluşturmak: 5.3 | JS ile dosya girişi

7 min Açık
23

Web formu oluşturma: 5.4 | Gizli giriş alanları

7 min Açık
24

Web formları oluşturma: 5.5 | Sayı girişleri

5 min Açık
25

Web formu oluştur: 5.6 | Aralık Kaydırıcısı

13 min Açık
26

Web formları oluşturma: 5.7 | Tarih ve saat girişi

13 min Açık
27

Web formu oluştur: 5.8 | E-posta ve URL

8 min Açık
28

Web formları oluşturmak: 5.9 | Renk

4 min Açık
29

Web formları oluştur: 5.10 | search ve tel türleri

4 min Açık
30

Web formları oluştur: 5.11 | textarea ile çok satırlı metin girişi

15 min Açık
31

Web formları oluşturmak: 5.12 | Seçenekleri olan listeler

12 min Açık

Genişletilmiş form yapısı ve JavaScript ile frameworkler ile doğrulama

13 Videolar · 108 Dakika
32 Açık

Web formu oluşturma: 6.1 | Seçeneklerin gruplandırılması

Bir seçim listesindeki seçenekleri nasıl gruplayacağını öğreniyorsun.

33 Açık

Web formları oluşturmak: 6.2 | datalist ile öneri listeleri

Sana, giriş alanları için öneri listeleri nasıl oluşturulur, göstereceğim.

34 Açık

Web formu oluşturma: 6.3 | autocomplete özniteliği

Giriş otomatik tamamlamayı nasıl etkinleştireceğini öğreniyorsun.

35 Açık

Web formları oluşturmak: 6.4 | Form bölümleri ile alan setleri

Formlarınızı fieldset öğeleriyle nasıl yapılandıracağınızı açıklıyorum.

36 Açık

Web formları oluşturmak: 6.5 | JavaScript ile doğrulama

JavaScript ile istemci taraflı form doğrulamanın kapsamlı bir tanıtımı.

37 Açık

Web form oluşturma: 6.6 | Node.JS ve Express ile sunucu tarafı işlemler

Form verilerinin Node.js ve Express ile sunucuda nasıl alındığını göstereceğim.

38 Açık

Web formları oluşturmak: 6.7 | GET işlemcisi ile form verilerini almak

Form verilerini GET yöntemi ile nasıl alacağını öğreniyorsun.

39 Açık

Web formları oluşturun: 6.8 | POST işleyici ile form verilerini alın

POST yöntemiyle form verilerini nasıl alacağını anlatacağım.

40 Açık

Web formları oluşturmak: 6.9 | Formlar ve Form Elemanları React'ta - Proje oluşturma

React projesi oluşturarak ve formları entegre ederek başlıyoruz.

41 Açık

Web formu oluşturma: 6.10 | React'ta Input öğeleri

Farklı giriş elemanlarını React'ta nasıl kullanacağını öğreniyorsun.

42 Açık

Web form oluşturmak: 6.11 | Seçim ve metin alanı öğeleri React'ta

React'te select- ve textarea- elemanlarıyla ilgileniyoruz.

43 Açık

Web formları oluşturma: 6.12 | Alpine.js ile formlar

Alpine.js ile JavaScript çerçevesi kullanarak form işlemlerini nasıl yapacağını göstereceğim.

44 Açık

Web formları oluşturma: 6.13 | VueJs ile formlar

Vue.js uygulamalarında formları nasıl entegre edeceğinizi anlatacağım.

32

Web formu oluşturma: 6.1 | Seçeneklerin gruplandırılması

7 min Açık
33

Web formları oluşturmak: 6.2 | datalist ile öneri listeleri

13 min Açık
34

Web formu oluşturma: 6.3 | autocomplete özniteliği

5 min Açık
35

Web formları oluşturmak: 6.4 | Form bölümleri ile alan setleri

8 min Açık
36

Web formları oluşturmak: 6.5 | JavaScript ile doğrulama

8 min Açık
37

Web form oluşturma: 6.6 | Node.JS ve Express ile sunucu tarafı işlemler

8 min Açık
38

Web formları oluşturmak: 6.7 | GET işlemcisi ile form verilerini almak

7 min Açık
39

Web formları oluşturun: 6.8 | POST işleyici ile form verilerini alın

5 min Açık
40

Web formları oluşturmak: 6.9 | Formlar ve Form Elemanları React'ta - Proje oluşturma

4 min Açık
41

Web formu oluşturma: 6.10 | React'ta Input öğeleri

13 min Açık
42

Web form oluşturmak: 6.11 | Seçim ve metin alanı öğeleri React'ta

7 min Açık
43

Web formları oluşturma: 6.12 | Alpine.js ile formlar

15 min Açık
44

Web formları oluşturma: 6.13 | VueJs ile formlar

8 min Açık
Yorumlar (1)

Yorum yap şimdi „Web siteleri için web formu oluşturma (uygulamalı rehber)“