WordPress geliştiricisi olarak JavaScript nasıl çalışılır

Birçok WordPress geliştiricisi gibi, JavaScript’in ne olduğunu gerçekten bilmeden önce JavaScript’i öğrenmeye başladım. “Javascript’i öğrenerek”, Google’da sayfamdaki CSS’de nasıl dinamik değişiklikler yapacağımı araştırıyordum, JQuery’nin seçenek olduğunu buldum ve sonra JQuery’nin bir JavaScript kütüphanesi olduğunu buluyor. WordPress, sitemizi geliştirmek ve kullanıcılarımız için daha dinamik deneyimler yaratmak için çevresinde çeşitli teknolojileri keşfedebileceğimiz güvenli bir alandır. Buna JavaScript dahildir. Bu yıl Matt Mullenweg tarafından benim katılmam için yeterince şanslı olan kelimenin durumunda, kullanıcı etkileşimi açısından Web’in geleceğinin yangınla yönlendirilen bir JavaScript arayüzü olacağını söyledi. WordPress.com kısa süre önce, şimdi Calypso adı verilen reaksiyonla çalışan bir uygulama tarafından yönlendirilen yönetici arayüzünde bir buçuk yıllık yinelemeyi tamamladı.
WordPress.com kısa süre önce, şimdi Calypso adı verilen reaksiyonla çalışan bir uygulama tarafından yönlendirilen yönetici arayüzünde bir buçuk yıllık yinelemeyi tamamladı. JavaScript tabanlı arayüzler hakkında tartışmalar yeni değildir. 2012 yılında, daha sonra WordPress kullanıcı arayüz ekibine liderlik eden hayaletin kurucusu John O’Nolan, daha basit bir WordPress önerdi ve CMS’den daha basit bir blogculara odaklandı. Daha karmaşık bir WordPress yaklaşımı ile hayal kırıklığına uğradıktan sonra O’Nolan, WordPress projesinden ayrıldı ve hayalet kurdu. WordPress.com, WordPress dediğimiz geleneksel bir veritabanı katmanını korurken, Ghost Node.js için PHP’den kaçındı.
Calypso, sitenin kullanıcılarının özel ihtiyaçlarını karşılamaya çalıştıklarında ilerlemesi gereken JavaScript tek sayfalık uygulamalar (SPA) türüne iyi bir örnektir. Evrensel bir ateş olduğundan şüpheliyim. Ancak, bir WordPress geliştiricisi olarak, bu tür bir uygulamanın nasıl daha iyi oluşturulacağını öğrenmemiz gerektiğini düşünüyorum. Beni Mullenweg’in JavaScript’i derinlemesine inceleme zorluğu konusunda en heyecanlı yapan şey bu. Kısa bir süre önce JavaScript’in bir WordPress geliştiricisi olarak nasıl çalışılacağını tartışmak için WP kalabalığında Torsi katkıda bulunanlar Roy Sivan ile oturdum. Video izleyerek tüm konuşmalarımızı duyabilirsiniz, ancak tartışmadan bazı düşünceleri paylaşmak istiyorum. Ayrıca, PHP geliştirme becerilerini geliştirmeye yardımcı olmak için yararlı içerik sağlayan bir yazar olan Carl Alexander, bu çok yararlı kayıttan sonra JavaScript hakkındaki bazı düşünceleri bizimle paylaşıyor. Hangi çerçeveyi öğrenmelisiniz? İnsanların WordPress Rest Fire hakkında konuşma biçimlerine dayanarak, JavaScript MVC çerçevesini öğrenmek çok önemli görünüyor. Her ne kadar yardımcı olsa da, bu aynı zamanda yangın dinlenmesinde veya JavaScript’e hakim olma konusundaki perspektifi de sınırlar.
Aralarından seçim yapabileceğiniz birçok çerçeve var. Hangisinin öğrenileceğini belirlemek zor bir karardır. Kişisel cevabım “Angularjs”. Bunu tartışmakla ilgilenmiyorum. Hepsi sadece bir araç. Sizi rahatlatan ve devam eden birini seçin. “Hangi çerçeveyi öğrenmeliyim” de sorulması gereken yanlış bir sorudur. JavaScript MVC çerçevesini incelemek, bir şeyler inşa etmeye başlamanın hızlı bir yoludur. Ancak bu size dili derinlemesine anlamayacaktır. Aslında, aslında dili derinlemesine öğrenmenizi engelleyebilir. WordPress geliştiricilerinin çoğu MVC modeline alışık değildir, çünkü WordPress bunu kullanmaz. Ve maruz kalana kadar, anlaşılması kolay değil. Bunu incelemek, artı JavaScript’in kendisi zor bir iştir. Şahsen, Angular’ı ilk birkaç kez gördüğüm benim için çok kafa karıştırıcıydı. Sonra yeni PHP bilgisi gerektirmeyen Symfony öğrendim, ancak MVC modelini öğrenmek zorunda kaldım. Anlamaya başladığımda, Angular benim için daha kolay oldu. JQuery, Angular ve Omurga JavaScript’i incelemek için yararlı değildir. Hiçbiri JavaScript’te nesne yönelimli programlama çalışmasını öğrenmenize yardımcı olmayacaktır. Öte yandan, Roy ve ben Web uygulamasının bir sayfasında otomatik A/B test eklentimiz için eklenti yöneticisi ekranı olarak çalıştık
Öte yandan, Roy ve ben Web uygulamasının bir sayfasında otomatik A/B test eklentimiz, Ingot için bir eklenti yöneticisi ekranı olarak çalıştık. Birkaç yüz açısal hat onu çalıştırabildiğinde JavaScript vanilyasında her şeyi yazmak çok çılgınca olurdu. Çerçeveyi incelemek olağanüstü bir değer verir. Bu, bir şeyi bitirmenize, dile daha aşina olmanıza ve kodlama türünün nasıl çalıştığını daha iyi anlamanıza yardımcı olur. Roy, bu beceriyi öğrenmek isteyenler için yararlı bir kaynak olan Angular ve WordPress Rest API ile web uygulamaları oluşturmak için harika bir diziye sahiptir. Oradan. Carl ile sohbet ettiğimde, önerinin onunla uyumlu olduğunu söyledi ve javascript’i incelemek için jQuery eklentisinin kodlanması hakkında konuşmaya devam etti: ” daha iyi. Ancak bu konuda çok kişisel bir anlayışım yok (ancak). Benim için karmaşıklığın sözdizimsel olmadığını biliyorum. Bu DOM etkileşimi, güç yöntemleri, DOM öğelerine bağlanma vb. Fark diğer dillerde. ”
Bence bu pratik öğrenme ve derinlemesine dil öğrenimi arasındaki gerilim hakkında konuşuyor. Kendi deneyimimden biliyorum. Tüm DOM öğelerinin nesneler ve öznitelikler olduğunu fark etmeden DOM’u manipüle etmek için JQuery’yi uzun süre kullanıyorum. Çoğu zaman, JQuery gibi kütüphaneler ve Angular gibi çerçeveler sayesinde, gerçek nesneyi ve nasıl çalıştığını öğrenmekten kaçınabilirsiniz. JavaScript, JavaScript’te son derece saygın bir müfredata sahip, iki yıl önce bir yazı yayınlayan ve “JavaScript’te OOP: Bilmeniz Gerekenler” adlı bir yazı yayınlayan bir site. Bazı okumalar yapmanızı öneririm. Vs. Podcast ve Carl ile ileri görüşme sırasında ilk kez, sık sık yaptığım gibi, PHP’deki arka uç işleri tercihimi söyledim. Belki PHP ikinci bir dil olduğu için, İngilizce’den sonra akıcı olurum. Ya da, belki de arka uç uzmanlığımla daha uygun olduğu için. Arka uç geliştirici olarak daha çok düşündüğüm Carl, “bir ya da diğeri olarak etiketlenmeyi sevmediğini” belirtiyor. “Bu ölçeğe geri dönüyor,” dedi. “JavaScript’i geri itmemin bir nedeni var ve bunun nedeni geri ucunu tercih ettiğim için değil.”
Carl, uzun vadeli stabiliteye karşı parlak olan yeni JavaScript hakkındaki heyecandan endişe ediyor. “İstisna” istisna, kullanma ve öğrenme sorunum olmayan düğümdür, çünkü kararlı olduğu için “dedi. “Ama PHP’nin daha iyi olduğunu zaten biliyorum, bu yüzden onu kullanmak için daha az kullanım vakası var.” Düğüm, videonun sonunda tartıştığımız gibi, ilk olmasa da ilk JavaScript JavaScript kitaplıklarından biridir. Kendim düğümle ilgili küçük bir deneyimim var, ancak hepimiz bunun çalışmaya değer bir teknoloji olduğunu kabul ediyoruz. İnternet öğrenme yeri, JavaScript’i öğrenmenize yardımcı olacak kaynaklarla doludur. JavaScript’i WordPress kabarcıklarının dışındaki becerilerinizi genişletmenin bir yolu olarak kullanmak, bir web geliştiricisi olarak kendinizi geliştirmenize yardımcı olacaktır. WPCROWD tartışması sırasında Roy birkaç eğitim kaynağı önerdi. Wes, JS’yi öğrenmek için bir kitap listesi, yeni başlayanlar ve YouTube kanalı dahil. Buna ek olarak, Roy ön uç ustalarının yeni başlayan seyrini önerir. Eski JavaScript kopyamı gösterdim: birkaç bölüm okuduğum, ancak zaman zaman kullanışlı olan kesin rehber. Roy JavaScript’i önerir:
Daha küçük bir alternatif ve daha kullanıcı dostu olarak iyi parçalar. Roy’un web sitesi de açısal kullanımı hakkında harika bilgilerle doludur ve WordPress API REST ile tepki verir. Angular ve WordPress Rest API ile uygulama uygulamaları ile ilgili seri okunmalıdır. Öğrenme dilinin temelleri ile başlayın Derinlemesine temel bilgiler öğrenmek anlamına gelir. JavaScript’te en azından bu, işlevi, kapsamı ve kapatmayı anlamak anlamına gelir. Kapatmadan önce, size meydan okumak, üç temel kavram hakkındaki bilgilerinizin derinliğini incelemek veya artırmak için zaman ayırmak istiyorum. React veya açısal öğrenerek yaptığınız kadar hızlı bir şey inşa etmeye başlayamazsınız. Ancak, WordPress’in geliştirilmesinde her gün kullandığınız dil hakkında daha fazla bilgi edineceksiniz. Bu, sitenizde çalışmayan bir şeyi düzeltmenin veya şu anda seçtiğiniz çerçeveyle mümkün olmayan bir şey yapmanın zamanı geldiğinde çok zaman üretecektir. PHP’de fonksiyonel programlama veya nesne yönelimli programlama kullanmayı seçebiliriz. JavaScript saf nesne yönelimlidir. JavaScript’te nesneler yapma işlevi. JavaScript’in saf nesne yönelimli olduğunu ve işlevinin ne olduğunu anlamak, JavaScript’in işlevsel PHP gibi doğru bir şekilde yapmak için geçiş yapmam için ilk adımdır. Kapanış, JavaScript’te kullanılan dilden çok yararlı bir kongredir.
Genellikle 5.2 ERA’da hapsolmuş olan WordPress geliştiricileri tarafından daha az kullanılırlar. JavaScript’teki kapanış hakkında düşünmenize yardımcı olacak iki iyi ve basit makale, Ben Nadal’ın “JavaScript Kapanışını Anlamak” ve “JavaScript Kapanışının Grafik Açıklaması” dır. Onunla çalışmanın kapanışını ve yolunu gerçekten anlamak için, önce kapsamı anlamalısınız. JavaScript’teki olayların, değişkenlerin ve nesnelerin kapsamını anlamak biraz karmaşık olabilir. Bu StackOverflow cevabı, değişken kapsam hakkında çok özlü ayrıntılar sağlar. PHP’de değişkenler her zaman yakalanan nesneleri ifade eder. JavaScript’te bu biraz daha karmaşık. “Bu” Javascript’in netlikle “anla” makalesi, bunu farklı bir kapsam ve bağlamda anlamanın iyi bir kaynağıdır. Web geliştiricileri olarak, esas olarak JavaScript’i DOM bağlamında kullanıyoruz. Bu, olayları ve bağları anlamak için DOM’u bir JavaScript nesne yapısı olarak anlamanız gerektiği anlamına gelir. “JavaScript’te yakalama ve köpürme olayları”, DOM’u bir yapı olarak görselleştirmenize ve kapsamı anlamanıza yardımcı olacak iyi bir makaledir. JavaScript MVC çerçevesini öğrenmek zorunda olduğunuz kadar derin, ancak JavaScript hakkında bilgi edinmek için değil. Maliyet, derinlemesine öğrenmektir. PHP’yi çabucak öğrendim çünkü WordPress zor parçalarla bana yardımcı oldu. Ama temelleri öğrenmeye başlayana kadar, bu konuda çok iyi değildim. Pratik düzeyde, daha önce yapılmış halka açık parçalardan toplayabileceğim şeylerle sınırlıyım.