WordPress için JavaScript’i incelemek için 28 Yüksek Kaliteli Kaynak
JavaScript’i derinlemesine öğrenin. – Matt Mullenweg Word 2015 konuşmasının durumunu izlemeseniz bile, herkesin tartıştığı bir şey var: WordPress ve Web’in geleceği API tarafından desteklenen bir JavaScript uygulamasıdır. WordPress.com Calypso yeni kullanıcı arayüzü, bir şeyin gelişinin bir işareti haline geldi. Yalnızca WP REST API’sını kullanmakla kalmaz, her şeyi destekleyen Node.js ve React ile oluşturulmuştur, aynı zamanda önümüzdeki yıllarda WordPress teknolojisi yığınlarının önemli bir parçası olacak JavaScript’e de dayanmaktadır. Yani, WordPress için JavaScript öğrenmenin zamanı geldi. Ancak, herkes rahat veya hazır değildir. Ayrıca, uzun zamandır PHP bir WordPress ekmeği ve tereyağıdır.
Bu nedenle, geride kalmaktan korkmaktan korkmak veya diğer programlama dillerine geçmek için beklentilerle yüklenmek kolaydır. Bu gelişmenin ön saflarında yer alan otomatik ekibi bile, bu değişikliğin oldukça zor olduğunu belirtiyor. Ancak bu, başınızı kuma daldırmak için bir neden değildir. Bunun yerine, bununla doğrudan yüzleşeceğiz ve JavaScript’i hızlandıracağız. Bu makalede, sadece JavaScript’in kısa bir incelemesini yapmakla kalmayacak, aynı zamanda WordPress için JavaScript’i öğrenmek isteyenler için çok sayıda yüksek kaliteli kaynak işleteceğiz.
Kulağa hoş geliyor mu? Harika, o zaman girmeden önce ödev görevlerini bir kez daha dinleyelim.
Kesin olmak gerekirse JavaScript nedir? Bilmeyenler için JavaScript, müşterinin yan programlama dilidir. Bu, kullanıcının tarayıcısı tarafından sunucunun tam tersi olarak çalıştırılması ve yorumlanması anlamına gelir. Bunu, her site işlemi için sunucuya bir istek göndereceğiniz ve daha sonra yeni bilgiler yayınlayacağınız PHP ile karşılaştırın. 1995 yılında bir Netscape mühendisi (Netscape’i hatırlıyor musunuz?) Bu nedenle, JavaScript GitHub’daki en popüler dil ise şaşırmayın. Geleneksel olarak JavaScript, örneğin kayar bıçaklar veya sosyal paylaşım düğmeleri için animasyonlar ve web sitesi efektleri oluşturmak için kullanılmıştır. Ancak, onunla tüm siteleri de oluşturabilirsiniz. Bir avantaj, bir ön uç dil olarak JavaScript, web sitesini sunucu tarafı programlamaya sahip olanlardan daha hızlı hale getiriyor. Ayrıca, Node.js (aşağıda daha fazla bilgi) geliştirilmesiyle birlikte, geliştiricilerin tartışılabilecek JavaScript uygulamaları oluşturmasına izin vererek sunucuda dili çalıştırmak mümkündür.
Gördüğünüz gibi, bir web uzmanı olarak, WordPress’in ona değişmeden önce bile bu alana girmek için birçok iyi neden var. Ancak, platform ve programlama dili yabancı değildir. WordPress zaten çok sayıda JavaScript WordPress platformu, özellikle jQuery, omurga ve duvar gibi kütüphanelerden her gün çok fazla JavaScript çalıştırıyor. WP-Admin ve WP-Includes’daki klasörlere /JS’ye bakın. Özellikle ayarlama temasında, ancak widget’ı widget alanına her çektiğinizde ve serbest bıraktığınızda, dilin oynayacağı bir rolü vardır. Ayrıca, JavaScript son zamanlarda birçok eklenti ve temada teknoloji yığınının bir parçası olarak da bulunabilir. JavaScript’e daha derin dalmaya hazır mısınız? O zaman bunu yapalım! JavaScript Online Öğrenme Kaynakları Aşağıdaki öğrenme kaynakları, programlama dillerini denemek isteyen herkes için yapılandırılmış bir yaklaşım sunar. Çoğu yeni başlayanlar için tasarlanmıştır ve JavaScript’i öğrenmenize ve aşağıdan yukarıya öğrenmenize izin verir. Kediler için JavaScript
Evet, adı doğru okudunuz. Hayır, kodlamayı seven ve aynı zamanda caz oynayan insanlar hakkında değil, kedi tipi hayvanlardan bahsediyor. En azından davranıyor.
Evcil hayvanlar için bir programlama kaynağı okumak için garip bir öncül unutabiliyorsanız, Cats için JavaScript oldukça iyi bir yeni başlayan kaynağıdır. Bu, öğrencileri tarayıcı araçlarıyla tanımak ve daha sonra en temel JavaScript konseptine yönlendirmekle başlar. Her şey animasyon şeklinde somut bir örnekle – elbette – hepsi kedilerle ilgili olarak açıklanmaktadır. Ancak, bu gerçek onları hatırlamalarını garip bir şekilde kolaylaştırıyor. Genel olarak, bu iki ila üç saat içinde kolayca tüketebileceğiniz çok iyi bir başlangıç kaynağıdır. Akıcı olan JavaScript, kesinlikle kullanımda olmayan bir kelimedir. Olağanüstü başlığın arkasında, gizli JavaScript öğrenme kaynakları da aynı derecede iyi.
Dil Giriş Bir tarayıcıda nasıl çalıştığını anlayın
Node.js tanıtımı
Bu materyale kolayca erişilebilir ve herhangi bir programlama dili hakkında daha önce bilgisi olmayan insanlar için tasarlanmıştır. Bu nedenle, bu JavaScript dünyasına çok iyi bir ilk adım atar.
Pahlawan Super.js
Superhero.js kaynağın kendisi değil, beş deneyimli geliştirici tarafından yürütülen diğer olağanüstü öğrenme materyallerinin bir koleksiyonudur. Bu site güncellenmeye devam ediyor ve en temelden kuruluş koduna, testlere, araçlara, performansına, güvenlik ve daha fazlasına başlayan her şeyi içerir. Ayrıca, her şey otomatik olarak ziyaret edilen inanılmaz bir pop sanat tasarımında sunulur. JavaScript’i öğrenmenin adının arkasında nasıl öğrenilir JavaScript, iyi insanlar tarafından derlenen iki öğrenme kılavuzunu gizler JavaScript seksi (gerçekten, çocuklar?).
Bu rehber, biri yeni başlayanlar için diğeri deneyimli geliştiriciler için olmak üzere iki farklı öğrenme kanalı sunar. Her ikisinin de bitirmek için altı ila sekiz haftaya ihtiyacı var. Bir kez daha, bu kılavuz bağımsız bir öğrenme kaynağı değil, video kursları ve kodlama web siteleri de dahil olmak üzere internette bir teklif koleksiyonudur. Bununla birlikte, uzmanlar tarafından toplamak çok fazla araştırma tasarrufu sağlayacak ve hemen başlamanıza izin verecektir. Javascript doğru şekilde
Doğru şekilde JavaScript Superhero.js’ye çok benzer. Bu, tüm JavaScript şeyleri hakkında tek bir yerde makaleler ve yönergeler toplar ve bunları farklı kategorilere ayırır. Bu, topluluklarda ve diğer kaynaklarda izlenmesi gereken kod, kalıplar, yararlı araçlar, haberler, okuma materyalleri, podcast stilini içerir. Genel olarak, bu web sitesi çok fazla bilgi sunar ancak nispeten teknik. Bu nedenle, JavaScript’e atlama yapan deneyimli kod üreticileri için ortalama laymandan daha uygun olabilir. Codeacademy CodeAcademy yaklaşımı bu listedeki diğer öğelerden çok farklıdır. JavaScript’i daha entelektüel bir düzeyde okumanızı ve anlamanızı sağlamak yerine, doğrudan kodu yazmanızı sağlar. Basit örnek fonksiyonları yazarak ve efektleri gerçek zamanlı olarak görerek öğrenirsiniz. Ders, incelenen malzemeyi güçlendiren bir sınavla devam etti. Mevcut profesyonel özellikler olmasına rağmen, ücretsiz temel kurslar ve 10 saat süreli birçok değer sunmaktadır. Kesinlikle denemeye değer. W3Schools W3Schools, web geliştirme alanında ünlü bir isimdir. CSS çözümleri ararken kendim genellikle sayfalarına iniyorum. Bu web sitesi daha pratik bir JavaScript öğreticisi sunar ve birçok örnek ve küçük bir metin ile çalışır. Sahne arkasındaki kodu her zaman görebilseniz de, mutlak sıfırdan başlayanlar için yeterince uygun değildir. Bu öğretici, bir dizi arka plan bilgisine sahip insanlar için açıkça tasarlanmıştır. Mozilla Geliştirici Ağı Mozilla Geliştirici Ağı, çeşitli beceri seviyeleri için JavaScript konularında çok fazla kaynak sunuyor. Genel olarak, bu oldukça tekniktir ve daha fazla jargonla başa çıkabilen insanlar için tasarlanmıştır. Ancak bu, yeni başlayanların çıkış yollarını bulamayacakları anlamına gelmez. Sadece seviyenizi seçin ve takip edin, çok şey öğreneceksiniz. JavaScript Hakkında Kitaplar Web geliştirme için programlama dilleri hakkında konuşsak da, her şeyin çevrimiçi olması gerektiği anlamına gelmez. Çevrimdışı öğrenme arkadaşları ve kağıt hayranları JavaScript hakkında mevcut birçok kitabı okuyabilir.
Dışarıda daha fazlası olmasına rağmen, burada sadece iki tanıyor çünkü onlar tekrar tekrar öneriliyor. JavaScript-Baik JavaScript-O’Reilly tarafından yayınlanan ve programcılar için kitaplarda uzun zamandır pazar lideri olan iyi parçalar. Yazar Douglas Cockford, kötülerden iyi sıralamaya çalışarak JavaScript’e 80/20 yaklaşımını aldı ve sizi sadece programlama dili hakkında gerçekten değerli ve zarif olanla bıraktı. JS’ye öz bir yaklaşım için bu bir yoldur. JavaScript – Kesin Kılavuz Başlangıçta aynı yayıncı JavaScript David Flanagan’dan – kesin rehber gerçek bir defter. 1000’den fazla sayfada, programlama dilinin neredeyse tüm yönlerine dalıyor. Bu kılavuz bir öğretici gibi yazılmış olsa da, bu kılavuz referans kılavuz olarak kullanmak yerine önden arkaya okunması amaçlanmamıştır ve her programcının kitap rafında olmalıdır.
JSBOOOKS Ek okuma materyali arıyorsanız, bu koleksiyon en iyi arkadaşınız olacaktır. Bu, yeni başlayan, orta ve gelişmiş bilgi için filtrelenebilen kitapların veya çevrimiçi kursların çoğunu, çok sayıda ücretsiz JavaScript kaynağını barındırır. Bu blog gönderisinin sizin için yeterli materyale sahip olduğu kanıtlanmışsa, bir sonraki okumanızı bulacağınız yer burasıdır. JavaScript’teki çevrimiçi video kursu okuma iyi ve doğru olmasına rağmen, bazı insanlar aslında diğer insanların düzgün öğrenmek için bir şeyler yaptığını görmek zorundadır. Sizin gibi geliyorsa, size yardım etmeye hazırız. Aşağıda, video şeklinde bir dizi öğrenme kaynağı bulacaksınız. Bununla birlikte, birçoğunun ücretsiz olmadığını, ancak burada çok kaliteli olduğunu fark edin. Treehouse’s House, geliştiriciler için bir video eğitimi premium sağlayıcısıdır. Teklifleri arasında JavaScript’in temelleri hakkında altı saatlik bir kurs var ve kütüphaneleri programlama dili hakkında birçok ek materyalle dolu. Ayrıca, video kalitesi çok iyi, bu yüzden hizmetlerine kaydolmayı gerçekten düşünüyorum. Bazı ücretsiz videoları olmasına rağmen, çoğu yalnızca 25 $ ‘dan başlayan ücretli üyelik için kullanılabilir. Ana ön uç
WordPress topluluğundaki insanlar tarafından birkaç kez önerilen Frontend Masters kursunun gördüm. Yalnızca JavaScript hakkında değil, aynı zamanda HTML5, CSS3 ve diğerleri de tüm ön uç geliştiricilerin ihtiyaç duyduğu talep üzerine video dersleri sunarlar. Seminerleri, en popüler ve en çekici kurslarla acemi, orta ve gelişmiş kullanıcılar için filtrelenebilir – “Tasarımcılar kodu öğrenir.” Ücretsiz bir önizleme olmasına rağmen, tüm içeriğe erişim 30 $/aydır. YouTube popüler akış hizmetleri de JavaScript üzerinde birkaç anlaşma var. Buna tüm seri de dahildir. Bazı yüksek kaliteli, kapsamlı ve ücretsiz sonuçlar bulmak için “JavaScript Öğreticileri” veya “Yeni Başlayanlar İçin JavaScript Öğreticileri” ni arayın. Aşağıda Bucky Roberts’ın acemi bir JavaScript öğreticisi olan çok önemli bir örnek var. 10 dakika veya daha kısa süreli 40 dersde, daha önce oluşan veya biraz bilgi olmadan dile girmek isteyen herkes için JavaScript’in temellerini tartışıyor. Devfreecasts Adından da anlaşılacağı gibi, bu site becerilerini geliştirmek isteyen geliştiriciler için ücretsiz ekran görüntüsü sunar. Saf bir JavaScript parçası olmasına rağmen, React, AngularJS, Omurga ve diğerleri hakkında videolar da bulabilirsiniz. Bu web sitesinde çok fazla ücretsiz materyal var, ama maalesef çok yapılandırılmamış. Bu nedenle, devfreecast’lar tam bir kaynak olarak işlev görenden daha fazla ek rol alabilir. Yukarıdaki kaynakların üzerindeki çevre, çerçeve, kütüphane ve diğer devam eden şeyler, JavaScript yolunu başlatmanıza yardımcı olmak için yeterli olmalıdır. Ancak, daha gelişmiş bir alana ulaşmadan önce sadece zaman meselesi. Yakında, büyük olasılıkla karşılaşacağınız bazı çerçeveleri, çevreyi ve daha fazlasını tartışacağız ve daha sonra her biri için birçok acemi kaynağın bir listesini yapacağız. Yerel veya uzak. Bu çoğunlukla giderek daha popüler programlama dilinden sorumludur ve Calypso için ve çevrimiçi diğer büyük isimler için kullanılmıştır. Backbone.js – En eski JS çerçevesinin adı. Bu bir süredir WordPress çekirdeğinin bir parçası haline geldi ve orada bir dizi tema tarafından da kullanılıyor.
AngularJS – Google tarafından yönetilen bir sayfa uygulaması geliştirmek için başka bir JavaScript çerçevesi. Açısal bir açık kaynaktır ve insanlar onu yeni ateşle iyi oynamaya çalıştılar.
React – React, Facebook’un elinde bir JavaScript kütüphanesidir. Automattic bunu Calypso ve Netflix, Airbnb ve Imgur gibi diğer oyuncular için kullanıyor. Kod Akademisi – Eğitim Düğümü’nü öğrenin LearnCode.academy, kod ve ön uçla ilgili her şey hakkında bir YouTube öğreticisi üretir. Node.js: Backbone.js adresindeki bu seri de dahil olmak üzere çeşitli tanıtım ve çok sofistike videolar sunuyorlar. bir JavaScript sayfasına. Dilin zaten WordPress’te olduğu, güçlü yönleri ve yetenekleri hakkında konuşmak. WordPress Admin’de omurganın kullanılması: WordPress eklentisinde omurganın nasıl kullanılacağını açıklayan arka uç öğretici öğretici.WordPress ön uç temasını inşa etmek-Trevan Hetzel, omurga ile bir WordPress teması oluşturmaya başladı.
AngularJS, açısal ve WP dinlenme API’sını döndüren birçok insanı döndürmüş gibi görünüyor. İşte bazı örnekler:
Angularjs ve WP REST API ile temalar oluşturma
WordPress Froncend olarak AngularJS’yi kullanın
AngularJS + WP-API (WordPress API) ile web siteleri oluşturma deneyimi Levelptuts – Herkese tepki ver
React’te herkes için Levelptuts ile tepki verdik. Bu, YouTube’da ücretsiz olarak mevcut olan bir öğretici dizisidir. Aşağıdaki videodan da görebileceğiniz gibi kalite çok iyi. Ancak, hala süreçte olması için eğiticiyi geçen Kasım ayında yüklemeye başladılar, ancak yüksek bir potansiyele sahipti. Bonus: Codewars
Söylemeliyim ki, bu muhtemelen tüm listede en sevdiğim şey. Becerilerinizi yeterince geliştirdikten sonra, Codewars kendi kişisel kodlama dojo olmayı bekliyor. Fikir, giderek daha zorlu sorunları çözerek JavaScript becerilerinize hakim olmanıza yardımcı olmaktır. Oyunlaştırma öğeleri, yüksek motivasyonu korumak için bir sıralama ve derece almanıza olanak tanır ve diğer insanların çözümlerinden öğrenebilirsiniz. Ancak, web sitesine tamamen girmek için, önce dil seçiminizdeki zorlukları tamamlamanız gerektiğini, bu nedenle yeni başlayanlar için uygun olmadığını lütfen unutmayın. WordPress kadar hızlı gelişen dil ile son JavaScript’in üzerinde kalın, JavaScript oyununa ciddi şekilde girmek istiyorsanız en son ve en iyisini takip etmek önemlidir. Aşağıdaki kanal bunu yapmanıza yardımcı olacaktır. JavaScript Jabbberjapvascript Jabber, konunun en ünlü ve en uzun podcast’idir. Yaklaşık 200 bölüm ile büyük bir bilgi yığınınız var. Bu kanalda birçok farklı konuk bulunur ve geliştiriciler için iş becerileri de dahil olmak üzere çeşitli konular içerir. Javascript havası
Ancak başka bir podcast, bu nispeten yeni. Şimdiye kadar sadece 13 bölüm mevcuttur. Bu etkinlik, topluluk üyelerinin panelleriyle javascript araçları ve püf noktaları ve çalışmalarından paylaşılan deneyimler hakkında konuşan Eggheads Kent C. Dodds eğitmeni tarafından yürütüldü. Ayrıca zaman zaman doğrudan kongreden yayın yaparlar ve AngularJS için benzer kanallar çalıştırırlar. Haftalık JavaScript
JavaScript Weekly, her Cuma yayınlanan en iyi JavaScript haberleri ve makalelerle kredilendirilmiş bir e -posta bültenidir. Önceki baskı için arşivi (2010’dan kaynaklanan) kontrol edin ve sunulanlar hakkında izlenim edin. NODEUPS adından da anlaşılacağı gibi, burada Node.js ve ön uç geliştiriciler için özel bir podcast’imiz var. Çevrimiçi olarak, iTunes ve RSS üzerinden neredeyse 100 bölüm bulabilirsiniz. Her baskı 30 ila 60 dakika sürer ve düğüm paketi yöneticisi, düğüm 5.0, modüller ve daha fazlası gibi bir konuya odaklanır. JavaScript’i öğrenmek için okuyor musunuz? Duvarda Yazma: WordPress ile profesyonel olarak çalışan herkes, en azından JavaScript hakkında biraz bilgi geliştirmek için neredeyse kesindir. Özellikle ön uç tasarımcı, erken katılmak ve malzemenin derinliklerine dalmak için iyi yapacak. İyi haber şu ki, şimdi doğru zaman. JavaScript programlama diline kademeli olarak geçiş başladı ve bu da çalışmaya başlayabileceğiniz anlamına geliyor. Yeni yıl kararlarına JavaScript’i dahil eden birçok insandan biriyseniz, şanslısınız. Birçoğu ücretsiz, sadece bağımsız kurslar, kitaplar, video seminerleri, podcast ve daha fazlası dahil olmak üzere size yardımcı olmayı bekliyor. Hala yeterince hissetmiyorsanız, konuyla ilgili diğer makalelerimize bakın. Sınıfta görüşürüz. JavaScript’e bir WordPress kaymasına nasıl hazırlanırsınız? Tavsiye edebileceğiniz kaynaklarınız var mı? Bize yorum kısmında anlatın!
