Cuma 24 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Kaynaklar
  3. Front-End Developer’lar için dokümanlar ve rehberler
 Front-End Developer’lar için dokümanlar ve rehberler
Kaynaklar

Front-End Developer’lar için dokümanlar ve rehberler

Yazar : Fatih 9 Haziran 2016 0 Comment

İçindekiler

  • Keyboard Event Viewer

  • jQuery API kaynakları

  • BugRex

  • Global CSS özellik kullanımı

  • Performance tooling today

  • Opera mini ipuçları

  • Dokunmatik klavye tipleri

  • HTML5 cheat sheet

  • JS ipuçları

  • Flexbox playground

      • Kaynaklar

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 istatistikleri 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.

  • http://www.jstips.co/
  • https://developer.microsoft.com/en-us/microsoft-edge/platform/usage/
  • https://www.bugrex.com/
  • https://www.sitepoint.com/20-docs-guides-front-end-developers-8/
Etiketler: doküman ve kaynaklar frontend developer frontend docs frontend doküman frontend guide frontend kaynak
Önceki Yazı
Sonraki Yazı

Fatih

author

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.