[Blog] Web Geliştiricilerin Visual Studio 2013 Yenilikleri Hakkında Bilmesi Gerekenler


Merhaba Arkadaşlar,

Dün Visual Studio 2013 release oldu ve indirilmeye hazır. İşte Visual Studio 2013 için öne çıkan bazı notlar:

  • ASP.NET MVC 5, Razor 3, ASP.NET Web API 2, Entity Framework 6 ve SignalR 2.0 i içeren ASP.NET’in yeni versiyonu
  • Yeni ASP.NET, tek ASP.NET olmasına odaklanıldı yani temel özellikler ve web araçları tüm ASP.NET template leri arasında kullanılabilir. Örneğin ASP.NET MVC Controller’i, Web Forms Application a eklenebilecek
  • Yeni template lerin temeli Visual Studio 2013 Preview’da olduğu ve beklenildiği gibi Bootstrap oldu
  • Yeni Scaffolding sistemi getirildi
  • Yeni identity sistemi getirildi ki bu konu ile ilgili yazmak istediğim oldukça fazla yazı var

Yükleme Sırasında

vs2013_Ultimate

Eğer sadece Web Geliştirecekseniz, yukarıdaki gibi hızlı yükleme için “Microsoft Web Developer Tools” seçebilirsiniz. Diğer geliştirme araçlarınıda kullanacaksanız seçmeniz yeterlidir. Ek olarak eğer “Windows Phone 8.0 SDK” yükleyecekseniz, Windows 8.1 yüklemek zorundasınız.

Yükleme sırasında dikkat edeceksiniz, eğer hızlı bir internetiniz varsa yüklemenizde oldukça hızlı olacaktır.

İndirme yaparken tüm yüklemeleri içeren ISO halini indirmek yerine, sadece web installer indirirseniz, yukarıda bulunan ekranda olduğu yüklemek istediğiniz ne ise onu seçebilirsiniz.

Yükleme Yaptıktan Sonra

Aşağıdaki gibi bir ekran karşınıza çıkacaktır. Bu ekranı “Sign in” altındaki “Not now, maybe later” diyebilirsiniz. Fakat “Sign in” derseniz eğer birden fazla makinede oturum açarak yapmış olduğunuz ayarları diğer cihazlarınızda da otomatik olarak senkronizasyonunu yapabilirsiniz.

visual_studio_2013_sign_in

Aşağıdaki gibi Microsoft hesabını kullanarak oturum açabilirsiniz:

visualstudio2013_Signin_microsoft_account

Bir Tane ASP.NET

Geçen seneden beri aslında tek bir ASP.NET olacağı ve olması gerektiği sürekli konuşuluyordu. Build 2013 ile birlikte Visual Studio 2013 Preview içerisinde artık bu kavramın olacağını gördük.

Ortak sorun aslında şuydu: ASP.NET Web Forms ile proje oluşturduğumda ASP.NET MVC Controller’i neden ekleyemiyorum? Neden içerisinde Web API da kullanamıyorum? Sonuçta hepsi ASP.NET değil mi?

Aşağıdaki yeşil alanlardaki teknolojileri kendi aralarında kullanabilirsiniz.

one_asp_net

ASP.NET Projesi Oluşturma

Ben oluştururken .NET Framework 4.5.1 seçtim fakat siz .NET Framework 4.5 seçseniz bile aynı seçenek olacaktır.

asp_net_web_application_visual_Studio_2013_yeni_proje

ASP.NET projesi oluşturmak istediğinizde aşağıdaki ekran karşınıza çıkacaktır:

asp_net_web_application_visual_Studio_2013_yeni_proje_empty_template

Burada farkettiğiniz üzere, “Empty” seçtiğinizde ekranın aşağısında “Add folders and core references for:” altında bulunan tüm checkbox ları seçenebilirsiniz. Yani bu demek oluyor ki siz “Web Forms“, “MVC” ve “Web API” yi aynı anda seçebilirsiniz.

asp_net_web_application_visual_Studio_2013_yeni_proje_empty_template_webforms_mvc_web_api

Select a template” den “Web Forms” dediğimizde ekranın sağ tarafında bulunan “Change Authentication” ile gelen yenilikler ise işlerimizi biraz daha kolaylaştırdı.

asp_net_web_application_visual_Studio_2013_yeni_proje_empty_template_change_identity

asp_net_web_application_visual_Studio_2013_yeni_proje_change_authentication

asp_net_web_application_visual_Studio_2013_yeni_proje_change_authentication_organizational_Accounts

Authenction ile ilgili daha fazla bilgiyi aşağıdaki kaynaklarda belirttiğim linkte bulabilirsiniz.

Bootstrap 3.0 tabanlı yeni proje template leri

Bootstrap 3.0 ile daha responsibe tasarımlar, otomatik olarak kullanılan cihazın genişliğine göre boyutlanan, görsel olarak zengin ve güçlü front-end tasarımları kolayca ve hızlıca geliştirebilirsiniz.

aspnet_bootstrap_3_0

aspnet_bootstrap_3_0_mobile

Eğer daha görsel Bootstrap temaları indirmek istiyorsanız, bu linkten indirebilirsiniz.

aspnet_bootstrap_3_0_tema_degistirme

Bu linkten temayı indirdiğinizde bootstrap.css dosyasını content/bootstrap.css ile değiştirseniz bu işlem tamamdır.

aspnet_bootstrap_3_0_change_css

Scaffolding

Scaffolding de aşağıdaki gibi tasarım açısından bir değişme oldu ve en önemli değişimde, Empty Web Project veya Web Forms oluşturduğunuzda scaffolding ekranı ile karşılaşıp istediğinizi ekleyebilirsiniz.

aspnet_add_scaffold

ASP.NET MVC 5

ASP.NET MVC içerisinde artık daha önceden de kullandığımız Attribute ile routing işlemi kullanılıyor. http://attributerouting.net sitesinde detayları öğrenip github üzerinden fork yapabilirsiniz.

aspnet_mvc_5_ornek_homecontroller

Bunu kullanmak için RouteConfig.cs içerisinde de aşağıdaki gibi bir satır eklememiz gerekiyor:

aspnet_mvc_5_ornek_homecontroller_routeconfig

Sonuç olarak aşağıdaki gibi sonucu görebiliyoruz:

aspnet_mvc_5_ornek_homecontroller_routeconfig_route

Visual Studio Web Tools

Microsoft teknolojilerini seven ve kullanan birisi olarak değil, bir uygulama geliştirici ve kod yazmayı seven birisi olarak söyleyebilirim ki Visual Studio benim açık ara HTML, CSS, JavaScript, jQuery yazmak için kullandığım editördür ve çevremdeki hemen herkese de kullanmasını tavsiye ediyorum. Boşuna dreamviwer, notepad++ etc uğraşmanıza gerek yok.

Ayrıca Jon Galloway‘ın blogundaki bir yazıyıda sizinle paylaşmak istiyorum:

“Stop thinking of Visual Studio as a big editor that you only use to write back-end code. Stop editing HTML and CSS in Notepad (or Sublime, Notepad++, etc.). Visual Studio starts up in under 2 seconds on a modern computer with an SSD. Misspelling HTML attributes or your CSS classes or jQuery or Angular syntax is stupid. It doesn’t make you a better developer, it makes you a silly person who wastes time.”

Türkçe çevirisi olarak: “Visual Studio’yu sadece back-end(C#,VB.NET gibi) kod yazacağınız büyük bir editor olarak düşünmeyi bırakın. HTML ve CSS i Notepad’de veya türevlerinde düzenlemeyi bırakın. SSD ye sahip yeni nesil bir bilgisayarda Visual Studio 2 saniyenin altında açılıyor. HTML attribute’lerini, CSS class larını, jQuery veya Angular söz dizilimlerini hatalı yazmak aptalca. Bu sizi daha iyi bir developer yapmıyor. Bu sizi zamanını boşa harcayan budala bir insan yapar.”

Browser Link

Browser Link özelliği benim Visual Studio içerisinde gelen yenilikler arasında en çok beğendiklerimden birisi. Gerçek zamanlı olarak, SignalR alt yapısını kullanarak Visual Studio ile tüm projenin açık olduğu tarayıcılar arasında iki yönlü bir iletişimi sağlayarak, bunları kontrol etmenizi sağlıyor.

Bu konuyu Scott Hanselman şu videosunda detaylı şekilde anlatıyor: http://www.asp.net/visual-studio/overview/2013/visual-studio-2013-web-editor-features-browser-link

Yeni HTML Editor

Burada da anlatmaktan çok görmenizin daha faydalı olacağına inandığım için Web Essential’ın yaratıcısı ve tüm kullandığımız HTML, CSS, JS, JQuery ve diğer tüm client-side kütüphanelerin editorunu geliştiren kişi Mads Kristensen’dan bir video devam etmenizi öneriyorum:

http://media.ch9.ms/ch9/6108/d877339d-1c25-4e36-b1ba-a8dbc6086108/vs2013htmleditor.wmv (doğrudan download edebilir korkmayın virus değil)

Projenin Readme Sayfası

Projenizi oluşturduğunuzda doğrudan karşınıza project_readme.html adında bir sayfa ile karşılaşacaksınız.

project_Readme_Sayfasi

Umarım faydalı bir yazı olmuştur. Bu yazıyı yazarken aşağıda bulunan kaynakça bölümlerden ilk defa kısmı çeviri yaparak ve kendimde de bir şeyler ekleyerek devam ettim. What’s new in Visual Studio 2013 diye arattığınızda zaten karşınıza inanılmaz kaynak çıkacaktır.

Sorularınız olursa bana her zaman sorabilirsiniz.

Ayrıca bir kaç videoya aşağıdaki linkten ulaşarak izleyebilirsiniz:

http://www.asp.net/visual-studio

Kaynaklar

, , , , , , , , , , , , , , , , , ,

  1. #1 by Metin Akbaş on October 19, 2013 - 11:49 am

    Güzel bir yazı olmuş. VS 2013’te oldukça yenilik yapılmış. Bilgiler için teşekkürler.

    • #2 by Mahmut Can Sozeri on October 19, 2013 - 2:28 pm

      Teşekkürler. Burada sadece web geliştiricileri için yapılan yenilikler yer aldı daha başka bir çok yenilik bulunmaktadır.

  2. #3 by Ercan Ayan on October 19, 2013 - 12:58 pm

    Oldukça başarılı bir tanıtım olmuş. Teşekkürler…

  3. #5 by Bny on April 17, 2014 - 12:09 pm

    Mv5 deki tek türkçe açıklamalı anlatımlı blog yazısı. Teşekkürler.

  4. #6 by edemir on June 7, 2014 - 1:05 am

    Çok teşekkür ederim güzel bir anlatım olmuş. asp.net ile mvc nin sonunda birleşmesi harika olmuş. Artık web formdan vazgeçmeden mvcde de birşeyler yapabilcez.

  5. #7 by pcmusti on August 17, 2014 - 11:53 am

    Reblogged this on Mustafa Alkan Kişisel Blog Sitesi and commented:
    Web Geliştiricilerin Visual Studio 2013 Yenilikleri Hakkında Bilmesi Gerekenler

  6. #8 by Ahmet on March 3, 2015 - 12:10 am

    Hocam gerçekten çok değerli yazılarınız ve paylaşımlarınız var. Teşekkürler.

  7. #10 by istanbul web tasarım on December 26, 2015 - 7:38 pm

    Paylaşımınız için teşekkürler

  8. #11 by php yazılımcı on May 16, 2016 - 10:08 am

    Konu aktarımınız mükemmel teşekkürlerimi sunarım

  1. [Blog Post(Turkish)] ASP.NET MVC İle İlgili Tüm Yazılarım (32 Yazı, 1 Yazı Dizisi ve 1 İpucu Serisi) [Güncellendi] | Mahmut Can Sozeri

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s