KMRT BSRN

"Hiç kimsenin ilgisine ihtiyaç duymadığın gün olgunlaşırsın. Hiç kimseden beklentiye girmediğin gün yara almazsın. Ve hiç kimseye bağımlı kalmazsan kazanırsın." OSHO


Yorum bırakın

Animated radios & checkboxes (noJS) using HTML CSS Bootstrap

ASP.NET MVC projenizde kullanmak üzere animasyonlu ve görsel bir checkbox ve radio CSS ararken, çok hoş bir kod parçası ile karşılaştım. Yazan arkadaş güzel bir şekilde bootstrap checkbox  ve radio larını adam etmiş. Üstelik JS kodu kullanmadan sadece CSS ile.. 😉 Bir incelemenizi tavsiye ederim. 

Tabii ki ASP.NET HTML Helper metotlarının ürettiği checkbox ve radio da hidden bir field varlığı(oluşan html çıktılara bakabilirsiniz) bu tarz css kodlarının(hatta js kodlarının da) direkt kullanımını zorlaştırıyor. Kısacası çalışmıyor 🙂 Bende üzerinde ufak bir kaç değişiklik ile bunu ASPNET MVC HTML Helper çıktılarına uygun hale getirdim. Aşağıdaki görselde sarı şeritli kısımları CSS içindeki kodlara eklerseniz, çok zevkli çalıştığını görebilirsiniz. 

https://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs
Aspnet mvc animated bootstrap checkbox ve radio, noJS

Reklamlar


Yorum bırakın

ASP.NET MVC ile Bootstrap Checkbox ve Radio Kullanımı

Evet.. Uzun bir aradan sonra tekrar makale yazmaya başlamalıyım diye düşünüyordum. Sonunda yavaştan yavaştan başlamak gerektiği için hadi bakalım dedim ve kolları sıvadım. Aslında bunun sebeplerinden biri artık çoğu kişinin video içeriklere yönelmesi ve video ile bazı şeyleri göstererek daha hızlı ve 1 dakikalık bir zaman dilimine daha çok şey sığdırabildiğimizden dolayıdır sanırım. Fakat açıkçası ben hala makalelerden ve kitaplardan yanayım. Video içerikler daha kolay uçuyor akıllardan ve özümsemesi zor. Anlatılan bir noktayı bulması da daha zor. Henüz video içi arama pek gelişmedi. Sanırım bu gelince bende ona daha fazla yönelebilirim. Tabii ki izlemek, anlatılanı yapılırken görmek ayrı, olmazsa olmaz. Ama nedense benim gözlerim metin arıyor, ne diyebilirim.

Peki konumuza dönelim. Bu yazımızda sizlere asp.net mvc içinde radio ve checkbox kullanımı ile ilgili bir yöntem göstereceğim. Bende herkes gibi projelerimde veya örneklerimde bootstrap kullanıyorum. Dolayısı ile en çok sıkıntı duyduğum nokta checkbox ve radio kontrollerinin tasarımının bootstrap’te eksik olması! Aslında eksik değil ama bizim alıştığımızdan farklı olması. Bizim bildiğimiz bu şekilde..

 

image

Bootstrap kullanılsa bile ortaya çıkan radio ve checkbox görünümü.

 

Fakat bootstrap ‘in yaklaşımı ile olması gereken budur.

 

image

Bootstrap in checkbox ve radio yaklaşımı bu şekilde

 

Kullanımı kolay ve özellikle mobil cihazlar için bu tasarım aslında harika oluyor.. Fakat bunu elde etmek için gereken HTML kodu şu şekilde(Bu arada ikonlar tamamen benim uydurmamdır ki onu da nasıl yaptığımı göstereceğim). Örneğin HTML, CSS ve JS kodlarına buradan ulaşabilirsiniz.

Okumaya devam et


Yorum bırakın

2017 Yeniyıl Fırsatı, ASP NET Core MVC Eğitimi 10$

kurumsal-mimari-çatısında-aspnet-core-mvc-egitimiKurumsal Mimari Çatısında ASP.NET Core MVC eğitimi 150$ yerine, 10$ ‘a sahip olabilirsiniz. ASP.NET Core MVC ile ilgilenenlerin kaçırmaması gereken bir fırsat!

Engin Demiroğ tarafından hazırlanan, "Kurumsal Mimari Çatısında ASP.NET Core MVC"  eğitimi yayında. Bu eğitimde .Net Core MVC uygulamalarını kurumsal bir bakış açısıyla nasıl yazılacağını öğrenebilirsiniz.

Eğitmenin bir kaç yıl önce hazırladığı ve hatırı sayılır ilgi gören Kurumsal Mimari Çatısında MVC Framework eğitiminin hem çok daha geliştirilmiş hem de ASP.NET Core ile yazılmış versiyonudur. Windows, Linux ve MacOS işletim sistemlerinde(cross platform)  çalışabilir web projeleri geliştirmenizi sağlar.

Uzun ve dolu dolu bir içeriğe sahip bu eğitim yaklaşık 6 saattir. Linke tıklayarak eğitim içeriğine ve kuponun uygulanmış şekline ulaşabilirsiniz.

Kupon kodunuz: CORE2017 (Kupon kodu içeren link) KAYIT OL

Şimdiden faydalı olması dileğiyle.


2 Yorum

ASP.NET MVC Yazılımcıların Yükselişi

gorsel

Yeni bir eğitim için kolları sıvamış bulunuyorum. Aslında birçok kişi tarafından sürekli istenen bir eğitimdi. Bende yarattığım fırsatlarda bu eğitimi hazırlamaya karar verdim. Şu an eğitimin tüm videoları tamamlanmamış durumda ama son hızla tamamlamak için fırsat buldukça uğraşıyorum. Umarım ortaya güzel bir eğitim çıkar ve bekleyenleri memnun eder. Şu an yaklaşık 8 saatlik bir video serisi çıkmış durumda ama benim öngörüm bu daha yolun yarısı, eğitimi merak edenler için aşağıda tanıtım videosunu ve link’ini paylaşıyor olacağım. Kendiniz de henüz yayınlanmamış bölümleri gördüğünüzde ne demek istediğimi anlayacaksınız.

Eğitim içeriğinde ASP.NET MVC temellerinden başlayarak tüm konulara değinmeye çalışıyor olacağım. Tasarım işlerini Bootstrap’Dan faydalanarak, veritabanı işlemlerini ise Entity Framework CodeFirst ile yapıyor olacağım. Eğitim sonunda 2 Bonus bölüm ve bir uygulama örneği yapıyor olacağım.

Eğitimi bunlarla sınırlamak istemiyorum. Dolayısı ile zamanla fazladan bölüm ekleme ve yenilikleri yine aynı eğitim üzerinden anlatarak eğitimi genişletmeyi düşünüyorum.

ASP.NET MVC Eğitimi için tıklayınız.

Tüm Eğitimlerim için tıklayınız.

ASP.NET MVC Eğitimi by Kadir Murat Başeren

Eğitim içeriğini aşağıda görebilirsiniz;

  • ASP.NET MVC Giriş
  • Razor Syntax (Sözdizimi)
  • Views
  • Controller & View Arası İletişim
  • Models ve Model Binding
  • Bootstrap Framework ve Helper Metotlar
  • Entity Framework CodeFirst Entegrasyonu
  • Entity Framework CodeFirst ile Veritabanı İşlemleri
  • Auto-Generated Views
  • ActionResult Türleri
  • Action Attributes
  • Routing
  • BundleConfig Yapılandırması
  • Durum Yönetimi
  • Validation
  • Filters
  • Ajax Helper Metodları
  • JQuery ile Ajax İşlemleri
  • Area
  • BONUS : Web Helpers
  • BONUS : Grid.MVC Entegrasyonu
  • Uygulama : MyEvernote Örneği

Gördüğünüz gibi dolu bir içerik sizleri ve benim çekmemi bekliyor. Ben üstesinden gelebileceğimi düşünüyorum. Umarım sizlerede bir faydası dokunur.

Şimdiden iyi seyirler ve başarılı projeler dilerim.

 

Visual Studio ile C# Programlama
ASP.NET MVC ile Grid.MVC Entegrasyonu


Yorum bırakın

ASP.NET MVC 5 ile Grid.MVC Kullanımını Öğrenin

ASP.NET MVC 5 ile Grid.MVC Kullanımını Öğrenin

Yeni kursum yayında!

Bu kurs ile ASP.NET MVC 5 projelerinizde verilerinizi listelemek için gerekli olan tablo görünümünü(Grid) oluşturabileceksiniz. Bunun için Grid.MVC isimli ücretsiz bir çalışmadan faydalandım. Böylece kolayca ve şık bir şekilde verilerinizi gösterebilecek ve üzerinde sıralama(sorting), süzme(filtering),sayfalama(pagging) ve benzeri işlemleri hiç kod yazmadan yapabileceksiniz.

Projelerinizi geliştirirken sizlere maksimum fayda ve hız kazandıracağına emin olduğum bu aracı, projelerinize entegre etme, özelliklerini tanıma ve anlamaya çalış sürecinizi hızlandırmak için bu kursu sizlere hazırladım.

Kurs boyunca örneklerimizi Visual Studio 2013 ‘de geliştirdim. Sizlerde örneklerinizi Visual Studio 2012 ve üstü herhangi bir versiyon gerçekleştirebilirsiniz.

Kurs boyunca tüm özellikleri baştan sona aynı proje üzerinde geliştirerek, ihtiyaçların oluşması ve çözüm üretme şeklinde kurguladım. Bu sebeple videolar bu doğrultuda birbirini takip eden bir yapıdadır. Sıra ile izlemenizi tavsiye ederim. Eğitime ulaşabileceğiniz bağlantı aşağıdadır.

Umarım faydalı olur, başarılı projeler geliştirmeniz dileklerimle..

Eğitim : Udemy – ASP.NET MVC 5 ile Grid.MVC Kullanımını Öğrenin