Eki.03

Web Tasarımı ve Web Programlama 2020 8. Baskı Kitabı Güncelleme Notları

Ön sipariş ile %35 indirimli almak için tıklayın…


Web Tasarımı ve Web Programlama kitabımın 2020 versiyonu ve 8. baskısında gerekli gördüğüm bazı konuları kitaba ekleme ihtiyacı hissettim. Okurlarıma söz verdiğim gibi, her zaman için en güncel teknolojileri öğretmem gerekiyor.

Web Tasarımı ve Web Programlama 2020 (8. Baskı)

Kitapta öncelikle geride kalan teknolojileri çıkarmam gerekti. Bunlar;

  • ActionScript 3.0 ile HTML5 Canvas Programlama ve Animasyon

Herkesin bidiği üzere Adobe Flash Player teknolojisi 2020’de tamamen ölüyor, bu nedenle kitapta da eski geliştiricilere yönelik olan geçiş süreci ile ilgili bölümleri tamamen kaldırdım. Hatta kitapta CD içinde bu konuyla ilgili eğitim videoları da vardı, onları da kaldırdım, hatta CD komple yok 🙂

  • Bootstrap 3.0 CSS Framework

Bootstrap’ın 4. sürümü kararlı bir şekilde kullanılmaya başladığı için eski versiyonu kaldırıp, yeni versiyona göre yeniden ekledim.

  • Velocity.js ve Ani.js ile Animasyon

Aslında kaldırmasam da oluyordu ama kitap aşırı derecede kalınlaştığı için bir yerlerden ne eksiltebilirim diye düşünürken bu bölümü gördüm. Zaten kitabı bitirmiş olan okurlar, bu tür framework’leri gözleri kapalı kullanabilir hale gelecekler.

Genel

Eyl.08

Eyl.08

React Hooks, useState() ve useEffect() Kullanımları

HOOKS ile State Yönetimi

React’ta iç içe çok fazla Component kullanıldığında artık bir zaman sonra bunların yönetimi ve projenin daha da ilerlemesi oldukça güç bir hale geliyor. Özellikle de dallanmış olan Component’lerde en uçlardakinin güncellenmesi ile diğer ona bağlı üst Component’lerin de otomatik olarak re-render olması bir süre sonra performans sorunlarına da neden oluyor. Üst Component’lerden alt Component’lere de sürekli olarak props’larla veri aktarmak gerektiğinde artık insan bu React’a neden bulaştım diye iç geçirmeye başlıyor. Çözüm olarak React’ın daha gelişmiş Component sistemi olak Higher Order Component sistemi de kullanılıyordu. HOC’un amacı; sarmaladığı Component’lere ortak özellikler kazandırmak ve ortak olarak yönetilmesini sağlamak. Ama bu da iyi bir çözüm değildi…
React

Ağu.18

IoT-Ignite ile Uçtan Uca IoT Programlama Kitabım Hakkında…

Internet of Things, yani Nesnelerin İnterneti artık her yazılımcının bilmesi gereken bir kavram haline geldi. 2016 yılında başlamış olduğum IoT serüveni ile elde etmiş olduğum sektörel deneyimlerimi yine daha önce de olduğu gibi okurlarıma aktarmak istedim. Yalnız IoT dünyası çok fazla disiplin içerdiği için bu kaynağı hazırlarken çok fazla kişiden yardım aldım, yani kitabı tek başıma hazırlamadım. Mehmet Ali SICAK ve birbirinden değerli ARDIC ekibi.
Genel

Haz.24

AngularJS (1.3 / 1.5) Eğitimi: AngularJS ve Bootstrap ile Template Kullanarak Resonsive SPA Uygulaması Örneği

Bu makalemizde yapacağımız SPA uygulamasında AngularJS’yi zaten zorunlu olarak kullanacağız. Ek olarak VIEW tasarımlarını düzgün tasarım ve responsive bir şekilde hazırlamak için Bootstrap kullanacağız. Ek olarak MODEL olarak da bir JSON dosyasından veri okuyacağız. $routeProvider servisi ile yapacağımız uygulamaların çalışabilmesi için uygulamanın sunucu tarafında host edilmiş olması gerekiyor. Veya lokal sistemde WAMP veya XAMMP programlarla sanal sunucu oluşturulup localhost ile test ediliyor olması gerekir.
AngularJS

Haz.24

AngularJS (1.3 / 1.5) Eğitimi: AngularJS $http Servisi ile Çalışmak

$http servisi; uzak sunuculardan veri okumak için kullanılır. Veriler ya JSON ya da Object türünde gelir. Birkaç uygulama örneği ile $http servisini kullanmayı öğrenelim…

IMDB’de Film Arama ve Detayları Gösterme Uygulaması (GET)

Örneğimizde Bootstrap ile AngularJS’yi bir arada kullanacağız. Basit bir arama çubuğu yapıp, bu arama çubuğu ile IMDB film sitesinden API servisi ile ( omdbapi ) film başlığına göre arama yapıp, film ile ilgili detayları çekip sayfayı yenilemeden AJAX mantığı ile HTML5 sayfamızda göstereceğiz.
AngularJS

Haz.24

AngularJS (1.3 / 1.5) Eğitimi: AngularJS ile Bootstrap Kullanımı

Şüphesiz ki modern bir web sayfası tasarlıyorsanız aynı anda hem Bootstrap hem de AngularJS kullanıyor olacaksınız. Kitap boyunca da asıl hedeflediğim mantık buydu. Bu nedenle basit bir örnekle AngularJS içinde Bootstrap’ı nasıl kullanabileceğinizi örnek üzerinde görelim. Örneğimizde Bootstrap ile bir tablo oluşturup, içinde veri yazdıralım… Somut olarak bir video listesi yapıp, videonun resmini, açıklamasını, kaç adet izlendiğini ve izleme sayfasına gitmek için linkini oluşturup bağlantısını tanımlayacağız.
AngularJS

Haz.24

Haz.24

AngularJS (1.3 / 1.5) Eğitimi: Filters (Filtreler)

Filtreler, AngularJS’de verileri formatlamaya, dönüştürmeye, sıralamaya ve bunun gibi bir takım işleri yapmaya yarayan hazır metotlardır. Bu konuyu örnekler üzerinden inceleyelim. Aşağıdaki gibi basit bir HTML sayfa şablonumuz olsun.
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
<script>
angular.module('filtreler', []).controller('ctrl', function($scope) {
	// $scope değişkenleri buraya…
});
</script>
<div ng-app="filtreler" ng-controller="ctrl">
<h1></h1>
</div>
AngularJS

Haz.24

AngularJS (1.3 / 1.5) Eğitimi: Direktifler (Directive)

Direktifler, AngularJS’nin en başta gelen temel bağlantı elemanlarından biridir. HTML5 sayfa yapısında yer alan elementlere direktifler ile erişilir ve yönetilir. Direktifler birer attribute olarak tanımlanır. Bazıları değer alabilirken bazıları sadece anahtar kelime olarak bile tanımlama yapmak için yeterlidir. Direktifler ng- ön eki ile başlar ve diğer isimlerle direktifler türetilir. Temel olarak AngularJS’deki direktifler aşağıdaki tabloda verilmiştir.
AngularJS