Etiket: Javascript

  • HTML, CSS ve Javascript ile Matrix Wall Yapımı

    HTML, CSS ve Javascript ile Matrix Wall Yapımı

     Yukarıda videosunu izleyebileceğiniz bu örneğin kodlarına da buradan erişebilirsiniz. Bu örnekte meşhur Matrix filminde kullanılan akan yeşil yazıları simüle etmeye çalışacağız. DOM olarak HTML tarafında bir element yazmadan tüm elementler javascript ile yönetilecek. Javascript tarafında kolon ve satır sayılarını hesapladık ve iç içe iki döngü ile elementlerimizi yerleştirmeye başladık. Burada kolon genişliğini 30px vererek…

  • Popüler Bir Javascript İşe Alım Sorusu

    Medium’da denk geldiğim bir yazıyı buraya aktaracağım bu sefer. Yazıda verilen bir kod parçasının Amazon ve Google gibi büyük firmaların işe alım süreçlerinde sorulduğu söyleniyor. Hemen koda bakalım; var arr = [10, 12, 15, 21]; for (var i = 0; i < arr.length; i++) { setTimeout(function() { console.log('Index: ' + i + ', element: '…

  • Javascript’te Promise Kullanımı

    Promise tanımı ES6 ile Javascript dünyasına girdi, aslında daha önce bazı kütüphaneler ile kullanılabiliyordu artık bağımsız olarak kullanılabilir oldu. Javascript’in en meşhur özelliklerinden olan asenkron çalışma yapısına çok uygundur. Bir işlemin o an bitmesini beklemeden başarılı ya da başarısız bir sonuç için girilen fonksiyonları sonuca bağlamamızı sağlar. Event‘ler ile de yapabiliyorduk aslında bu tarz bloklama…

  • Angular ile Döviz Çevirme Uygulaması

    Bir döviz çeviri APIsine denk gelince Angular ile basit bir web uygulaması yaparak arayüz eklemek güzel bir pratik olur dedim. API; http://fixer.io/ Uygulama Github adresi; https://github.com/erdoganbavas/Currency-Converter/ Uygulamanın çalışır hali; https://erdoganbavas.github.io/Currency-Converter/ Hızlı bir pratik olması için yapılmış bir uygulama olduğundan pek çok eksiği veya daha kullanışlı olabilecek özellikleri olabilir. Uygulamayı Github adresinden çekerek direk çalıştırabilir ve…

  • JWT (JSON Web Token) Nedir?

    JWT; HTTP gibi güvenli olmayan bağlantılar üzerinden JSON verileri aktarımını güvenli bir şekilde yapabilmemizi sağlayan bir standarttır. (RFC 7519). Örnek kullanım olarak; üyelik bilgileri içeren bir token oluşturarak bunu sunucu ve tarayıcı arasında güvenli bir şekilde transfer edebilir ve üye giriş kontrolü yapabilirsiniz. 3 parçadan oluşur. Header; tip(typ) ve algoritma(alg) verilerini tutan küçük bir JSON…

  • Javascript ES6 Generators ile Fibonacci Serisi Üretme

    Javascript ES6 Generators ile Fibonacci Serisi Üretme

    Fibonacci Serisi Nedir? En basit haliyle bir Fibonacci dizisi sıfır ve bir ile başlar ve daha sonra gelen sayı kendisinden önceki iki sayının toplamından oluşarak sonsuza kadar gidebilir. Bu serinin ilginç özelliği ise; seri büyüdükçe seri sonundaki sayının kendisinden önceki sayıya bölümünün altın orana yani 1.618… sayısına yaklaşmasıdır. 1, 1, 2, 3, 5, 8, 13,…