Hello World! Bugün sizlere Front End web developerların işine yarayacak, @DevLorenzo’nun hazırladığı Cheatsheet derelemesini paylaşacağım.


Hello World! Bugün sizlere Front End web developerların işine yarayacak, @DevLorenzo’nun hazırladığı Cheatsheet derelemesini paylaşacağım.

CloudFlare API kullarak JavaScript ile sayfayı açan kullanıcın bilgilerini kolayca alabiliriz, CloudFlare API’nin güvenirliği ve bazı ek bilgileri içermesi yüzünden kullandım.

Lazy Load aslında tarayıcılar için çok yeni bir teknoloji değil, 2017’den beri kullanılmakta, sadece bazı tarayıcılar ve bazı eski versiyonları desteklemiyor olabilir. Modern son sürüm tarayıcıların hepsi, yani Chrome tarayıcılar ve Mozilla Firefox tam olarak desteklemekte diğerlerinin bazı sorunları olabilir.

Geçen gün bu blog için yaptığım arşiv sayfasında sitedeki tüm başlıkları listelemiştim, aklıma arşiv sayfasına girenlerin sayfa içerisinde listelenmiş başlıklar içerisinde arama yapabilmesi fikri geldi ve hemen jQuery’ye sarıldım ve yaptım. Tabii ki paylaşıp bu deneyimi de arşivlemek istedim.

Daha önce dark mode hakkında bir yazı eklemiştim, “Javascript ile siteyi ziyaret eden cihazın karanlık modu(koyu mod) kulanıp kullanmadığını sorulamak“. Bu yazımda herhangi bir web sitesine veya uygulamaya cihazın kullandığı modu da göz önünde bulundurarak çalışan dark mode seçeneği eklemeyi göstereceğim.

Sayfadaki linklerden bazılarının çalışmasını istemiyorsanız aşağıdaki jQuery ve CSS ile yapmış olduğum örneklerden birini kullanabilirsiniz. Bu yöntem önyüzde bazen kullanıcıların tıklamaması istenen ama görünen şeyler için kullanılabilir.

Belki ihtiyacımız olur diye buraya not almış olayım, JavaScript ile dosya yüklemelerinde dosya boyutunu sınırlamak ve uyarı mesajı vermek gibisinden bir kod parçacığını aşağıya ekliyorum.

Günümüzde bir metin mesajı aldığımızda veya telefonumuzda bir oyun oynadığımızda dokunsal bir geri bildirim almaya alışkınız. Şimdiye kadar, yerel uygulamalar, kullanıcılara derin bir deneyim sunma, barındırma donanımıyla sıkı bir şekilde etkileşim kurma avantajına sahipti. Bununla birlikte, Titreşim API’si sayesinde web uygulamalarımızı yeni bir işlevle zenginleştirebilir ve bir cihazın tarayıcımız aracılığıyla titreşmesine izin verebiliriz!

Bu yazıda tasarımcılar için ücretsiz kullanabilecekleri 50 araç ve kaynak listesini paylaşacağım. Hepsi ücretsiz ve harika.

Javascript öğrenmek isteyenler için önemli bir ücretsiz kaynak daha, Marijn Haverbeke’in hazırlamış olduğu bu kitap JavaScript’e yeni başlayanlar için harika bir kaynak.

JavaScript öğrenmekte ne kadar başarılısınız? Çok interaktif bir şekilde yeniden öğrenmek ister misiniz? İşte son blog yazım size şunları içerecek bazı ücretsiz kaynaklar vereceğim:

jQquery ile yapılmış saat örnekleri.

jQuery ile basit bir hesap makinesi yapabiliriz, tabi HTM ve CSS ekleyerek.

Bir JavaScript dizesi(String), “Volkan” gibi bir dizi karakteri depolar. Dize dizinleri sıfır tabanlıdır: İlk karakter 0 konumunda, ikincisi 1’de vb. Bu yüzden bu makalede, zaman kazanmak ve üretkenliğinizi artırmak için projeleriniz için kullanabileceğiniz yararlı string yöntemlerinden bazılarını göreceğiz.

Yılan oyunu çok eski ve çok bilinen bir oyundur. Oyunu HTML, CSS ve JavaScript programlama kodlarını kullanarak oluşturabiliriz.