Kategori: MVC

AngularJs / AngularJS2 / Genel / HTML5 / Javascript / MVC / Web

4 Temmuz 2016

AngularJS 2 Nedir? Bölüm 5

Selamlar, Bugün Angular2’de nasıl server’a bağlanılır ve bir servisden nasıl data çekilir hep beraber inceleyeceğiz. Http işlemlerinin yapılabilmesi için Index.html sayfasına aşağıdaki modullerin eklenmesi gerekmektedir: <script src=”node_modules/angular2/bundles/http.dev.js”></script>

<html>

<head>
  <title>AngularJs 2 Öğren</title>

  <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
  <link rel="stylesheet" href="app/style.css">

  <!-- 1. Load libraries -->
  <!-- IE required polyfills, in this exact order -->
  <script src="node_modules/es6-shim/es6-shim.min.js"></script>
  <script src="node_modules/systemjs/dist/system-polyfills.js"></script>

  <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
  <script src="node_modules/systemjs/dist/system.src.js"></script>
  <script src="node_modules/rxjs/bundles/Rx.js"></script>
  <script src="node_modules/angular2/bundles/angular2.dev.js"></script>
  <script src="node_modules/angular2/bundles/http.dev.js"></script>
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1"
    crossorigin="anonymous">
  <!-- 2. Configure SystemJS -->
  <script>
      System.config({
        packages: {        
          app: {
            format: 'register',
            defaultExtension: 'js'
          }
        }
      });
      System.import('app/boot')
            .then(null, console.error.bind(console));
    </script>

</head>

<!-- 3. Sayfada Görünecek AngularJS2 Component -->

<body>
  <my-app>Yükleniyor...</my-app>
</body>

</html>

<html>

<head>

<title>AngularJs 2 Öğren</title>

crossorigin="anonymous">

System.config({

packages: {

app: {

format: 'register',

defaultExtension: 'js'

}

});

System.import('app/boot')

.then(null, console.error.bind(console));

</script>

</head>

<body>

<my-app>Yükleniyor...</my-app>

</body>

</html>

Örnek Json servisi için http://jsonplaceholder.typicode.com/ adresinden faydalanılacaktır. Amaç ilgili sevisden...

Code First / Jquery / MVC / SignalR / Web

2 Mayıs 2016

SignalR ile Canlı Kullanıcı Sayısını Bulma ve Redis ile Loglama Bölüm 2

Selamlar, Bugün bir önceki makalede bahsettiğimiz console application’ı yazıp, Redis Pub/Sub özelliği ile log bilgisini MsSql bir server’a yazacağız. Ayrıca toplam kullanıcı sayısını ve her bir server’a göre kırılımının gösterildiği bir sayfayı, performansı da...

Genel / HTML5 / Jquery / MVC / SignalR / Web

25 Nisan 2016

SignalR ile Canlı Kullanıcı Sayısını Bulma ve Redis ile Loglama Bölüm 1

Selamlar, Bugün farklı sunuculardaki bir portalın kullanıcı sayılarını, sunucu bazında real time olarak bulup hem bir monitör ekranında göstericeğiz, hem de redis ‘in pub/sub özelliğini kullanıp MsSql bir db’ye logluyacağız. Öncelikle online kullanıcı sayısının alınacağı...

CSS3 / Genel / HTML5 / Jquery / MVC / Web

18 Nisan 2016

Mvc’de Custom Paging, Sorting, Kolon Ekleme ve Excel’e Atma Bölüm2

Selamlar, Bugün Bölüm1‘de WebGrid ile yaptığımız paging ve custom column konularına devam edeceğiz. Bu makalede dinamik custom sorting ve datayi Excel’e atma konularını inceleyeceğiz. Öncelikle WebGrid’deki kolonlara tıklanınca sorting nasıl yapılıyor onu inceleyelim. Aşağıda görüldüğü gibi ‘body‘ altından WebGrid’deki kolonlara...

Code First / CSS3 / HTML5 / Jquery / MVC / Web

11 Nisan 2016

Mvc’de Custom Paging, Sorting, Kolon Ekleme ve Excel’e Atma Bölüm1

Selamlar, Bugün Mvc’de WebGrid kullanarak kendi paging ve sorting’imizi yazıp, Excel’e export edeceğiz. Ayrıca WebGrid’e özel bir kolon nasıl ekleniyor hep beraber inceleyeceğiz. Öncelikle WebGrid’de paging ve sorting varken neden kendimiz yazma ihityaç duyduk onu...

AngularJs / Code First / HTML5 / Jquery / MVC / Web

16 Mart 2016

AngulrJS, BootStrap ve CodeFirst Kullanarak Kapsamlı Bir Formu Kaydetme

Selamlar, Bugün bir başvuru formunu AngularJS, AngularUI ve Bootstrap kullanarak Mvc ortamında kaydediceğiz. Öncelikle kaydedilecek Memeber tablosunun pocosu yani ilgili modeli aşağıdaki gibidir.

  public partial class Members
    {
        [Key]
        public int MemberId { get; set; }

        [StringLength(100)]
        public string Name { get; set; }

        public long? GeoAdressId { get; set; }

        [StringLength(20)]
        public string Phone { get; set; }

        [StringLength(50)]
        public string EMail { get; set; }

        [Column(TypeName = "date")]
        public DateTime? Birthday { get; set; }

        public bool IsMaritalStatus { get; set; }

        public byte EducationLevelId { get; set; }

        public bool IsWorking { get; set; }

        [StringLength(200)]
        public string FirmName { get; set; }

        [StringLength(200)]
        public string Job { get; set; }

        public bool IsStudent { get; set; }

        public int? SchoolId { get; set; }

        [StringLength(100)]
        public string ReferenceName { get; set; }

        [StringLength(20)]
        public string ReferencePhone { get; set; }

        public bool IsBeaware { get; set; }

        public bool IsSingUp { get; set; }

        public bool IsActive { get; set; }
    }

public partial class Members

{

[Key]

public int MemberId { get; set; }

[StringLength(100)]

public string Name { get; set; }

public long? GeoAdressId { get; set; }

[StringLength(20)]

public string Phone { get; set; }

[StringLength(50)]

public string EMail { get; set; }

[Column(TypeName = "date")]

public DateTime? Birthday { get; set; }

public bool IsMaritalStatus { get; set; }

public byte EducationLevelId { get; set; }

public bool IsWorking { get; set; }

[StringLength(200)]

public string FirmName { get; set; }

[StringLength(200)]

public string Job { get; set; }

public bool IsStudent { get; set; }

public int? SchoolId { get; set; }

[StringLength(100)]

public string ReferenceName { get; set; }

[StringLength(20)]

public string ReferencePhone { get; set; }

public bool IsBeaware { get; set; }

public bool IsSingUp { get; set; }

public bool IsActive { get; set; }

}

Nugetten aşağıdaki paketler indirilir. MaskedInput, telefon girişinin belli bir formata...

HTML5 / Jquery / MVC / SignalR / Web

7 Mart 2016

Ankara TOBB Üniversitesi Semineri

05 Mart 2016 tarihinde Ankara’da TOBB Üniversitesinde Visual Studio 2015 Update 1 verisiyonu ile Mvc, Html5 ve Socket teknolojilerini kullanarak farklı bir web uygulaması ve mobil sayfa tasarlıyıp, güzel bir oyun yazdık. Socket kullanılarak, .Net teknolojileri arasında iletişim...

Genel / Jquery / Mobile / MVC / SignalR

27 Şubat 2016

Çanakkale Onsekiz Mart Üniversitesi Şubat 2016 Semineri

26 Şubat 2016 tarihinde Çanakkale Onsekiz Mart Üniversitesinde Visual Studio 2015 Update 1 verisiyonu ile Azure, Signalr, Mvc, Html5, Jquery, Task Asenkron Programla teknolojilerini kullanarak, Web’de yazdığımız küçük bir oyunu, mobilden Html5 kullanılarak hareket ettirilmesini kodlayarak...

MVC / Web

18 Şubat 2016

Mac Os X’de Asp.Net Core 1.0

Selamlar, Bugün OS X işletim sisteminde eski adı ile Asp.Net 5 yeni adı ile Asp.Net Core 1.0 ile bir web uygulaması yazacağız. Öncelikle https://get.asp.net/ adresinden ASP.NET Core 1.0. indirilir. .dmg uzantılı kurulum paketi tıklandığında karşımıza aşağıdaki gibi...

AngularJs / Azure / Console Application / CSS3 / Genel / MVC / SignalR / Web

9 Şubat 2016

Redis ile Azure da Mvc, AngularJs ve SignalR İle PubSub Bölüm2

Selamlar, Bugünkü makalede, bir önceki yazıda bahsedilen Redis ile Azure’da Mvc, AngularJs ve SignalR ile PubSub konularına devam edilmektedir. Bir önceki makalenin sonunda ilgili kategoriye ait itemların girişi yapmıştır. Şimdi de, girilen itemlar güncellenecektir. Aşağıda görüldüğü gibi...

Kategori: MVC

AngularJS 2 Nedir? Bölüm 5

SignalR ile Canlı Kullanıcı Sayısını Bulma ve Redis ile Loglama Bölüm 2

SignalR ile Canlı Kullanıcı Sayısını Bulma ve Redis ile Loglama Bölüm 1

Mvc’de Custom Paging, Sorting, Kolon Ekleme ve Excel’e Atma Bölüm2

Mvc’de Custom Paging, Sorting, Kolon Ekleme ve Excel’e Atma Bölüm1

AngulrJS, BootStrap ve CodeFirst Kullanarak Kapsamlı Bir Formu Kaydetme

Ankara TOBB Üniversitesi Semineri

Çanakkale Onsekiz Mart Üniversitesi Şubat 2016 Semineri

Mac Os X’de Asp.Net Core 1.0

Redis ile Azure da Mvc, AngularJs ve SignalR İle PubSub Bölüm2

About

Son Yazılar

Kategoriler

Son Yorumlar

Arşivler

想像する人もいます, 何人かの人々はそうします。

Twitter