Kategoriler
Kodlama

Youtube Theater Mode fix Youtube tiyatro/sinema modunu değiştirdim, ama sadece kendim için.

Youtube Theater modu(Tiyatro modu/Sinema modu) benim için harika çünkü ekranı tam kaplamadan tarayıcıyı boytlandırarak kenara çekip rahatça çalışmaya devam edebiliyorum, tam ekran ve diğer o saçma sapan picture in picture şeyleri bana göre değil.

Kategoriler
Kodlama

Kırık görsel linklerini değiştirmek Web sayfasındaki kırık/hata veren görsellerin src linklerini JavaScript ile dinamik olarak değiştirmek.

Dinamik olmayan versiyonunu şurada paylaştığım, jQuery ile yapılmış fonksiyonun dinamik olanını da buraya kaydediyorum.

Kategoriler
Kodlama

Youtube video ID almak JS JavaScript ile Youtube video ID’lerini almak için örnekler.

Sayfaya embed edilen veya tarayıcıda açık olan video veya shorts videosunun ID kodunu almak için JavaScript ile aşağıdaki örneği kullanabilirsiniz.

Kategoriler
Kodlama

JS ile görsellere alt etiketi eklemek ALT etiketi boş veya hiç olmayan görsellere JS ile otomatik olarak alt etiketi eklemek.

SEO için sitedeki görsellerin ALT etiketlerinin olması önemli, aslında bu ALT etiketleri engelli insanlar için oluşturulmuş bir standart ve mesela görme engelliler için sayfadaki görsel ekran okuyucu ile sesli olarak ona okunur. Tabii bunun olması Google için + değer olduğu için ve alt etiketlerine anlamlı keywordler de eklenebildiği için bu SEO’da performansa katkı sağlar.

Kategoriler
Kodlama

Ücretsiz React kursları Yeni başlıyorsanız, 2022’de React öğrenebileceğiniz 5 ücretsiz kurs.

Özellikle Bob Ziroll’un hazırladığı eğitim muhteşem, umarım takipçilerim faydalanırlar ve mutlu olurlar. burada React öğrenmek için interaktif 5 online eğitim/kurs var, hepsi de ücretsiz.

Kategoriler
Kodlama

Vanilla JavaScript ile QR kod generator How to make a QR Code generator using Vanilla JavaScript?

Chrome gibi modern tarayıcılarda QR kod oluşturulabiliyor, ziyaret edilen URL’i çoğu tarayıcı ile QR koda çevirerek paylaşmak mümkün. Burada Pure JS/Vanilla JavaScript ile kendi QR oluşturucumuzu yapacağız.

Kategoriler
Kodlama

Hava durumu uygulaması nasıl yapılır? JavaScript kullanarak basit bir hava durumu uygulaması yaptık.

Bu yazıda JavaScript kullanarak hava durumu uygulaması oluşturmayı öğreneceksiniz. Bu JavaScript Hava Durumu uygulaması, herhangi bir yerin hava durumu hakkında bilgi edinmenize yardımcı olacaktır. Buradaki giriş kutusuna herhangi bir şehrin adını girerseniz, aşağıdaki kutuda sıcaklık, rüzgar hızı ve gökyüzü koşulları gibi tüm bilgileri bulabilirsiniz.

Kategoriler
Kodlama

JS mülakat soruları (cevaplarıyla) Mülakat sırasında sorulması en muhtemel JavaScript mülakat soruları ve cevaplarının listesi.

Çoğunlukla JS olarak kısaltılan JavaScript, World Wide Web’in temel teknolojilerinden biridir. JavaScript, dünya çapında çeşitli çevrimiçi uygulamalar oluşturmak için oldukça yaygın şekilde kullanıldığından, geliştirme için oldukça çeşitli olasılıkları vardır.

Kategoriler
Kodlama

You Don’t Know JS Yet (kitap serisi) JavaScript için iyi bir kitap; You Don’t Know JS Yet (book series) - 2nd Edition

Web programlamaya giriş için ilk öğrenmek isteyebileceğiniz ve öğrendiğinizde hemen işe koyulabileceğiniz bir dil JavaScript.

Kategoriler
Kodlama

10 harika CSS hamburger menü Hamburger menü örnekleri - codepen.

Responsive(duyarlı) web tasarımı uzun zaman önce web’de standart olmuştur. Hemen hemen her web sitesinde, genellikle bir hamburger menüsü tarafından gerçekleştirilen bir (nvigasyon)gezinme menüsü bulunur. En iyi CSS hamburger menülerinden (+ simgeler ve animasyonlar) oluşan bir koleksiyona burada erişebilirsiniz.

Kategoriler
Kodlama

İskelet ekranı yükleme animasyonu HTML/CSS HTML ve CSS kullanarak iskelet ekranı yükleme animasyonu - Skeleton Screen Loading Animation using HTML & CSS

Bu makalede, HTML CSS ve JavaScript kullanarak İskelet Ekranı Yükleme Animasyonunun nasıl oluşturulacağını öğreneceksiniz. Herhangi bir şeyi yüklemek için kullanılan modern bir tasarımdır. Temel olarak, farklı türdeki web sitelerinin herhangi bir öğesini yüklerken, İskelet Yükleme veya açılış ekranları olarak bilinen bir tür animasyon göreceksiniz.

Kategoriler
Kodlama

Kodunuzu basitleştirin JavaScript Refactoring in Action: Replace Nested If-Else with Guards

İç içe if-else ifadeleri, bir fonksiyonun farklı yürütme yolları ve sonuçları hakkında akıl yürütmeyi gereksiz yere karmaşık hale getirebilir. Sonuç, verim kaybı ve yanlış anlamalar nedeniyle hataların ortaya çıkması olabilir.

Kategoriler
Kodlama

20 Killer JavaScript one liner Hayatı kolaylaştıracak 20 JavaScript satırı. Bugün hayatınızı kolaylaştırmak için 20 Killer JavaScript one liner’ı paylaşmak istiyorum.

Merhaba Millet 👋

Burası wolkanca. Ülkemizde hergün önceki güne göre daha fakir olmamız web geliştiricisi olarak üretmeye ve paylaşmaya engel değil.

Bugün hayatınızı kolaylaştırmak için 20 Killer JavaScript one liner’ı paylaşmak istiyorum. Hadi başlayalım 🚀

Kategoriler
Kodlama

Metni panoya kopyalama – JS JavaScript ile metni panoya nasıl kopyalayacağınızı öğrenin.

Clipboard API ile tüm modern cihaz ve tarayıcılarda çalışan sorunsuz bir uygulama yapabiliriz.

Kategoriler
Kodlama

jQuery ihtiyacınız olmayabilir jQuery’ye ihtiyacınız olmayabilir, bağımlı kalmayın ve bunu değerlendirin.

jQuery ve kuzenleri(eklentileri) harikadır ve uygulamanızı geliştirmeyi kolaylaştıracaksa elbette bunları kullanın.

Öte yandan, bir kitaplık geliştiriyorsanız, lütfen bir bağımlılık olarak jQuery’ye gerçekten ihtiyacınız olup olmadığını düşünmek için bir dakikanızı ayırın. Belki birkaç satır yardımcı program kodu ekleyebilir ve gereksinimden vazgeçebilirsiniz. Yalnızca daha modern tarayıcıları hedefliyorsanız, tarayıcının sunduğundan daha fazlasına ihtiyacınız olmayabilir.