Uygulamalı Modern Web Geliştirme Eğitimi Yayında !!

Uygulamalı Modern Web Geliştirme Eğitimi - Kadir Murat Başeren - Udemy

Eğitime hızlıca en güncel kupon kodu ile kayıt olmak için Udemy Eğitimlerim sayfasına bakabilirsiniz. (Açılış’a özel kupon kodunuz : MODERNWEB)

Bu eğitimde sıfırdan başlayarak uygulamalı olarak, özenle ve sizi hedefinize en kısa sürede hazırlayacak şekilde konuları oluşturulmuş bir web geliştiricisi olabilirsiniz. 59 saatlik içerik sizleri bekliyor. Eğitim, güncel yazılım geliştirme araçları kullanılarak hazırlanmıştır..

Eğitimde, Microsoft’un cross-platform(windows, linux, mac) geliştirme aracı olan Visual Studio Code ve Visual Studio kullanılmıştır. Visual Studio Code ile temel web programlama bilgisi olmayan ve web geliştiricisi olmak isteyen ya da eksiklerini kapatarak kendini daha ileri seviyeye taşımak isteyenlere yönelik olarak eğitim hazırlanmıştır.

Visual Studio Code ile en hızlı şekilde her bilgisayar da yazılım geliştirmenin keyfini çıkararak, Visual Studio Code ‘u kullanmayı ve web projesi geliştirmeyi öğrenebilirsiniz.

Visual Studio Code ile Front-End tarafında gereken geliştirmeleri tamamladıktan sonra Back-End tarafında Visual Studio ve MS SQL Server ve C# yazılım dilini öğrenerek, web geliştiricisi olma yolunda daha üst bir seviyeye ulaşabilirsiniz.

Eğitim de bilgi seviyenize göre herhangi bir aşamasından devam edebilirsiniz.

  • Front-End gelişitiricisi olarak adlandırılan, web projelerinin arayüz dediğimiz sayfa tasarımları konusunda kendinizi geliştirmek için HTML-HTML5, CSS-CSS3, JS-JQuery, Bootstrap 4 kısımlarına,
  • Back -End geliştiricisi olarak adlandırılan; web projelerinin sunucu tarafında çalışan veritabanı işlemleri ve iş süreçlerini işleten C#, T-SQL ve ASP NET MVC kısımlarına,
  • Full-Stack olarak adlandırılan, hem Front-End hem Back-End geliştiricisi olarak kendinizi geliştirmek istiyorsanız eğitimdeki tüm bölümlere ağırlık vererek doğrudan ilgili konudan eğitimi işletebilirsiniz.

Sırası ile izlemenizi öneririm.

modern-web-tanitim-1

Eğitim de, bir E-Ticaret sitesi örneği Bootstrap 4 ile tasarlanarak SQL Server’da veritabanının oluşturulması ve ASPNET MVC kodları yazılarak Publish(yayınlama) edilmesi kadar uçtan uca ele alınmıştır.

Eğitim üç farklı IDE(Geliştirme aracını) içermektedir. Front-End tarafında Visual Studio Code ile tüm konular işlenmiş, Back-End tarafında Visual Studio ve veritabanı yönetimi tarafında Microsoft SQL Server Management Studio‘nun güncel versiyonları kullanılmıştır.

Eğitim boyunca amaç ve uygulama olarak, çeşitli tasarım örnekleri ile beraber bir E-Ticaret site tasarımı mobil cihaz uyumlu(responsive) olarak Bootstrap 4 ile tasarlanmış ve Back-End kısmında bu tasarım kullanılarak ve veritabanı yapısı SQL üzerinde oluşturularak, gerekli C# kodlaması yapılarak uygulama örneği oluşturulmuştur.

Projenizin ve veri tabanınızın yayınlanması noktasına kadar anlatılarak, kendi web uygulamanızı, kurumsal sitenizi, blog sitenizi, e-ticaret sitenizi ya da farklı bir alanda faaliyet gösteren projenizi geliştirerek hayata geçirebilirsiniz..

Reklamlar

ASPNET MVC DropDownList Doldurma Yöntemleri

Sıklıkla bana sorulan sorulardan anladığım kadarıyla ASPNET MVC de DropDownList doldurma ile ilgili çok fazla problem yaşanıyor. Aslında problem yaşanacak bir durum ortada bulunmuyor. Sadece biraz pratik eksikliği ve bilgi eksikliği buna sebep oluyor diyebiliriz. Bu yazı da bu yaşanan problemleri gidermeye çalışıyor olacağım.

DropDownList’i 3 yöntemle doldurma ve kullanmayı örnekliyor olacağım. Peki bunlar nedir?

  • ViewBag ile DropDownList doldurma ve verileri alma
  • Model ile DropDownList doldurma ve verileri alma
  • Model ve JQuery ile Bağlantılı DropDownList doldurma ve verileri alma

Genel olarak örnek proje hakkında kısa bilgi vermek istiyorum.

Amacımız

Amacımız Ülkeleri(Country) ve şehirleri(City) ayrı DropDownList’lerde göstermek. Bunun için Country ve City isimli iki sınıf oluşturdum. Bu sınıflar içinde static birer metot tanımladım. Bu metot da örnek City ve Country listesi oluşturuyorum. Böylece denemelerimiz de kullanacağımız veriyi bizim için oluşturacaktır.

DBContext isimli bir class ekledim. Bu class sanki bizim veritabanı nesnemiz gibi davranacak ve içerisinde bulunan iki değişkene örnek verileri Country ve City class’larındaki metotları(yukarıda bahsettiğim) kullanarak bize istediğimiz de veriyi sunacaktır. Bu property’ler CitiesTable ve CountryTable dır.

Sayfamız da iki adet DropDownList olacak ve bunları sayfanın GET action’ında yukarıda bahsettiğim yöntemlerle dolduruyor olacağız. POST action’ında ise seçilen değerleri alıyor ve tekrar aynı sayfanın altında bulunan bir boostrap alert kutusunda gösteriyor olacağız. Index sayfamızın model’i IndexViewModel isimli bir class’dır. Bu class ‘da sayfanın GET action’ında seçili değerlerin gelmesi veya sayfanın POSt işleminde seçilen değerleri alabilmemiz için iki property bulunmaktadır. Seçili Country yi almak için SelectedCountryId ve seçili City yi almak için SelectedCityId property leri bulunmaktadır. Tabi seçilen city ve country verisinin Id değerini alıyor olacağız.

ViewBag ile DropDownList Doldurma ve Verileri Alma

drop-down-list-viewbag-sample

Aşağıdaki kodlarda gerekli açıklamaları yazdım. Kısaca Index ‘in GET action ‘ında ViewBag’lere gerekli SelectList’leri ekliyoruz. Index sayfasında ise DropDownListFor ile sayfanın model’ine DropDownListFor kullanarak DropDownList’leri bağlıyor ve ViewBag’den verilerini yüklüyoruz. Düğmeye basıp POST işleminde değerleri alarak yine aynı sayfayı yüklüyor ve seçili değeleri alert kutusunda gösteriyoruz.

kmb-udemy-reklam

“ASPNET MVC DropDownList Doldurma Yöntemleri” yazısını okumaya devam et

ASPNET MVC Projeleriniz için Material Checkbox

Projelerimiz de her ne kadar Bootstrap kullanıyor ve kendimi tatmin edecek seviye de hoş tasarımlar yaparak istediğim görsellere ulaşsam da checkbox’ların çok sıradan bir görsellikte olması gözüme bir düzensizlik olduğunu hissettiriyor ve bununla ilgili başka yazılarımda da, farklı çözümler sunmaya çalıştım.

Projelerinizde daha şık material tasarımlı checkbox kullanmak isterseniz aşağıdaki kodlardan faydalanabilirsiniz. Aşağıdaki görselde göreceğiniz şekilde bir görsellik oluşacaktır. Ayrıca biraz daha kod yazarak, klavye desteği ve farklı kontrol’e bağımlı kılarak diğer kontrolün aktifleştirilmesi/pasifleştirilmesi(disabled) sağlanabiliyor.

material-checkbox-in-mvc

kmb-udemy-reklam

“ASPNET MVC Projeleriniz için Material Checkbox” yazısını okumaya devam et

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.

 

kmb-udemy-reklam

“ASP.NET MVC ile Bootstrap Checkbox ve Radio Kullanımı” yazısını okumaya devam et

Veysel Uğur KIZMAZ’ın Asp.Net 4.5 kitabı sizlerle!

Bu yazımızda sizlere, Veysel Uğur KIZMAZ’ın kurucusu olduğu 2011 yılında kurulmuş, yazılım ve bilişim kategorisinde IT sektöründe hizmet eden bir bilgi paylaşım sitesinden bahsedeceğim. Sitenin içeriği çok zengin olup sektöründeki neredeyse her alana ait bir başlık ve yazarı mevcut. Üstelik yazarlar, sektörde tecrübeye sahip insanlardan oluşmaktadır. Yazılım alanında bilgisini geliştirmek isteyen herkese tavsiye ederim.

www.yazilimdilleri.net

Veysel Uğur KIZMAZ Asp.Net 4.5

Site kurucusu; Veysel Uğur KIZMAZ’ın ASP.NET üzerine yazdığı kitabıda bulunmaktadır. .Net 4.5 ile gelen yenilikleri ve Asp.Net ile proje geliştirme konusunu detaylarıyla anlatan bu kitap; sadece ilgili teknoloji ile kodlamanın değil, bir web projesinin başlangıcından son noktasına kadar neler yapılması gerektiğini de anlatmaktadır. HepsiBurada, Kitapyurdu ve diğer online kitap satış sitelerinden kitaba ulaşabilirsiniz.

Asp.Net ile yazılım geliştirme (kodlama) konusunda son olarak projelerinizi zenginleştirmek için JavaScript ve jQuery kavramlarını örnek uygulama ve örneklerle öğrenebileceğiniz bir kitap’tır. 
"Yazılım geliştirmek, sadece kod yazmak demek değildir." Kitabın genelinde de bu konu üzerinde durulmuş ve Asp.Net ile yazılım geliştirme (kodlama) konularının ardından, "bir yazılım geliştirirken hangi aşamalardan geçilir, nelere dikkat edilmelidir, bir yazılımı geliştirirken planlama süreci nasıl olmalıdır, yazılım geliştirmede katmanlı mimari neden önemlidir ve yazılım geliştirme standartları" konuları, güncel hayattan örnekler ve uygulamalarla detaylı olarak anlatılmış.

Kitabında içindeki konu başlıkları;

  • ASP.NET Nedir?
  • .NET Framework Nedir?
  • .NET Bileşenleri
  • ASP.NET Çalışma Mantığı
  • İstemci Taraflı Kodlama
  • Sunucu Taraflı Kodlama
  • ASP.NET Versiyonları ve Yenilikleri
  • ASP.NET ile Yazılım Geliştirmeye Giriş
  • Visual Studio 2012’ye Genel Bakış
  • Visual Studio 2012 Çalışma Ortamı
  • Web Form Kavramı Ve Kullanımı
  • Web Form Özellikleri
  • Web Form İçerisine ASP.NET Kontrollerini Ekleme
  • ASP.NET’te C# ile Kodlama Yöntemleri
  • ASP.NET 4.5 ile C# 5.0 Kullanımı
  • C# Nedir ve Neden C# Kullanmalıyız?
  • C#’ın Kullanım Alanları
  • ASP.NET Formu Geliştirilirken Kullanılan Diller
  • Asp.Net Formlarında En Sık Kullanılan C# Örnekleri
  • C# 5.0 ile Gelen Yenilikler
  • ASP.NET Kontrolleri
  • Standart Kontroller Ve Kullanımları
  • Veri Kontrolleri
  • Veritabanından Veri Getirme
  • XML Dosyasından Veri Getirme
  • Entity Framework ile Veri Sorgulama
  • LINQ to SQL ile Veri Sorgulama
  • Nesnel Veri Kaynağı
  • Site Haritası Veri Kaynağı
  • Grafiksel Rapor Oluşturma
  • Verileri HTML Tasarımıyla Listeleme
  • Verileri Listeleme
  • Kayıt Detaylarını Görüntüleme
  • Verileri Listeleme ve İşlem Yapma
  • Verileri Sayfalayarak Görüntüleme
  • Verileri Kontroller ile Sorgulama
  • Verileri Html Şablonu ile Görüntüleme
  • Doğrulama Kontrolleri
  • Navigation Kontrolleri
  • Menü Oluşturma
  • Site Haritası Menüsü Oluşturma
  • Ağaç Menüsü
  • Kullanıcı Giriş Kontrolleri
  • Gelişmiş Sihirbaz Oluşturma
  • XML Dosyasını Görüntüleme
  • Web Part Kontrolleri
  • AJAX Kontrolleri
  • ASP.NET ile Durum Yönetimi
  • Sunucu Tabanlı Durumlar
  • İstemci Tabanlı Durumlar
  • Çerezler
  • ViewState
  • QueryString ile Sayfalara Veri Gönderme
  • LINQ ve Entity Framework
  • Temel LINQ Sorgulama İşlemleri
  • LINQ Metodları
  • LINQ ile SQL Server İşlemleri
  • Tasarım İşlemleri
  • Master Page Kavramı
  • ASP.NET ile CSS Kullanımı ve Style Sheet Dosyaları
  • Tema Tanımlama
  • Skin Tanımlama
  • JavaScript ve JQuery
  • JavaScript ile Kodlama
  • jQuery ile Kodlama
  • URL Rewrite
  • ASP.NET ile Proje Altyapısı Hazırlama
  • Yazılım Geliştirme Yaşam Döngüsü
  • Yazılım Geliştirme Standartları
  • Katmanlı Mimari
  • Kod Yazma Standartları
  • Değişken, Sınıf ve Metod Tanımlama Yöntemleri
  • Proje Tanımlama Yöntemleri
  • Web Projesini Yapılandırma ve İnternet Üzerinde Yayınlama
  • Proje Yapılandırması
  • Temel Kavramlar
  • ASP.NET Web Projesinin Yayınlanma Yöntemleri
  • ASP.NET 4.5 Yenilikleri
  • ASP.NET MVC 4
  • … ve Daha Fazlası

Kitap iç sayfalar için tıklayınız..

BilgeAdam Şubat Yazılım Seminerleri

BilgeAdam Şubat Yazılım Seminerleri

23-24-26-28 Şubat 2013 tarihlerinde BilgeAdam ‘da gerçekleştirilecek olan şubat seminerleri süper bir içerik ile geldi ve geliyor. Bu seminerlere katılmanızı şiddetle tavsiye ederim. Konu başlıkları gerçekten ilgili çekici, ayrıca BilgeAdam farkıyla olacağını düşünürsek sakın kaçırmayın diyebilirim.

BilgeAdam’dan bu tarz seminerleri daha sık gerçekleştirmesini ve microsoft etkinliklerinde de oturum sahibi olmasını bekliyoruz.

Etkinliğin içeriğine bakarsak;

  • HTML 5 : Gaffar Salkım
  • Windows Azure ve Bulut Bilişim : Murat Akay
  • Youtube Web API : Ayhan Güney
  • JQuery ile Efekt ve Animasyon : Koray Özdemir

Seminerler Kadıköy-BilgeAdam şubesinde Lab-M ‘de gerçekleştirilmektedir.

RadioButtonList Sample With JQuery

HTML, Javascript Code
<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <meta charset="utf-8" />
    <title>Radio List Sample</title>
    <style>
        #frame-list
        {
            padding: 5px;
        }
        .frame
        {
            border: 1px solid silver;
            padding: 8px;
            margin-bottom: 3px;
        }
        .inner-frame
        {
            border: 1px solid lightgray;
            padding: 8px;
        }
        .result
        {
            width: 100%;
            height: 25px;
            text-align: right;
        }
        #result
        {
            width: 250px;
            margin-right: 10px;
        }
    </style>
    <script>
        $(document).ready(
  function () {

      var radio_inputs = $(".inner-frame input:radio");
      var result = $("#result");

      $(".inner-frame input").click(function () {
          result.text($(radio_inputs).index($(this)) + 1);
      });

      $(".inner-frame").each(function () {
          var radio = $(this).find("input:radio");

          $(this).click(function () {
              radio.attr("checked", "checked");
              result.text($(radio_inputs).index(radio) + 1);
          });
      });

      $(".inner-frame").hover(
      function () {

          $(this).css({
              "background-color": "silver",
              "border-color": "gray"
          });

          var sp = $(this).find("span");

          sp.animate({
              "margin-left": "20px"
          }, 300,
          function () {
              sp.css("color", "white");
          });

      },
      function () {

          $(this).css({
              "border-color": "silver"
          });

          var sp = $(this).find("span");

          sp.animate({
              "margin-left": "0px"
          }, 300,
          function () {
              sp.css("color", "black");
              sp.parent().css("background-color", "white");
          });

      }
    );

  });
</script>
</head>
<body>
    <div class="result">
        <span id="result">Kay?t bulunamad?.</span>
    </div>
    <div id="frame-list">
        <div class="frame">
            <div class="inner-frame">
                <input type="radio" name="item" />
                <span>Merhaba 1</span>
            </div>
        </div>
        <div class="frame">
            <div class="inner-frame">
                <input type="radio" name="item" />
                <span>Merhaba 2</span>
            </div>
        </div>
        <div class="frame">
            <div class="inner-frame">
                <input type="radio" name="item" />
                <span>Merhaba 3</span>
            </div>
        </div>
        <div class="frame">
            <div class="inner-frame">
                <input type="radio" name="item" />
                <span>Merhaba 4</span>
            </div>
        </div>
    </div>
</body>
</html>