Bilinmesi Gereken Web Teknolojileri | Web Tasarım, Kurumsal Kimlik, Logo Tasarımı, Katalog, Tuzla 
Bilinmesi Gereken Web Teknolojileri

Bilinmesi Gereken Web Teknolojileri


Son birkaç yılda pek çok yeni ön uç teknolojisi pazara sızmıştı. Web tasarımı manzara kökten değişti ve artık web siteleri oluşturmak için çok daha kolay ve çok daha teknik. Bugünün yeni araçları çoğu zaman yarının zorunlu kullanacağı araç haline geldiğinden, en son araçlarla ve en iyi uygulamaları merak ediyorum. Web geliştiricileri için popüler web araçları inceleyin. Bu araçlar bir web iş akışında zorunlu değildir. Ancak, web sitelerinizi nasıl oluşturduğunuzun hızını ve kod tabanını artırabilirler.

 

Web Bileşenleri

 

Web Bileşenleri, HTML5 için W3C standartları komitesinde yol gösteren yeni bir öğe stili. Bu bileşenler sekmeli widget'lar, resim kaydırıcıları ve açılır menüler gibi dinamik sayfa özellikleri için yeniden kullanılabilir özel öğeler oluşturmanıza izin verir. Sıralanmamış listelerle birlikte tüm açılır menüyü oluşturmaktan ziyade, sonunda bir    etiketini (veya benzerini) kullanabileceksiniz.

Web Bileşenlerini gerçek projelerde kullanmak biraz erken. Ancak bu birkaç yıl içinde değişebilir. Bu nedenle, tüm web geliştiricilerinin en azından web bileşenleri konusunda bilgi sahibi olmaları gerekir ve  böylece, W3C tarafından tamamen onaylandıktan sonra bunları kullanmaya hazır olacaklar.

 


 

Polimer

 

Web Bileşenlerini tanıdıktan sonra,  başlamanıza yardımcı olması için Polymer gibi bir kütüphane isteyebilirsiniz. Bu proje, Google tarafından ön plana çıkarıldı ve standartlaştırılmış Web Bileşenleri oluşturmak için bir açık kaynak girişimi.

 

Web Bileşenleri API'si ile çalışıyorsanız, bu kitaplık geliştirme işlemlerini kolaylaştırır. Videolar, kaydırıcılar ve hatta Google Haritalar widget'ları gibi özelliklerin karıştırılması için önceden oluşturulmuş öğeler elde edersiniz.

 

Polimer'in amacı modülerleştirme yöntemidir. Bu nedenle, Web Bileşenleri API'sini temel alan kendi widget'larınızı oluşturabilirsiniz. Bu şekilde, aynı kod bloğunu yeniden yazmadan aynı sayfaya birden çok widget ekleyebilirsiniz. Polimer, Web Bileşenleri ile birlikte ele alınmalı ve bu iki teknoloji, web sitelerini modüler hale getirme biçimimizi önemli ölçüde değiştiriyor.

 

Web Bileşenlerini tanıdıktan sonra,  başlamanıza yardımcı olması için Polymer gibi bir kütüphane isteyebilirsiniz. Bu proje, Google tarafından ön plana çıkarıldı ve standartlaştırılmış Web Bileşenleri oluşturmak için bir açık kaynak girişimi.

 

Web Bileşenleri API'si ile çalışıyorsanız, bu kitaplık geliştirme işlemlerini kolaylaştırır. Videolar, kaydırıcılar ve hatta Google Haritalar widget'ları gibi özelliklerin karıştırılması için önceden oluşturulmuş öğeler elde edersiniz.

 

Polimer'in amacı modülerleştirme yöntemidir. Bu nedenle, Web Bileşenleri API'sini temel alan kendi widget'larınızı oluşturabilirsiniz. Bu şekilde, aynı kod bloğunu yeniden yazmadan aynı sayfaya birden çok widget ekleyebilirsiniz. Polimer, Web Bileşenleri ile birlikte ele alınmalı ve bu iki teknoloji, web sitelerini modüler hale getirme biçimimizi önemli ölçüde değiştiriyor.

 


 

AMP

 

Google her zaman kullanıcı deneyimini geliştirmeye ve web'e daha kolay bir göz atmaya çalışmaktadır. Hızlandırılmış Mobil Sayfalar proje (veya kısaca AMP) Google'ın okuma için optimize edilmiş belirli sayfa yapmak mobil cihazlarda standart şablona herhangi bir web sayfasını basitleştirmeyi sağlar.

 

Sayfanıza biraz kod ekleyip gerisini Google'ın yapmasına izin veriyorsunuz. Siteniz AMP optimize edilmişse, daha hızlı yükleyeceksiniz, görüntüleri ve videoları önceden getirin ve okuma deneyimini düzenlidir. Mobil kullanıcılar her yıl büyüdükçe bu, izlemeye değer bir teknolojidir. Süper etkileşimli web siteleri için işe yaramıyor ancak bloglar ve gazeteler için AMP teknolojisi sadece mobil web tüketiminde yenilik yaratabilir.

 

 

 

Google'ın ön uç çerçevesi AngularJS geçtiğimiz günlerde TypeScript'i tercih edilen betik dili olarak benimsemiştir. Bu, web için temel senaryolar yazarken ve ayrıntılı açısal projeler için zaman kazanmanızdan dolayı TS'yi daha da cazip hale getirir.

 

TypeScript aslında yeni bir dil değil, daha ziyade bir JavaScript üstüdür. Yani JS'yi zaten biliyorsanız, TS'yi kolaylıkla öğrenebilirsiniz. ES6 tarzı sözdizimi ile çalışmanıza, ancak farklı derleyicileri seçmeden yardımcı olabilir.


 

TypeScript

 

Google'ın ön uç çerçevesi AngularJS geçtiğimiz günlerde TypeScript'i tercih edilen betik dili olarak benimsemiştir. Bu, web için temel senaryolar yazarken ve ayrıntılı açısal projeler için zaman kazanmanızdan dolayı TS'yi daha da cazip hale getirir.

 

TypeScript aslında yeni bir dil değil, daha ziyade bir JavaScript üstüdür. Yani JS'yi zaten biliyorsanız, TS'yi kolaylıkla öğrenebilirsiniz. ES6 tarzı sözdizimi ile çalışmanıza, ancak farklı derleyicileri seçmeden yardımcı olabilir. JavaScript'in bir sonraki aşamasını arıyorsanız, kesinlikle TypeScript'e bakmalısınız.  

 

 YUKARI