JavaScript’i öğrenmenin ve denemenin 3 yolu (yerel kurulum olmadan)
WordPress ve JavaScript’in geleceği parlak görünüyor. Bunun nedeni, JavaScript kullanımının geliştirilmesine yol açan Gutenberg gibi projelerin olmasıdır. Bu nedenle, birçok WordPress geliştiricisinin modern web siteleri tasarlamak için dil öğrenmesi gerekir. Bununla birlikte, bunu yapmak için, kullanmak için içerik dolu bir WordPress kurulumuna ihtiyacınız var ve neredeyse kesinlikle öğrenmenizi bozabilecek çok sayıda dosya bulacaksınız. Neyse ki, tam bir WordPress kurulumu gerektirmeyen bir dizi mevcut araç vardır. Bu temel olarak, yerinde başka unsurlar olmadan görüntüleri kodlamanızı sağlayan bir kum kutusudur. Tarayıcıdaki JavaScript’i test etmenin hızlı ve kirli bir yöntem olduğunu düşünüyorsanız, haklısınız!
Bu yazıda, JavaScript hakkında önceki bazı makaleleri göreceğiz ve JavaScript ve WordPress’in nasıl bağlantılı olduğuna dair bir özet sunacağız. Daha sonra kodu tarayıcıda ve çevrimiçi bir kabuk veya kum havuzu ortamı aracılığıyla nasıl test edebileceğinizi göreceğiz. Başlayalım! WordPress ve JavaScript’in kısa bir geçmişi, WordPress’in giriş ve çıkışlarını JavaScript ile tartışmayacak olsak da, bahsetebileceğimiz bazı önemli noktalar var. İlk olarak, WordPress.com Dashboard’un arkasındaki kodun temeli olan Calypso’nun geliştirilmesi var:
Ayrıca, 2015 kelimesinin durumu, JavaScript ile WordPress ilişkisinde önemli bir andır.Matt Mullenweg, tüm WordPress geliştirme topluluğuna “JavaScript’i derinlemesine öğrenmesini” söyler.O zamandan beri, sürekli sıcak bir konu haline geldi.Kapsam artmış ve azalmış olsa da, kesinlikle çoğu geliştiricinin düşüncelerinden çok uzakta kalmaz.JavaScript’in birçok WordPress kullanıcısı için ortak bir konu olduğu göz önüne alındığında, son birkaç yıldır birçok performans sergiledik.Aslında, 2 Ocak16’da kapsamlı bir kaynak rehberi yaptık, ardından daha sonraki çalışma kaynakları hakkında diğer makaleler izledik, daha sonra dikkate almanız gereken çeşitli JavaScript çerçeveleri hakkında konuştuk.Bu bölümü, tork blogunda yayınlanan her şey için yararlı bir tamamlayıcı olarak düşünün!
3 JavaScript’i öğrenmenin ve denemenin yolu (yerel kurulum olmadan) Aşağıdaki yöntem, bağımlılıklar, çerçeveler ve kurulumlar hakkında endişelenmeden JavaScript ile nasıl denemeye başlayabileceğiniz konusunda iyi bir kılavuzdur. Bu, PHP gibi bir senaryo dili olduğu için JavaScript’in HTML ve CSS gibi diğer dillerde de çalışmanızı gerektirdiğini unutmayın. 1. Kod snippet’ini ilk tarayıcı JavaScript hata ayıklayıcısınıza yazın, önünüzde, önünüzde, bugün tarayıcınızda sahip olabilirsiniz. Ancak, her tarayıcı çözümlerinin adını farklı şekilde verir. Örneğin, Firefox Scratchpad’i kullanırken, Google Chrome bir konsol kullanır. Genellikle ‘geliştiriciniz’ altında alakalı özellikler bulacaksınız ve bazen bu özelliklerin kullanılmadan önce etkinleştirilmesi gerekir. Bu yaklaşımı seviyoruz çünkü çok başlamak için minimum bir şey gerektirir. Tıpkı diğer yerlerde HTML ve CSS ile uğraşmak gibi, ilgili web sitesine zarar vermeden bu değişiklikleri hemen görmek için görüntüler yazabilir ve test edebilirsiniz. Safari ve Google Chrome, daha önce tanışmış olabileceğiniz bir hata konsolu kullanın:
Bununla birlikte, kullanmak her zaman sezgisel değildir, özellikle sadece bir satır komut dosyası betonlarını çalıştırabildiğiniz için, konsol sanal bir ‘skidpan’ değil, bu hata ayıklayıcıdır. Tersine, Firefox neredeyse özel bir metin düzenleyicisinde çalışmak gibi olan kendi çizik alanlarını içerir: Burada, kodunuzu açık alana yazmanız, dosyaları çalıştırmanız ve değişikliklerinizi doğrudan görmeniz yeterlidir. En iyisi, bu değişikliğin doğrudan sitede göründüğüne neden olmazsınız, yani isteyerek oynayabilirsiniz! 2. Birçok kişi için Shell Online’ı kullanın, bir sonraki seçeneğimiz, kavramın anlaşılması daha az kolay olmamasına rağmen, bir tarayıcı konsolu penceresi kullanmaktan daha uygun olacaktır. Kısacası, Shell Online sizin ve söz konusu özel programlama dili arasında bir arayüz görevi görür. Genellikle tarayıcınızda çalışırsınız, ancak doğrudan metin düzenleyicisine yazabilir ve kodu neredeyse yerel olarak yaptığınız gibi çalıştırabilirsiniz. Buradaki avantajlar hemen açıktır. ‘Yapma’ (yani hata ayıklama konsolu) net bir çerçevesinde çalışmanın aksine, bu, dil için hazırlanan JavaScript kodlaması için eksiksiz bir çerçevedir. Tabii ki, yerel ortamlardan tam güç elde etmeyeceksiniz, ancak bu egzersizin özü bu değil. Taahhüt veya aşırı düzenleme olmadan bir JavaScript öğrenme yöntemi olarak, bu mükemmeldir. Başlamak için, özellikle öğrenmek istediğiniz dilin uygulanmasına dayanarak, sadece iyi eski araştırma yapmanız gerekir. Çok fazla ayrıntı olmadan, ES6 JavaScript’in en son sürümüdür, bu yüzden oradan başlamak mantıklıdır. Bununla birlikte, birçok kaynak hala seleflerine dayanmaktadır, bu nedenle ES6 ile çalışan kabuklar bulmak zor olabilir. İstediğiniz üç seçenek var. Mike Lambert’in web sitesi ES5 ve ES6 için mermiler ve Babylon, mermilerini ilginç bir arayüzde, opsiyon yan bıçaklarıyla sarıyor. Aslında, bizim için ES6Console, çevrimiçi JavaScript kabuğu seçeneğimizdir: Bu tartışmasız Babil kadar iyi görünmez, ancak üzerinde çalıştığınız kodu seçtiğiniz metin düzenleyicisine taşımanıza izin veren daha fazla seçeneğe sahiptir. Daha spesifik olarak, bu, daha sonra kodu kaydetmenizi sağlar, bu da javascript parçalarınız büyüdüğünde çok iyidir. ES6Console ES6 ile çalıştığından, kesinlikle sadece en son standartlara göre derlenirsiniz.
3. JSFIDDLE kullanan diğer kişilerle işbirliği yapmak, yerel kurulum olmadan JavaScript’i incelemek için son yöntemimizi, başlangıçta kavramın kanıtı olarak başlayan harika bir araçtır. Yaklaşık on yıl sonra, bu Facebook ve Google gibi devler için bir kodlama aracı haline geldi. JSFiddle temel olarak kabuktur, ancak HTML, CSS ve JavaScript kullanarak eksiksiz bir çözüm kodu oluşturmanıza izin verir:
Tıpkı önceki bölümde bahsettiğimiz kabuk gibi, kodunuzu başka bir yerde kullanmak için de kaydedebilirsiniz, böylece ‘keman’ da çalışmakla sınırlı değilsiniz. Ayrıca, otomatik depolama işlevleri ve girinti mesafeleri dahil olmak üzere dikkate alınması gereken bir dizi sağlam seçenek de vardır;
Bu, birçok potansiyel JavaScript geliştiricisi, özellikle de WordPress odasındakiler için iyidir. Bunun bir çalışma grubu merkezi olarak kullanıldığını görebiliriz, tüm öğrenciler kemana katkıda bulunur. Başka bir yaklaşım, kendi çekimlerinizi yapmanızı ve ardından kodunuzu sizinle görüşmek için daha deneyimli bir akıl hocası arayacaktır. Gökyüzü, bu pratik araçla olanaklar açısından sınırıdır! JavaScript kullanmayı öğrenmenin sonucu, gelecekteki bir görüşe sahip hemen hemen her WordPress geliştiricisi için acil bir endişe olmalıdır. Bu, öğrenmeniz gereken dil olarak ve JavaScript’e güvenen Calypso ve Gutenberg gibi insanlarla herkese açık olarak bahsedildi, bilginizin yenilenmesi gerekiyor. Ancak, tam yerel kurulum öğrenmenizi engelleyebilir, yani başka bir çözüme ihtiyacınız olabilir. Bu yazı üç seçeneği açıklıyor, bu yüzden hızlı bir şekilde özetleyelim: Kod snippet’ini tarayıcı varsayılan olarak hata ayıklayıcı, konsol veya çizik kartına yazın. ES6 konsolu gibi kabuk çevrimiçi kullanın. Snippet’leri başkalarıyla paylaşmanıza izin veren JSFiddle gibi bir kum kutusundaki kod.
JavaScript kullanarak WordPress kodlaması hakkında sorularınız var mı? Aşağıdaki yorum bölümünde bize bildirin! Üstün Görüntü: Skeeze.
