Monthly Archives: July 2010

ASP.NET MVC 3 Preview 1 Duyuruldu !!

Geçtiğimiz günlerde, MVC konferansında tanıtılan, MVC 3 artık kullanıma açılmış bulunmaktadır. Bildiğiniz gibi tüm teknolojini yeni sürümü ile birlikte, yeni özelliklerde gelmektedir. Aşağıda bu özellikleri ve açıklamalarını bulabilirsiniz.

Razor View Engine

 MVC uygulamalarında kullanabileceğimiz, yeni bir View Engine Framework ‘dır(Bağlantıdaki blog yazımda, konu hakkında bilgi sahibi olabilirsiniz.).

Multple View Engine Support :

Bu özelliğe benzer bir durumu, Visual Studio 2005 den 2010 geçiş döneminde, çoklu Framework desteli bir Visual Studio ile görmüştük. Bu özellik ise Mvc uygularında, uygulama template seçer iken sistemde yükü olan farklı View Engine kütüphaneleri kullanmamıza olanak tanımaktadır.

Validation Impovemets

ASP.Net 4 ile birlikte gelen gelişmiş doğrulama yapısını, ASP.Net MVC desteği olarak düşünülebilir.

Dependency Injection at all levels

Dependency Injection kullandığımız uygulamalarda daha kolay, geliştirme yapmamız sağlandı.

Dynamic View and ViewModel Propertise

.Net 4 ile birlikte gelen, Dynamically Typed Objects özelliğini MVC 3 ile birlikte kullanarak View, ViewData ve Controller üzerinde daha rahat çalışmamızı sağlamaktadır.

Global Action Filters

Kullanıcı tarafında gelecek olan, tüm istemleri filtrelememizi sağlayan bir özelliktir. Uygulama güveliği açısında önemli bir özelliktir.

Support for Permanet Redirecst

ASP.Net MVC uygulamalarında 404 gibi, kaynağını bulunansı gibi durumlarda, yeni kaynak atamak amacı ile gerekli, işlemlerini yapabileceğimiz bir özelliktir.

Özelliklerden de anlayacağınız gibi ASP.Net MVC 3, .Net 4 üzerinde şekillendirilmiştir.Bu sebepten dolayı yalnızca, Visual Studio 2010 sürümleri üzerinde geliştirme yapabiliriz.ASP.Net MVC 3 ile ilgili paketleri, bağlantıda temin edebilirsiniz.Bir dahaki yazımda görüşmek üzeri iyi çalışmalar dilerim.

IBRAHIM ATAY

Blog  http://www.ibrahimatay.com

Twitter http://twitter.com/ibrahim_atay

 

JQuery Öğreniyorum – 5(Style Shreet – CSS )

JQuery makale serimin, 5 bölümünde JQuery ile web sayfalarımıza can veren css nasıl kontrol edebileceğimizi inceleyeceğiz. Söz konusu konuda JQuery de seçme işlemlerini bilmek çok büyük önem taşımaktadır. Bu nedenle bu konuda eksiği var olduğunu düşünüyor iseniz seçiciler ile ilgili yazımı inceleye bilirsiniz.

JQuery ile css yönetimi yazımızda ilk olarak, seçmiş olduğumuz html elemanında hazırladığımız css class ekleme işlemini görelim.

<html>
  <head>
    <script type=”text/javascript” src=”jquery-1.2.6.pack.js”></script>
    <style type=”text/css”>
      .news{
         Color:Red;
      }
    </style>
    <script type=”text/javascript”>
      $(function(){
         $(“p”).addClass(“news”);
        });
    </script>
  </head>
  <body>
   <p>JQuery Css işlemleri yazısı hazırlandı…</p> 
  </body>
</html>

Yukarıdaki örneğimizde “p” html elemanına dinamik olara news css class eklemiş olduk.

Not: Burada seçilerde olduğu gibi “,” ile ayrım şeklinde birden fazla Class atayamıyoruz. Ama şu şekilde bir kullanımda bulunabiliyoruz; 

$(“p”).addClass(“news”).addClass(“itl”);

<html>
  <head>
    <script type=”text/javascript” src=”jquery-1.2.6.pack.js”></script>
    <style type=”text/css”>
      .news{
         Color:Red;
      }
      .itl{
          font-style:italic;
      }
    </style>
    <script type=”text/javascript”>
      $(function(){
         $(“p”).addClass(“news”).addClass(“itl”);
      });
    </script>
  </head>
  <body>
   <p>JQuery Css işlemleri yazısı hazırlandı…</p> 
  </body>
</html>

Not da belirdiğim gibi html elemanlarına dinamik olarak class eklemek için ayrı ayrı fonksiyonlar kullanmamız gerekmektedir.

Class ekleme senaryosunu işledikten sonra karşı senaryo olarak dinamik olarak nasıl kaldıracağımızı inceleyelim.

<html>
  <head>
    <script type=”text/javascript” src=”jquery-1.2.6.pack.js”></script>
    <style type=”text/css”>
      .news{
         Color:Red;
      }
    </style>
    <script type=”text/javascript”>
      function ClassRemove(){
         $(“p”).removeClass(“news”);
      }
    </script>
  </head>
  <body>
   <p class=”news”>JQuery Css işlemleri yazısı hazırlandı…</p> 
   <input type=”submit” onclick=”ClassRemove()” value=”Class remove et..”/>
  </body>
</html>

Yukarıdaki örnekte “p” html elemanına static olarak atamış olana .news class butona basıldığında ClassRemove() fonksiyonu çalıştırarak tanımlanmış olan özelliği kaldırmış olduk.

JQuery ile Css yönetimi konusunda class ekle ve çıkarma dışında konu ile ilgili olarak bazı hazır fonksiyonlarda bulunmaktadır. Şimdi fonksiyonları inceleyerek konuya daha iyi hakim olaya çalışalım.

.width()

alert($(document).width());

Örnekte documnet nesnesini uzunluğu alert(mesaj) fonksiyonu ile öğrenmiş olduk.

.height()

Bu fonksiyon bir önceki fonksiyonla aynı şekilde kullanır tek fark olarak, seçili olan nesnenin yüksekliğini vermeyi amaçlanmaktadır.

alert($(document).height());

.position()

Position fonksiyon, isimden de anlaşılacağı gibi; nesnenin top ve left koordinatlarımı veren bir fonksiyondur.

<html>
   <head>

      <script src=”jquery.js”></script>

     <style>

          p { margin-left:10px; }

    </style>

   <script type=”text/javascript”>
          alert(“Left : “+$(“p”).position().left+” “+”Top : “+$(“p”).position().top);

   </script>

</head>

<body>
      <p> JQuery Öğreniyorum – www.ibrahimatay.com </p>

</body>

</html>

css()

Bu fonksiyon ile seçim yapılmış olan html elemanı kendimizi css kullanarak istediğimiz gibi atama yapmamızı sağlamaktadır(Özellikle effekler konusunda detaylı olarak incelyeceğiz.).

  <html>
  <head>
    <script src=”jquery.js”></script>
         <script type=”text/javascript”>
          $(function(){
             $(“p”).css(“display”,”none”);
        });
   </script>

  </head>
<body>
   <p> JQuery Öğreniyorum – www.ibrahimatay.com </p>
</body>
</html>

Yukarıdaki örnekte css de bulunan “display” özelliğini “none” yaparak seçili olana html elemanın gizlemiş olduk.

Not: Css konusunda yeterli bilginiz olmadığınız düşünüyor iseniz.w3school ya da Türkçe ve e kitap olan Sayın Fatih HAYRİOĞLU ‘ nu hazırlamış olduğu e kitabı inceleyebilirsiniz.

Serimin bu bölümden JQuery ile uygulama geliştirme esnasında en çok kullanış olduğumuz css yönetim fonksiyonlarını incelemiş olduk. Konu ile ilgili sorularınızı iletişim bölümünde sorabilirsiniz.

Herkese kolay gelsin.

IBRAHIM ATAY

Kaynaklar

http://api.jquery.com/css/
http://www.fatihhayrioglu.com/kitap/
http://www.w3schools.com/css/default.asp