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.

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

 

 

// Animasyonlu ve js siz şık checkboxes

view raw
-NoJS MVC Animated Checkbox
hosted with ❤ by GitHub

	@* En basit hali ile kullanımı *@
	@model SampleObj
	<div class="form-group">
	@Html.LabelFor(model => model.IsActive, htmlAttributes: new { @class="control-label col-md-2" })
	<div class="col-md-10">
	<div class="checkbox">
	<label>
	@Html.CheckboxFor(model => model.IsActive)
	<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
	</label>
	</div>
	</div>
	</div>

view raw
01. Index.cshtml (Basic Usage)
hosted with ❤ by GitHub

	<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
	<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
	<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
	<!–—- Include the above in your HEAD tag ——––>
	<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
	<div class="container">
	<h1>CheckboxRadio (no JS)</h1>
	<hr/>
	<p>This snippet allows you create nice animated checkboxes and radios without JavaScript. <br/>Just put <code><span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span></code> right after your checkbox or radio.</p>
	<p>Other markup was copied from <a href="http://getbootstrap.com/css/#forms" target="_blank">Bootstrap example</a>.</p>
	<h2>Checkboxes</h2>
	<hr/>
	<h3>Default example</h3>
	<div class="col-sm-12">
	<div class="checkbox">
	<label>
	<input type="checkbox" value="">
	<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
	Option one is this and that — be sure to include why it's great
	</label>
	</div>
	<div class="checkbox">
	<label>
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
	Option two is checked by default
	</label>
	</div>
	<div class="checkbox disabled">
	<label>
	<input type="checkbox" value="" disabled>
	<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
	Option three is disabled
	</label>
	</div>
	</div>
	<h3>Default example (other icon)</h3>
	<div class="col-sm-12">
	<div class="checkbox">
	<label>
	<input type="checkbox" value="">
	<span class="cr"><i class="cr-icon glyphicon glyphicon-arrow-right"></i></span>
	Option one is this and that — be sure to include why it's great
	</label>
	</div>
	<div class="checkbox">
	<label>
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon glyphicon glyphicon-arrow-right"></i></span>
	Option two is checked by default
	</label>
	</div>
	<div class="checkbox disabled">
	<label>
	<input type="checkbox" value="" disabled>
	<span class="cr"><i class="cr-icon glyphicon glyphicon-arrow-right"></i></span>
	Option three is disabled
	</label>
	</div>
	</div>
	<h3>Font awesome example</h3>
	<div class="col-sm-12">
	<div class="checkbox">
	<label>
	<input type="checkbox" value="">
	<span class="cr"><i class="cr-icon fa fa-check"></i></span>
	Option one is this and that — be sure to include why it's great
	</label>
	</div>
	<div class="checkbox">
	<label>
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon fa fa-check"></i></span>
	Option two is checked by default
	</label>
	</div>
	<div class="checkbox disabled">
	<label>
	<input type="checkbox" value="" disabled>
	<span class="cr"><i class="cr-icon fa fa-check"></i></span>
	Option three is disabled
	</label>
	</div>
	</div>
	<h3>Font awesome example (other icon)<br/><small>Works best with square icons =)</small></h3>
	<div class="col-sm-12">
	<div class="checkbox">
	<label>
	<input type="checkbox" value="">
	<span class="cr"><i class="cr-icon fa fa-rocket"></i></span>
	Option one is this and that — be sure to include why it's great
	</label>
	</div>
	<div class="checkbox">
	<label>
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon fa fa-rocket"></i></span>
	Option two is checked by default
	</label>
	</div>
	<div class="checkbox disabled">
	<label>
	<input type="checkbox" value="" disabled>
	<span class="cr"><i class="cr-icon fa fa-rocket"></i></span>
	Option three is disabled
	</label>
	</div>
	</div>
	<h3>Any size you want depending on label font-size</h3>
	<div class="col-sm-12">
	<div class="checkbox">
	<label style="font-size: 2.5em">
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon fa fa-check"></i></span>
	Huge
	</label>
	</div>
	<div class="checkbox">
	<label style="font-size: 2em">
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon fa fa-check"></i></span>
	Big
	</label>
	</div>
	<div class="checkbox">
	<label style="font-size: 1.5em">
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon fa fa-check"></i></span>
	Bigger
	</label>
	</div>
	<div class="checkbox">
	<label style="font-size: 1em">
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon fa fa-check"></i></span>
	Default
	</label>
	</div>
	<div class="checkbox">
	<label style="font-size: .8em">
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon fa fa-check"></i></span>
	Smaller
	</label>
	</div>
	<div class="checkbox">
	<label style="font-size: .5em">
	<input type="checkbox" value="" checked>
	<span class="cr"><i class="cr-icon fa fa-check"></i></span>
	Small
	</label>
	</div>
	</div>
	<h2>Radio</h2>
	<hr/>
	<h3>Default example</h3>
	<div class="col-sm-12">
	<div class="radio">
	<label>
	<input type="radio" name="o1" value="">
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon glyphicon glyphicon-ok-sign"></i></span>
	Option one is this and that — be sure to include why it's great
	</label>
	</div>
	<div class="radio">
	<label>
	<input type="radio" name="o1" value="" checked>
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon glyphicon glyphicon-ok-sign"></i></span>
	Option two is checked by default
	</label>
	</div>
	<div class="radio disabled">
	<label>
	<input type="radio" name="o1" value="" disabled>
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon glyphicon glyphicon-ok-sign"></i></span>
	Option three is disabled
	</label>
	</div>
	</div>
	<h3>Default example (other icon)</h3>
	<div class="col-sm-12">
	<div class="radio">
	<label>
	<input type="radio" name="o2" value="">
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon glyphicon glyphicon-arrow-right"></i></span>
	Option one is this and that — be sure to include why it's great
	</label>
	</div>
	<div class="radio">
	<label>
	<input type="radio" name="o2" value="" checked>
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon glyphicon glyphicon-arrow-right"></i></span>
	Option two is checked by default
	</label>
	</div>
	<div class="radio disabled">
	<label>
	<input type="radio" name="o2" value="" disabled>
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon glyphicon glyphicon-arrow-right"></i></span>
	Option three is disabled
	</label>
	</div>
	</div>
	<h3>Font awesome example</h3>
	<div class="col-sm-12">
	<div class="radio">
	<label>
	<input type="radio" name="o3" value="">
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-circle"></i></span>
	Option one is this and that — be sure to include why it's great
	</label>
	</div>
	<div class="radio">
	<label>
	<input type="radio" name="o3" value="" checked>
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-circle"></i></span>
	Option two is checked by default
	</label>
	</div>
	<div class="radio disabled">
	<label>
	<input type="radio" name="o3" value="" disabled>
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-circle"></i></span>
	Option three is disabled
	</label>
	</div>
	</div>
	<h3>Font awesome example (other icon)<br/><small>Works best with square icons =)</small></h3>
	<div class="col-sm-12">
	<div class="radio">
	<label>
	<input type="radio" name="o4" value="">
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-star"></i></span>
	Option one is this and that — be sure to include why it's great
	</label>
	</div>
	<div class="radio">
	<label>
	<input type="radio" name="o4" value="" checked>
	<span class="cr"><i class="cr-icon fa fa-star"></i></span>
	Option two is checked by default
	</label>
	</div>
	<div class="radio disabled">
	<label>
	<input type="radio" name="o4" value="" disabled>
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-star"></i></span>
	Option three is disabled
	</label>
	</div>
	</div>
	<h3>Any size you want depending on label font-size</h3>
	<div class="col-sm-12">
	<div class="radio">
	<label style="font-size: 2.5em">
	<input type="radio" name="o5" value="" checked>
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-circle"></i></span>
	Huge
	</label>
	</div>
	<div class="radio">
	<label style="font-size: 2em">
	<input type="radio" name="o5" value="">
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-circle"></i></span>
	Big
	</label>
	</div>
	<div class="radio">
	<label style="font-size: 1.5em">
	<input type="radio" name="o5" value="">
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-circle"></i></span>
	Bigger
	</label>
	</div>
	<div class="radio">
	<label style="font-size: 1em">
	<input type="radio" name="o5" value="">
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-circle"></i></span>
	Default
	</label>
	</div>
	<div class="radio">
	<label style="font-size: .8em">
	<input type="radio" name="o5" value="">
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-circle"></i></span>
	Smaller
	</label>
	</div>
	<div class="radio">
	<label style="font-size: .5em">
	<input type="radio" name="o5" value="">
	<input type="hidden" value="">
	<span class="cr"><i class="cr-icon fa fa-circle"></i></span>
	Small
	</label>
	</div>
	</div>
	</div>

view raw
02. Index.cshtml
hosted with ❤ by GitHub

	.checkbox label, .radio label {
	padding-left: 0;
	}
	.checkbox label:after,
	.radio label:after {
	content: '';
	display: table;
	clear: both;
	}
	.checkbox .cr,
	.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	margin-right: .5em;
	}
	.radio .cr {
	border-radius: 50%;
	}
	.checkbox .cr .cr-icon,
	.radio .cr .cr-icon {
	position: absolute;
	font-size: .8em;
	line-height: 0;
	top: 50%;
	left: 15%;
	}
	.radio .cr .cr-icon {
	margin-left: 0.04em;
	}
	.checkbox label input[type="checkbox"],
	.radio label input[type="radio"] {
	display: none;
	}
	.checkbox label input[type="checkbox"] + input[type="hidden"] + .cr > .cr-icon,
	.radio label input[type="radio"] + input[type="hidden"] + .cr > .cr-icon {
	transform: scale(3) rotateZ(-20deg);
	opacity: 0;
	transition: all .3s ease-in;
	}
	.checkbox label input[type="checkbox"]:checked + input[type="hidden"] + .cr > .cr-icon,
	.radio label input[type="radio"]:checked + input[type="hidden"] + .cr > .cr-icon {
	transform: scale(1) rotateZ(0deg);
	opacity: 1;
	}
	.checkbox label input[type="checkbox"]:disabled + input[type="hidden"] + .cr,
	.radio label input[type="radio"]:disabled + input[type="hidden"] + .cr {
	opacity: .5;
	}

view raw
03. style.css
hosted with ❤ by GitHub

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

 

40 Saatte ASP.NET MVC Framework Öğreniyor ve Projesini Geliştiriyoruz

“40 Saatte ASP.NET MVC Framework Öğreniyor ve Projesini Geliştiriyoruz” eğitim yayında.

Sizde ASP. NET MVC Framework öğrenmek ve SOLID prensiplerine uygun bir alt yapıya sahip olmak istiyorsanız,  bu eğitimi kaçırmamanızı öneriyorum.

Eğitim içeriği bir çok teknoloji,  tekniği görebileceğiniz ve güçlü bir altyapıya sahip olabileceğini şekilde düşünülmüş.
Eğitim de yok yok!

Kayıt ve tüm detaylara buradaki link’ten ulaşabilirsiniz.

 

TBD – iPhone ve iPad için Uygulama Geliştirme

15 Mart 2014 Cumartesi  10:00-13:00

Eğitimin İçeriği

1. iOS işletim sistemi
2. Genel Bakış
3. Kullanılan cihazlar
4. Uygulama geliştirme için gerekli olan bileşenler
5. MVC (Model – View – Controller) konsepti nedir?
6. Objective-C programlama diline giriş
7. XCode üzerinde çeşitli UI bileşenleri kullanarak uygulama geliştirmek

Eğitmen

Nevzat Raytop

Katılım

Program sonunda katılım sertifikası sunulmaktadır.

Üye Katılım Bedeli 70 TL,  Üye dışında Katılım Bedeli 100 TL

www.tbd.org.tr

Profesyonel Yazılım Mimarisi Oluşturma Eğitimi

Eksiklerinizi tamamlama vakti!

Engin Demiroğ’un sunumuyla tüm yönleriyle kurumsal yazılım mimarisi oluşturulacak olan dolu dolu bir içeriğe sahip bir eğitim. 4 tam gün (toplam 24 saat) boyunca yazılım projelerine bakış açınızı değiştirecek veya yeni bakış açıları kazandıracak bir içerik sunuyor.

• Kurumsal yazılım modeli oluşturmak
• Asp.NET(MVC veya Web Forms), Windows Forms, WPF, Silverlight, Android, Java gibi arayüz uygulamalarının tümü için bir backend oluşturmak.
• SOA güdümlü, Client – Server mimarisini baz alan (Detaylı WCF çalışmasıyla beraber)
• Nesne yönelimli model tasarımı
• Tasarım Desenleri destekli(GOF, OOP Principles(% 100 Solid))
• Çok Katmanlı (DAL,BLL, Business Objects,Service Layer, Cross Cutting Concerns)
• Kurumsal framework çalışmaları için CORE katmanı oluşturmak
• Aspect Oriented Programming Temelli(Loglama,Cache,Security,Validation, Exception Handling için tasarım geliştirmek)
• Test güdümlü bir model oluşturmak

Sonuç olarak ortaya tamamen çalışır bir altyapı çıkarmak.

Yaklaşık 12 kişilik bir katılımcı kabul edilecek olan bu eğitime katılmak istiyorsanız, sınıf müsaitliği için engindemirog@gmail.com adresine katılmak isteğinizi adınızla beraber belirtmeniz gerekiyor.

 

Eğitim Yeri: İstanbul(Avrupa Yakası)
Eğitim Tarihi: 4-5-11-12 Ocak 2014
Eğitim Ücreti : 950 TL

 

Kaynak : http://app.mailerlite.com/m6i4f3/143327110/a5d2/1457449794