2017’de WordPress geliştiricileri için yararlı olan 10+ JavaScript Öğreticileri
Matt Mullenweg’in 2015 Kelimesinin Konuşması Durumunda, tüm WordPress topluluğuna ödev ödevleri verdi – “JavaScript’i derinlemesine öğrenin.” Bu odak, Calypso ve Rest API gibi gelişmelerle birlikte, bu yüzden yeni başlayanlar için JavaScript’i başlatması için temel bir JavaScript öğretici yazısı yayınladık. Gönderi tamamen temel JavaScript öğreticisine odaklanıyor. Bu yazıda, biraz daha fazla tartışacağım ve size WordPress için geçerli olan JavaScript’e odaklanan JavaScript öğretici içeriğinin bir listesini vereceğim.
Odak noktası, temel bilgilerden ziyade uygulanan JavaScript üzerinde olduğundan, bu öğreticiden bir değer elde etmek için en azından temel bir JavaScript anlayışına ihtiyacınız olabilir. Sizin gibi geliyorsa, sizi WordPress için geçerli olan JavaScript’ten bazılarını kazmaya ve öğrenmeye davet ediyorum! JavaScript öğreticisi, öğretici listesine girmeden önce WordPress geliştiricileri için kullanışlıdır, bu listeyi nasıl oluşturduğum hakkında bazı arka planlar vermek için bir dakikanızı ayırmak istiyorum. Intro’da bahsettiğim gibi, bu JavaScript’i öğrenmenize yardımcı olacak genel bir öğretici listesi değil. Tersine, bu listeye dahil edilecek iki şey arıyorum:
WordPress’e JavaScript Uygulama Hakkında Özel Kaynaklar
İçerikler “etli” bir şey içerir. Yani, bu sadece kısa bir kod parçacığından veya kısa bir açıklamadan daha fazlasıdır.
Bu iki gereksinimin dışında, bu listedeki öğreticiler oldukça çeşitli uygulamalar içerir. Ayrıca, bazı kurslar veya koleksiyonlar daha geniş olmasına rağmen, bağımsız öğreticilerin çoğu. Ve son olarak, çoğu öğretici ücretsizdir, ancak listede karışık bazı ücretli seçenekler de vardır. Bütçenize (veya eksikliklerine) uygun bir şey bulabilmeniz için hangisini kaydettiğinizden emin olacağım. Oke – sadece sohbet edin. Listeye gelin … 1. Andrea Terzani’nin bu öğreticisinde WordPress ön uç olarak Angularjs kullanın, sunum içeriği için basit bir AngularJS uygulaması oluşturulmasını sağladı. Andrea bir İtalyandır, bu yüzden dilbilgisi her zaman mükemmel değildir (eleştiri değil, iki dilliliği takdir ediyorum!), Ancak birçok kod örneği içerir ve tüm paketi her zaman GitHub sayfasından alabilirsiniz. Fiyat: Ücretsiz | Daha fazla bilgi 2. WordPress için JavaScript
Zac Gordon, Treehouse eğitimi ve çok sayıda WordCamp etkinliğinde ders sayesinde WordPress topluluğunda oldukça ünlüdür.
Omurga.js
Vue.js
Karaağaç
Eğitim uzun ve iyi açıklandı, bu yüzden kesinlikle bu diziden çok fazla değer alacaksınız.
Fiyat: Ücretsiz | Daha fazla bilgi 4. WordPress yöneticisinde omurgayı kullanarak Envato Tuts+’nın bu iki bölümlü öğreticisinde, önce arka uç WordPress’e JS omurgasını nasıl uygulayacağınızı, ardından omurgayı kullanma konusunda ikinci bölümden sonra, tahmin edebilirsiniz, ön uç. Shane Osbourne, birçok kod ve ekran görüntüsü örneği de dahil olmak üzere her şeyi getiriyor. Her zamanki 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, Ekim 2014’ten bu yana AngularJS ve WP REST API ile temalar oluşturma öğreticisi, Yoren Chang’ın hobisi AngularJS ile bir WordPress teması oluşturmaktır. Bu senin için neden önemli? Çünkü bunca zaman, hobisini sitesindeki birkaç öğretici mesaja da belgeledi.
Şu anda, hepsi WordPress temasıyla AngularJS kullanmaya adanmış 21 farklı öğretici yayınladı. Bazı öğreticiler kısa hızlı çırpıcılardır, diğerleri biraz daha derin öğrenir. Ancak, her şeyi birleştirin ve sizi bir süre meşgul edecek derin bir koleksiyonunuz var. Fiyat: Ücretsiz | Daha fazla bilgi 6. JavaScript ve WordPress ile çalışma JavaScript ve WordPress ile çalışmak, geliştirici Brian Hogg’un kısa bir sürecidir. 2 saatin altında, elbette çok fazla taahhüt değil. Eklentiler ve temalarda JavaScript kullanarak kısa bir giriş yoluyla sizi getirir ve veri göndermek ve depolamak için Ajax kullanır.
Teknik olarak kurslara erişmek için Pluralsight üyeliğine ihtiyacınız olsa da, kursu kullanmak için size yeterli zaman tanıyacak 10 günlük ücretsiz bir çalışma denemesi alabilirsiniz. Fiyat: Ücretsiz Deneme ile Ücretsiz | Daha fazla bilgi 7. WordPress ve Angular.js JavaScript öğreticisi ile tek sayfa uygulaması oluşturmak, Envato Tuts+’da Tom Whitbread’den daha yeni bir ektir. Adından öğrenebileceğiniz gibi, bu, WordPress’e dayalı tek sayfalık bir uygulama oluşturmak için AngularJS kullanma sürecini getirecektir. GitHub sayfasındaki tüm TOM kodlarını da bulabilirsiniz. Fiyat: Ücretsiz | Daha fazla bilgi 8. WordPress API’sının üzerinde bir React uygulaması nasıl oluşturulur REST, sadece başlıktan neyin kapsandığı hakkında iyi bir fikir edinebileceğiniz başka bir şeydir! Yazar Andrey’in derinliğinin dışında, bu öğreticinin ek tartışmalar için sağlam bir yorum bölümü de olmasını seviyorum. Ayrıca yapacağınız temel ön uç demosunu ve tüm kodlarla GitHub Andrey’in sayfasını da görebilirsiniz. Fiyat: Ücretsiz | Daha fazla bilgi 9. Geliştiricilere odaklanan WordPress öğreticisi nedeniyle Topluluktaki ünlü WPSOUT WordPress eklentisinde React.js Uygulamaları Yazmak İçin Basit Rota. Yalnızca JavaScript’e odaklanmasalar da, Fred’in bu öğreticisi, WordPress eklentisine React.js uygulamasını nasıl yazacağınızı göstererek önceki öğretici ile aynı konuyu araştırıyor.
Posttaki kod örneğinin dışında, Fred ayrıca demodan eksiksiz bir zip dosyası içerir. Fiyat: Ücretsiz | Daha fazla bilgi 10. WPMudiv Daniel Pataki’den WordPress geliştiricileri için JavaScript, Smashing Magazine’de WordPress editörü ve WPMudev’deki çok yönlü çok parçalı geliştiriciler için JavaScript serisi toplayan bir kez Zarif Temalar’da. Bu ders tabandan daha gelişmiş bir konuya inşa edilmiştir. Bu, JavaScript yeni başlayanlar için bu listedeki bazı gelişmiş öğreticilerden biraz daha dost canlısıdır. Yani şimdiye kadar biraz kayıp hissediyorsanız, burası başlamak için iyi bir yer olabilir. Fiyat: Ücretsiz | Daha fazla bilgi 11. Sitepoint’teki Almir’den ayrıntılı bir öğretici olan AngularJS ve WordPress Rest API kullanan tek sayfalık uygulaması. Bu, WordPress ve REST API’sına dayalı bir sayfa uygulaması oluşturmak için AngularJS kullanımının derin bir görünümünü sağlar. Almir, açısal uygulama için ayrı bir GitHub sayfası ve örnekte kullandığı WordPress Çocuk teması içerir, bu nedenle olan her şeyi kolayca takip edebilmeniz gerekir. Fiyat:
