Kaynaklar

Front-end developer’lar için dokümanlar ve rehberler

Son aylar içerisinde front-end teknolojilerini öğrenmeye yardımcı olması açısından kılavuzlar, dokümanlar ve başka faydalı web siteler içeren farklı öğrenme kaynakları gün geçtikçe artmaktadır. Biz bu yazımızda sizlere en iyi olanlarından bahsedeceğiz.

Araçlar ve kaynaklar web geliştiricisinin mutfağında olmazsa olmazdır demiştik. Front-end developer’in çantasında bulunması gereken ve işlerini kolaylaştıracak kaynaklara buyurun beraber bakalım.

Keyboard Event Viewer

Klavye olaylarını görüntülememizi olanak sağlayan etkileşimli ve ayarlanabilir bir araçtır. Klavyeden input kısmına girdiğimiz her karakter hakkında bütün teknik bilgilerin kayıtlarının tutmaktadır. Klavye olaylarını tanımlayan arayüzdür aslında keylogger gibi düşünebiliriz.

Webmaster.Kitchen-Keyboard Event Viewer

jQuery API kaynakları

jQuery’in cheat sheet‘ini gösteren ve 1.10/2.0 versiyon yukarısının özelliklerini kapsayan bir sayfadır. Sadece bir özelliğe tıklayarak o özellikle alakalı örnek bulabilirsiniz.

Webmaster.Kitchen-jQuery Quick API Reference

BugRex

Bu kaynak bir doküman değildir ama interaktif bir yardım klavuzundan daha fazlasıdır. HTML, CSS, JavaScript, jQuery, React.js, Node.js gibi konularda destek alma, soru sorma imkanı sizlere sağlıyor. İlk olarak 15 dk ücretsizdir. Daha sonra saati 25 USD gibi bir hizmet sağlamaktadırlar.

Webmaster.Kitchen-BugRex

Global CSS özellik kullanımı

Üç aylık zaman içerisinde bir milyondan fazla web sayfasının CSS özelliklerinin kullanım istatikleri derlenmiştir. Fikir sahibi olmanız açısından CSS‘in hangi özelliği daha çok tercih ediliyor bu kaynaktan öğrenebilirsiniz.

Webmaster.Kitchen-Global CSS Property Usage

Performance tooling today

Web sitelerinizi hızlı ve en iyi şekilde teslim etmek için ve iş akışınızı geliştirmeye yardımcı olması açısından bir kaynaktır. Bu kaynakta araçlar, makaleler, videolar slaytlar, kitaplar, kurslar ve performans denetimleri mevcuttur.

Webmaster.Kitchen-Performance Tooling Today

Opera mini ipuçları

CSS, HTML, Canvas, JS, API, PNG, DOM gibi teknolojilerin özelliklerini hangi tarayıcı tarafından desteklenip desteklenmediğini gösteren yardımcı front-end developer koleksiyonudur. Adı üstünde daha çok amaç Opera Mini tarayıcısının özelliklerinin ipuçlarını vermektir.

Webmaster.Kitchen-Opera Mini Tips

Dokunmatik klavye tipleri

Baymard Institute tarafından e-ticarette kullanabilirliği araştırarak dokunmatik klavyelerin form alanlarının daha uygun hale getirmek için geliştiricilere destek olması açısından bir klavuzdur. Uygun tip kullanmak ve otomatik doğrulama, otomatik büyük harfe çevirme gibi nitelikleri ne zaman kullanılıp nasıl ayarlandığı durumları mevcuttur. Sayfadaki formlardan dokunmatik cihazınızla test edebilme imkanıda sağlamaktadır.

Webmaster.Kitchen-Touch Keyboard Type Cheat Sheet

HTML5 cheat sheet

Bu kaynağımızda HTML5 tag’larının cheat sheet mevcuttur. Tag’larının ne işe yaradıkları ve PDF veya PNG olarak elinizin altında bulunmasına imkan vermektedir.

Webmaster.Kitchen-HTML5 Cheat Sheet

JS ipuçları

Joel Lovera tarafından JavaScript ipuçları arşivi sağlayan bir projedir. Bu proje her bir gün yeni bir ipucu sağlamaktadır. Hızlı ipuçları için yararlı bir kaynaktır. Her gün 2 dk dan daha az zaman ayırarak JavaScript dili hakkında performans, teamüller, mülakat soruları gibi konular hakkında okunacak kaynaklar ortaya çıkmaktadır.

Webmaster.Kitchen-JS-tips

Flexbox playground

İnteraktif bir flexbox demo tasarımlar yapılabilecek farklı özellikler ve değerler test edilerek basit bir şekilde tasarımlar yapabilme imkanı sağlamaktadır. Editör kısmı açılarak HTML, CSS, JS kod kaynakları yardımıyla istediğiniz tasarımları elde edebilirsiniz.

Webmaster.Kitchen-Flexbox-playground

Kaynaklar

Bu makale sizlere sunulmadan önce aşağıdaki kaynaklardan istifade edilmiştir.



Yazar hakkında

Fatih Özel

Developer Teknovol | Çırak JavaScript Engineering

Yorumlar

Bir yorum yaz