7-Web Programlama: Bootstrap Form Yapıları ve Kullanıcı Giriş Paneli Tasarımı Öğrenci Ekleme Sayfası

Web programlama serimizin yedinci bölümünde, projemizin dinamizmini artıracak olan "Öğrenci Ekleme" sayfasının arayüz (front-end) tasarımını gerçekleştiriyoruz. Önceki derslerimizde verilerimizi listelemiştik; şimdi ise bu listeye yeni öğrenciler dahil edebilmemiz için gerekli olan form yapısını kuruyoruz.Bu videoda, Bootstrap'in güçlü form bileşenlerini kullanarak; metin kutuları (input), açılır menüler (select) ve işlem butonlarını şık bir düzen içerisinde nasıl yerleştireceğimizi adım adım inceliyoruz. Henüz veritabanı kayıt işlemine (C# tarafına) geçmeden, kullanıcı dostu ve responsive (mobil uyumlu) bir veri giriş formu oluşturacağız.Videoda Neler Öğreneceksiniz?Master Page yapısına uygun yeni bir "OgrenciEkle.aspx" sayfası oluşturmaBootstrap Form Grupları (form-group, form-control) ile çalışmakSayfa yerleşimi için Bootstrap Grid sistemini (row, col) kullanmaButon tasarımları ve formun görsel bütünlüğünün sağlanmasıASP.NET TextBox ve Button kontrollerinin Bootstrap sınıflarıyla entegrasyonuBu ders, form verilerinin nasıl yapılandırılacağını anlamanız ve temiz bir kullanıcı arayüzü (UI) sunmanız açısından büyük önem taşıyor. Bir sonraki videomuzda bu tasarladığımız formu kullanarak veritabanına kayıt ekleme işlemini kodlayacağız.Tasarım sırasında karşılaştığınız hataları veya merak ettiklerinizi yorumlar kısmında benimle paylaşabilirsiniz.Serinin önceki derslerini izlemeyenler için bağlantılar:
Bölüm 1 (Template Kurulumu): https://youtu.be/yRW7P3C_Ldc
Bölüm 2 (Template Özelleştirme): https://youtu.be/Ad0tJwBmDUw
Bölüm 3 (SQLite Kurulumu): https://youtu.be/AqZrFrwnjpM
Bölüm 4 (Öğrenci Listesi Tasarımı): https://youtu.be/Y6AaZ1lY-nE
Bölüm 5 (Connection String Ayarları): https://youtu.be/r4Vi_X5DSI4
Bölüm 6 (Öğrenci Listeleme Back-End): https://youtu.be/uIom2RxLFFw

Hepinize verimli çalışmalar ve hatasız tasarımlar dilerim!

Etiketler:#AspNet #WebForms #Bootstrap #FormTasarımı #WebProgramlama #Frontend #UserInterface #YazılımEğitimi #HtmlCss #CSharp

Видео 7-Web Programlama: Bootstrap Form Yapıları ve Kullanıcı Giriş Paneli Tasarımı Öğrenci Ekleme Sayfası канала kdr pnlc