2017'de WordPress Geliştiricileri için 10'dan Fazla Yararlı Javascript Eğitimi

Matt Mullenweg'in 2015 Sözünün Durumu adresinde, tüm WordPress topluluğuna bir ev ödevi verdi – “JavaScript'i Derinlemesine Öğrenin.” Calypso ve REST API gibi gelişmelerle birlikte bu odaklanma, yeni başlayanlar için JavaScript'e başlamak için temel bir JavaScript eğitim gönderisi yayınlamamızın nedenidir.

Bu gönderi tamamen temel JavaScript eğitimlerine odaklanıyor. Bu yazıda, işleri biraz daha ileri götüreceğim ve size WordPress için geçerli olduğu için özellikle JavaScript'e odaklanan bir JavaScript öğretici içerik listesi vereceğim.

Temel bilgiler yerine uygulamalı JavaScript'e odaklanıldığından, bu eğitimlerden değer elde etmek için muhtemelen en azından temel bir JavaScript anlayışına ihtiyacınız olacaktır. Kulağa hoş geliyorsa, sizi araştırmaya ve WordPress için geçerli bazı JavaScript'leri öğrenmeye davet ediyorum!

WordPress Geliştiricileri için Yararlı JavaScript Eğitimleri

Öğreticiler listesine girmeden önce, bu listeyi nasıl oluşturduğuma dair biraz arka plan vererek biraz zaman harcamak istiyorum.

Girişte bahsettiğim gibi, bu JavaScript öğrenmenize yardımcı olacak genel eğitimlerin bir listesi değildir . Bunun yerine, bu listede yer almak için iki şey arıyordum:

• Kaynak, özellikle JavaScript'i WordPress'e uygulamakla ilgilidir.
• İçerik "etli" bir şeyi kapsıyor. Yani, kısa bir kod parçasından veya kısa bir açıklamadan daha fazlasıdır.

Bu iki gereksinimin ötesinde, bu listedeki öğreticiler oldukça eklektik bir uygulama yelpazesini kapsar. Ek olarak, bazıları daha geniş kurslar veya koleksiyonlar olsa da çoğu bağımsız öğreticilerdir.

Ve son olarak, çoğu öğretici ücretsizdir, ancak listeye karıştırılmış bazı ücretli seçenekler de vardır. Bütçenize (veya bütçenizin eksikliğine) uyan bir şey bulabilmeniz için hangisinin hangisi olduğunu not edeceğim.

Tamam - yeterli sohbet. Gelelim listeye…

1. AngularJS'yi WordPress Ön Uç olarak kullanın

Andrea Terzani'nin bu eğitiminde, sizi gönderi içeriği sunmak için basit bir AngularJS uygulaması oluşturmaya yönlendiriyor. Andrea İtalyan, bu yüzden dilbilgisi her zaman mükemmel değil ( bu bir eleştiri değil, iki dilliliği takdir ediyorum!) , ancak tonlarca kod örneği içeriyor ve tüm paketi her zaman GitHub sayfasından alabilirsiniz.

Fiyat: Ücretsiz | Daha fazla bilgi

2. WordPress için JavaScript

Zac Gordon, Treehouse eğitimleri ve çok sayıda WordCamp etkinliğindeki konuşmaları sayesinde WordPress topluluğunda oldukça iyi bilinmektedir.

WordPress için JavaScript, WordPress için geçerli olduğu gibi JavaScript'i öğrenmeye yönelik “ana kurs” programıdır.

Kurs ne halka açık ne de ücretsiz. Hatta kursa katılmadan önce yer ayırtmanız gerekiyor.

Bunun nedeni, Zac'in öğrenmeye yönelik daha “ayarla ve unut” yaklaşımını benimsemek yerine bire bir veya küçük gruplar halinde çalışmayı tercih etmesidir.

Bu kişisel ilgi ucuza gelmiyor - kurs 697 $ 'lık harika bir fiyatla geliyor. Ancak WordPress geliştirme için JavaScript öğrenmek konusunda ciddiyseniz, Zac'in kimlik bilgileri kesinlikle yüksek fiyat etiketini destekliyor.

Fiyat: 697 $ | Daha fazla bilgi

3. Reaktif WordPress Eklentileri Oluşturma

Geliştiriciler tarafından çok sevilen WP Migrate DB eklentisinin yapımcıları olan Delicious Brains, WordPress bloglarında tonlarca kaliteli geliştirici odaklı öğretici yayınladı. Reaktif WordPress eklentileri oluşturmaya yönelik bu üç bölümlük seri istisna değildir.

Serideki üç gönderiden her biri, yalnızca farklı bir ön uç teknolojisiyle aynı basit WordPress eklentisini oluşturmaya odaklanıyor.

Tüm seri boyunca, eklentinin aşağıdakilerle nasıl oluşturulduğunu görebilirsiniz:

• Backbone.js
• Vue.js
• Karaağaç

Öğreticiler uzun ve iyi açıklanmıştır, bu nedenle bu seriden kesinlikle bir ton değer elde edeceksiniz.

Fiyat: Ücretsiz | Daha fazla bilgi

4. Omurgayı WordPress Yöneticisi İçinde Kullanma

Envato Tuts+'ın bu iki kısımlı eğitiminde, önce WordPress arka ucu içinde Backbone JS'yi nasıl uygulayacağınızı öğreneceksiniz, ardından ikinci kısım Backbone on, tahmin ettiğiniz gibi, ön uçta nasıl kullanılacağını öğreneceksiniz.

Shane Osbourne, çok sayıda kod örneği ve ekran görüntüsü de dahil olmak üzere her şeyi size sunar.

Norm olduğu gibi, kod kalitesi hakkında bazı tartışmalar için yorumlar bölümünü de kontrol edebilirsiniz.

Fiyat: Ücretsiz | Daha fazla bilgi

5. Yoren Chang'ın AngularJS ve WP REST API ile Tema Oluşturma Öğreticileri

Ekim 2014'ten beri Yoren Chang'ın hobisi, AngularJS ile WordPress temaları oluşturuyor. Bu senin için neden önemli? Çünkü bu süre zarfında, hobisini sitesinde bir dizi eğitim gönderisinde de belgeliyor.

Şu anda, tamamı AngularJS'i WordPress temalarıyla kullanmaya adanmış 21 farklı eğitim yayınladı.

Öğreticilerden bazıları kısa hızlı vuruculardır, diğerleri ise biraz daha derine iner. Yine de hepsini bir araya getirin ve sizi bir süre meşgul edecek derin bir koleksiyonunuz var.

Fiyat: Ücretsiz | Daha fazla bilgi

6. JavaScript ve WordPress ile Çalışmak

JavaScript ve WordPress ile çalışmak, geliştirici Brian Hogg'dan kısa bir PluralSight kursudur.

2 saatin altında, kurs çok fazla bir taahhüt değildir. Eklentilerde ve temalarda JavaScript kullanarak ve veri göndermek ve kaydetmek için AJAX kullanarak kısa bir giriş yapmanızı sağlar.

Kursa erişmek için teknik olarak bir PluralSight üyeliğine ihtiyacınız olsa da, kursu tüketmek için size fazlasıyla zaman verecek olan 10 günlük ücretsiz bir PluralSight denemesi alabilirsiniz.

Fiyat : Ücretsiz Deneme ile Ücretsiz | Daha fazla bilgi

7. WordPress ve Angular.js ile Tek Sayfa Uygulamaları Oluşturma

Bu JavaScript öğreticisi, Envato Tuts+'daki Tom Whitbread'in daha yeni bir ekidir. Muhtemelen adından da anlayabileceğiniz gibi, WordPress tabanlı tek sayfalık bir uygulama oluşturmak için AngularJS kullanma sürecinde sizi yönlendirir.

Ayrıca Tom'un kodunun tamamını GitHub sayfasında da bulabilirsiniz.

Fiyat: Ücretsiz | Daha fazla bilgi

8. WordPress REST API'sinin üzerine React uygulamaları nasıl oluşturulur?

Bu, sadece başlıktan nelerin kapsandığı hakkında oldukça iyi bir fikir edinebileceğiniz başka bir yer!

Yazar Andrey'in girdiği derinliğin ötesinde, bu öğreticinin ek tartışma için sağlam bir yorumlar bölümüne sahip olmasını da seviyorum.

Ayrıca, oluşturacağınız temel ön ucun bir demosuna ve tüm kodu içeren Andrey'nin GitHub sayfasına da göz atabilirsiniz.

Fiyat: Ücretsiz | Daha fazla bilgi

9. Bir WordPress Eklentisinde React.js Uygulaması Yazmanın Basit Bir Yolu

WPShout, toplulukta geliştirici odaklı WordPress eğitimleriyle tanınmaktadır. Hiçbir şekilde yalnızca JavaScript'e odaklanmasalar da, Fred'in bu öğreticisi, bir WordPress eklentisi içinde bir React.js uygulamasının nasıl yazılacağını göstererek, önceki öğreticiye benzer bir konuya girer.

Gönderideki kod örneklerinin ötesinde, Fred ayrıca demodaki tam kodu içeren bir ZIP dosyası içerir.

Fiyat: Ücretsiz | Daha fazla bilgi

10. WPMUDev'den WordPress Geliştiricileri için JavaScript

Smashing Magazine'in WordPress editörü ve Elegant Themes'in bir zamanlar yazarı olan Daniel Pataki, WPMUDev'de WordPress Developers serisi için çok parçalı bir JavaScript hazırladı.

Kurs, temel bilgilerden daha ileri konulara kadar gelişir. JavaScript'e yeni başlayanlar için bu listedeki bazı gelişmiş eğitimlerden biraz daha kolay. Yani şimdiye kadar biraz kaybolmuş hissettiyseniz, burası başlamak için iyi bir yer olabilir.

Fiyat: Ücretsiz | Daha fazla bilgi

11. AngularJS ve WordPress REST API Kullanan Tek Sayfa Uygulamaları

Bu, Almir'den SitePoint'ten ayrıntılı bir eğitimdir. WordPress ve REST API'ye dayalı tek sayfalık bir uygulama oluşturmak için AngularJS'yi kullanma konusunda size derinlemesine bir bakış sunar.

Almir, hem Angular uygulaması hem de örnekte kullandığı WordPress alt teması için ayrı GitHub sayfaları içerir, bu nedenle olan biten her şeyi kolayca takip edebilmeniz gerekir.

Fiyat: Ücretsiz | Daha fazla bilgi

Eşyaları Sarmak

REST API'ye artan odaklanma ile JavaScript ve WordPress daha da yakınlaşacak. Mart 2017 itibariyle, WordPress.org deposunda JavaScript tabanlı temalar bile bulabilirsiniz.

Bu nedenle, WordPress topluluğuna ayak uydurmak istiyorsanız, Matt'in dediği gibi “JavaScript'i Derinden Öğrenin” yapmanız gerekir.

Umarım bu listedeki en az bir JavaScript öğreticisi yardımcı olmuştur. Ve bu listede yer almayı hak eden harika bir öğretici biliyorsanız, bu kaynağı işbirliği içinde daha da iyi hale getirebilmemiz için yorumlarda paylaşırsanız harika olur.

Makale küçük resmi, Teguh Jati Prasetyo / Shutterstock.com