Osman KURT

Kendime Not

React.js Nedir?

Reactjs son zamanlarda özellikle son bir yıldır yaygın olarak kullanılmaya başlanan bir javascript framework. İçeriğin zaman içinde değiştiği interaktif uygulamalar için oldukça etkili bir yönetilebilirlik sunan bu teknoloji, zamanla çok daha yaygın hale gelecektir.

Halihazırda dünya genelinde kullanım oranına bakılırsa java script framework listesinde Angular Js sonrasında ikinci sırada yer alıyor.

Kısaca bakmak gerekirse zamanında Facebook mühendisleri tarafından geliştirilmiş bir teknoloji. Yüzlerce geliştiricinin aynı zaman zarfında proje üzerinde çalışmasına kolay şekilde olanak veren, etkili bir DOM yönetimi sağlayan bir proje.



Facebook mühendisleri kardeşlerimiz sırf kendi işleri kolaylaşsın diye böyle bir geliştirmeye gitmişken, sonrasında yapılan instagram satın alımı ve instagram mühendislerinin biz de kullanmak istiyoruz demesi üzerine, mucitlerinin ve yöneticilerinin yahu biz neden bunu open source olarak insanların kullanıma açmıyoruz demesi üzerine biz developer kulların kullanımına açılmıştır.

Birkaç örnek inceledikten sonra eminim ki kullanım alanlarını farkedecek ve projelerinizde deli gibi kullanmak isteyeceğiniz bir framework. Ayrıca maliyet hesabı yapan bütün herkesi mutlu edecek bir yapıya sahip.

Kurulum ve dosyalar için;

https://facebook.github.io/react/

Osman KURT
Yazılım Uzmanı

AngularJs ile Listeleme Yapmak

Merhaba arkadaşlar,

İlk olarak bir adet MVC projesi oluşturuyoruz ve projemize nuget paket olarak AngularJs kuruyoruz.

install-package angularjs

install-package angularjs.Route

Gerekli kurulumları yaptıktan sonra alt kısımda bulunan kod parçalarını ilgili yerlere ekleyerek listemizi görebilirsiniz.

Index.cshtml

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div ng-app="myApp" ng-controller="myController">
        <div ng-repeat="kisi in kisiler">
            <span>{{kisi.AdSoyad}}</span> <span>{{kisi.Yas}}</span>
        </div>
    </div>

    <script src="~/Scripts/angular.min.js"></script>
    <script type="text/javascript">
        (function (angular) {
            function Controller($scope, $http) {
                $http.get("/Home/UserList").then(function (response) {
                    $scope.kisiler = response.data;
                });
            }
     angular.module("myApp", []).controller("myController", ["$scope", "$http", Controller]);
        })(angular);
    </script>       

</body>
</html>
 public class User
    {
        public string AdSoyad { get; set; }
        public int Yas { get; set; }
    }

HomeController.cs

public JsonResult UserList()
    {
        List list = new List();
        list.Add(new Models.User() { AdSoyad = "Osman KURT", Yas = 30 });
        return Json(list, JsonRequestBehavior.AllowGet);
    }

Görüşmek üzere
Osman KURT
Yazılım Uzmanı


İşin Olsun, Mavi Yaka İş İlanları

Kariyer.net ’den mavi yakalılara özel bir uygulama geldi.

İster işveren olun ister mavi yakalı bir aday, artık tek bir uygulama üzerinden istediğiniz eleman ve işe en kolay şekilde ulaşabileceksiniz. Karmaşık ilan detaylarında boğulmadan, uygulama içinde ki harita üzerinden firmanın lokasyon bilgisini görerek hatta evinize en yakın iş fırsatlarını listeleyerek hızlıca irtibata geçebilir ve yeni bir işe sahip olabilirsiniz.