Azure Üzerinde InSecure(HTTP) Olarak MVC + WEB API Projesi Yayınlama da CORS Sorunu

Aslında bu sorun bizi zararlı girişimler için korumak amaçlı ve kaldırılması değil de istenilen şekilde gerekenlerin yapılması daha doğru olacaktır. Fakat bazen bunları yapmadan “..bu sorunları nasıl çözer ve sistemin çalışmasını sağlarım..” durumları gerekebilir. O sebeple öncelikle bunu belirteyim ki, her zaman bu şekilde bu durumu böyle çözmeyelim.

Sitemize yapılan isteklerin HTTPS olarak güvenli bir şekilde olması yani sitemizde SSL kullanmak ve CORS ayarlarını tüm domain’lere açmamak(herkes kullanmayacaksa) tercih sebebi olacaktır. Şimdiki yöntem kolayca iş görür hale getirmek ama güvenli olmayacak şekilde diyebiliriz.

Öncelikle bir MVC projesi geliştirdiniz ve içerisinde WEB API de bulunuyor diyelim. Dolayısı ile siteniz çalışıyor ama bazı sayfalarda WEB API istekleri ile sayfa çalışıyor. Sitenizi de Azure üzerinde yayınladınız. Fakat ilgili WEB API istekleri yapan sayfayı açıyorsunuz ama çalışmıyor.

Reklamlar

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

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.

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..

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.

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 ve HTML çıktısını da onun istediği şekilde olmasını sağlarsanız, çok zevkli çalıştığını görebilirsiniz. Görsel’den sonra örnek olarak tüm kodları bulabilirsiniz.

https://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs

 

 

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..

 

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

 

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

 

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.

 

Udemy İndirim Kuponu

Ramazan bayramı sebebi ile, Udemy’nin izin verdiği en düşük indirim tutarı olan 22$ dan 10 adet “ASP.NET MVC Yazılımcıların Yükselişi” eğitimim için indirim kuponu yayınlıyorum. Buradan kayıt olabilirsiniz. Kuponların son kullanım tarihi 17.07.2016 23.59.00 da sona erecektir. 
Neden bedava değil?

Eğitimi bir ücret ödeyerek  alan kişilere haksızlık olacağı için doğru bulmuyorum. Ayrıca az da olsa(%50 si udemy e gidiyor)  destek olmak hoş bir şey değil mi!? Siz de kendinizi böyle emek ve zaman harcadığınız bir çaba içinde düşünürseniz(empati yaparsanız) anlayacağınızı düşünüyorum. Zaten udemy de sürekli indirim yapıyor. Amaç destek olmak, udemy ekosistemini gelir kapısı olarak zaten görmüyorum!  

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

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