WordPress’i hızlandırmak için 13 javascript katil kaynak
JavaScript’in yeni bir PHP olduğunu duyduysanız (veya en azından, önümüzdeki yıllarda WordPress teknolojisi yığınlarının önemli bir parçası olacak) veya JavaScript’i öğrenmek istiyorsanız, ancak bunalmış ve nereden başlayacağınızı bilmiyorsanız, bu senin için bir gönderi. Automattic, WordPress.com için Calypso masaüstü uygulamasını ve WordPress’in çekirdeğinde birleştirilmiş REST API’si çıkışından bu yana son birkaç hafta içinde JavaScript hakkında birçok görüşme oldu. Bu yazıda, gelecekteki JavaScript WordPress’e bir göz atacağım ve JavaScript’i incelemek için en iyi kaynaklarıma göz atacağım.
JavaScript gelecekteki WordPress en azından son iki yıldır sıcak bir WordPress konusu haline geldi, ancak hakimler çok fazla: JavaScript ve WordPress Rest API, gelecekteki uzun vadeli platformun kalbi olacak. WordPress.com’daki Calypso arayüzünün açılması (React and Node.js karışımı ile desteklenir), şehirde yeni bir şerif olduğuna dair açık bir göstergedir. API dinlenmesinin gelişi, geliştiricinin PHP sorunlarından ve eski kodlardan etkili bir şekilde kaçınabileceği ve tam ön uç geliştirmeyi JavaScript’e aktarabileceği anlamına gelir. Yıllarca bu yönde ağır talimatlar verdikten sonra, 2015 kelimesinin durumu Matt Mullenweg nihayet bu sorunu ön ve ortada, JavaScript ve API tabanlı arayüzü platformun geleceği olarak gördüğünü açıkça açıkladı.
Mullenweg konuşmasında, Nomadbase.io, StoryCorps ve Automattic’in sahip olduğu Calypso gibi bir dizi JavaScript API tabanlı projeyi vurguladı. API REST’nin geçen hafta resmen çekirdeğe taşınmasından sonra gelecekte JavaScript entegrasyonu açısından bu tür projelerin buzdağının zirvesi olmasını bekleyebiliriz. Hayalet geliştiricisi John O’Nolan’ın Calypso’nun lansmanı hakkında bir görüşte gösterildiği gibi, platform için yeni baskın programlama diline ve geçmişle belirleyici fesih olasılığına doğru bir değişime işaret eden bir dönüş noktasındayız: ” Şapkamı (iyimser) yüzüğe kaldırın ve WordPress 5.0’ın tamamen JavaScript’te olacağını veya neredeyse tamamen yazılacağını söylüyor. İstemcinin ve yaklaşan sunucunun API ile ayrılması çok fazla geriye dönük uyumluluk bagajını kıracaktır. Bununla birlikte, Calypso’nun platform tarihindeki WordPress mimarisine olan tek en büyük güven olduğunu göstermek çok önemlidir. Bu, uzun yıllar sonra Matt, ‘WordPress’in gelişmediğini düşünüyorsanız, WordPress.com ile desteklediğimiz 12 milyon siteye veya Mashable gibi ana haber web sitesine bakın’ dedi.
JavaScript oyununuzu geliştirmek için kaynaklar listesini çözmeden önce, PHP tabanlı WordPress geliştiricileri için hangi sorunların tümü anlamına geldiğini çözmemiz gerekebilir. Şimdi büyük kırmızı panik düğmesine basmanın zamanı geldi mi? PHP, şu anda çoğunlukla WordPress PHP’nin bir geliştiricisi olarak geçimini sağlıyorsanız, bu biraz endişe verici bir zaman olabilir. RIP kablosuna ulaşmanız gereken noktada yeterli değiliz, ancak becerilerinizi genişletmeye başlamak için doğru zaman açıktır. Bununla birlikte, PHP’yi özü olarak yapmak, WordPress’in yıllarca, özellikle kendiniz tarafından gönderilen kurulum açısından başarısında önemli bir rol oynamıştır. Web’deki en büyük kurulum tabanı ile gemiyi başka bir yöne yönlendirmek uzun zaman alacak. WordPress Core ekibi ayrıca platform boyunca PHP kodlama ve güvenlik standartlarını artırmaya devam ediyor ve PHP7’nin yakın gelecek vaatlerine gelişi Uzun zamandır gecikmiş olan hız ve performansta bazı artış.
PHP 7, WordPress için hızda önemli bir artış vaat ediyor.
Yani, hikayeyi kısaltmak için, bu WordPress geliştiricileri için zorlu ve hoş bir zamandır. Hala platformun bir sonraki aşamasının başındayız, ancak giderek daha açık olan bir şey – JavaScript hakkındaki cehalet, uygulanması giderek daha riskli bir stratejidir. Bunu hatırlayarak, JavaScript ile hızlanmak için kaynak listemizle başlayalım. Yeni bir programlama dilinin üstesinden gelmek, hafta sonu boyunca duracağınız görev türü değildir, bu nedenle seçimlerimizi bir dizi temel kategoriye ayırdık ve öğrenmeniz için bir dizi genel yapı vermek ve size net bir yol sunduk. Güçlü Yeni diller öğrenmek zorunda kaldıklarında cilt kedilerinin birden fazla yolu vardır. Yaparken karıştırma ve öğrenmeyi keşfetmek için söylenebilecek birçok şey olmasına rağmen, zamanınızı optimize etmek için bir tür yapılandırılmış öğrenme kanalını yenmek zordur. İlk dört kaynağımız bunu sağlamayı amaçladı.
1. Akıcı JavaScript
Şimdi ikinci baskısına giren Marijn Haverbeke’nin Elofent JavaScript’i çevrimiçi olarak okumakta serbesttir ve Amazon’da Kindle ve Ciltsiz olarak da satın alınabilir. Bu, çok kolay bir şekilde yaklaşılan ve üç ana parçaya bölünmüş bir dil özetidir: dil sözdizimi, tarayıcı ile ilgilenen ve Node.js ile çalışır.
Tinker ve keşfetmeniz için ücretsiz olan iyi entegre olan doğrudan kod örnekleri aracılığıyla öğrendiğinizde tarayıcıda takip edebilirsiniz. AI simülasyonu, hoş ve renkli platform oyunları ve dinamik web siteleri gibi küçük projeler oluşturarak ellerinizi kirletebileceğiniz beş proje bölümü de dahildir. Dilin çekirdeği hızla. JavaScript ve programlama konusunda yeniyseniz veya temelleri anlayamayan önceki çabalarla ertelenmişseniz, bu, dilin ana kısımlarının çoğunda özlü, iyi bir şekilde size yardımcı olacak çok iyi bir astardır. 1. JavaScript akıcı mı?
Detaylar 2. JavaScript’in doğru şekilde nasıl öğrenilmesi
JavaScript’i doğru öğrenmenin yolu, yeni başlayanlar ve deneyimli geliştiriciler için iki farklı yola ayrılan Richard Bovell’in Lady Pathway’dir. Her iki parça da etkili JavaScript’ten farklı bir yaklaşım benimser çünkü bağımsız ve bağımsız kurslardan ziyade dış kaynaklara yapılandırılmış bağlantıların bir koleksiyonudur. Çevrimiçi olarak çok iyi JavaScript kaynakları göz önüne alındığında, bu akıllı bir yaklaşımdır. Hem yeni başlayan hem de geliştirici parçaları, altı ila sekiz haftalık bir zaman çizgisine ayrılmış ve yol boyunca ele alınacak örnek bir proje içeren iyi seçilmiş bir öğrenme rotası sunar.
Kiraz kursları, sadece kitap duvarlarını ve web sitelerini öğrencilere atmak yerine, mevcut başlıklardan ve kurslardan belirli unsurları seçer. Ayrıca, Web Kodu Akademisi’nin temelleri gibi başlamadan önce yeni başlayanların ele alınması için yararlı olan ek materyalleri de gösterir. İster deneyimli bir acemi veya deneyimli bir geliştirici olun, JavaScript’in doğru bir şekilde nasıl öğrenileceği, dilin temellerini güçlü bir şekilde anlayarak hızlı ve etkili bir şekilde kafa karıştırıcı olma potansiyeline sahip çeşitli kaynak materyallere taşıyacaktır. Önde gelen geliştiriciler çevrimiçi olarak mevcuttur.
Devam eden bir öğrenme yoluna bir yaklaşımın hayranıysanız, Derek Sivers ve Addy Osmani gibi geliştiricilerin teklifleri de dahil olmak üzere JavaScript öğrenme yolunda alternatif seçeneklerin tam bir listesini bulabilirsiniz. 2. JavaScript nasıl öğrenilir?
Detaylar 3. JavaScript doğru şekilde
JavaScript Fikirleri Jalan Kanan, PHP Jalan Kanan’daki benzer çabalardan birçok PHP geliştiricisine aşina olacak. Bu durumda, bu, büyük miktarda yararlı bilgileri dar bir alana paketlemeyi başaran iyi yürütülen bir sayfadır. Nispeten deneyimli bir geliştiriciyseniz, bu JavaScript’in en iyi uygulamalarının ne olduğunu hızlı bir şekilde anlamak ve size daha fazla araştırma için birçok yol vermek için iyi bir başlangıç noktasıdır. Örneğin, kimin takip edeceğine dair kısım, genel olarak JavaScript topluluğundaki önde gelen seslere çok yararlı bir giriş. Doğru şekilde 3. JavaScript ile ilgileniyor musunuz?
Detaylar
4. JavaScript: Kesin Kılavuz
Basit bir Google araması veya taşma yığınına yapılan gezi, günümüzün programlama bulmacalarını çözmek için yeterlidir, ancak dile ilk kez veya uzman kullanıcılara yaklaşırsanız olun, belirli bir referans kılavuzuna sahip olduğu söylenebilecek birçok kişi vardır. O’Reilly’nin başlığı onlarca yıldır geliştiriciler için bir hediye oldu ve bir JavaScript referans kitabı okuyacaksanız, JavaScript David Flanagan: Kesin Kılavuz olabilir. Bu, sıralı okuma açısından kükreyen bir iplik değildir, ancak bir antiplet referansının yenilmesi zordur. 4. JavaScript: Kesin Kılavuz? Detaylar Geliştirme ortamınızı mükemmelleştirdiğinde, javascript becerileriniz daha keskinleştiğinde, doğal olarak, tekrarlamayı önlemek ve bir kod yaptığınızda gibi şeyleri korumak için yerel gelişim ortamınızı mükemmelleştirmek için daha fazla dikkatinizi daha fazla yönlendirmeye başlayacaksınız. Bu durumda JavaScript’te ve herhangi bir programlama dilinde çok sayıda seçenek mevcuttur, belirli işler için en iyi araçların ne olduğu hakkında kesin olarak birkaç görüşten fazla. Bugün JavaScript’in popülaritesi ile her gün yeni araçlar da ortaya çıkıyor. Bunu hatırlayarak, bu bölümdeki bazı noktalar genel olacak ve kendinizi keşfederken özel iş akışınız için daha uygun başka seçenekler bulabilirsiniz. Ancak, aşağıdaki seçenek iyi başlamanızı sağlayacaktır.
5. Webstorm Metin Düzenleyicisi
Metin düzenleyicisinin seçimi her zaman programcılar arasında bir tartışma olma potansiyeline sahiptir. Sepetinizi Emacs veya Vim gibi bir klasike yüklediyseniz, JavaScript sözdizimi ile verimli bir şekilde çalışmak için her ikisinde de çok destek bulacaksınız. Yüce metin kullanmaya alışkınsanız, JavaScript geliştiricileri için hedeflenen çeşitli eklentiler de mevcuttur. Birçok WordPress geliştiricisi, JavaScript kodunu kolayca yapmak için de kullanılabilecek Jetbrain’e alışır. JavaScript için optimize edilmiş bir fikirle çalışmaya başlamak istiyorsanız, Jetbrain Webstorm doğru seçim olabilir. JavaScript, Düğüm, HTML ve CSS için tek sınıf destek, birçok yerleşik hata ayıklama, kontrol sürümleri ve görev koşucuları aldı. Sonunda istediğiniz metin düzenleyicisinin yanı sıra, genel kod uyuşmazlıkları açısından temel bilgilere hakim olmayı hak etmeniz ve mevcutsa özel JavaScript özelliklerini bilmenizdir. 5. Webstorm Metin Düzenleyicisi ile ilgileniyor musunuz? Detaylar
6. jsfiddle
Bir kavram çizim yapmak veya kafanızdan bir şey almak için bir kod hazırlarken bir kalem ve kağıda sahip olmak çok kullanışlıdır. Aynı şekilde, JSFiddle, JavaScript, HTML ve CSS’nin küçük bölümlerini tarayıcıda anında oluşturmanıza, test etmenize ve paylaşmanıza olanak tanır. Başlamak ve çalıştırmak için, JSFiddle belgesinde takip edilmesi kolay olan bir tanıtım öğreticisine bakın veya aşağıdaki videoyu izleyin. Bir nedenden dolayı, JSFiddle sizi karıştırmazsa, Codepen ve JS bin de dahil olmak üzere çevrimiçi deney yapmak için bir dizi benzer alternatif vardır. 6. JSfiddle ile ilgileniyor musunuz?
Detaylar 7. JavaScript’teki kromedebugging geliştirme araçları çok karmaşık konulardır.Fikirleriniz tarafından sağlanan araçlara güvenmenin yanı sıra, öğrenirken kodunuzda gerçekten ne olduğunu öğrenmek için orijinal tarayıcıyı kullanmaya alışmanız gerekir.Firefox, Safari ve IE için hata ayıklama araçları var, ancak başlamak için en iyi yerlerden biri Chrome Dev Araçları ile.Google’ın JavaScript için mükemmel bir rehberi var ve Adddi Osmani’den Chrome Dev Tools’da yeni olanlar da çok bilgilendirici bir genel bakış.7. Chrome Geliştirici ile ilgileniyor musunuz?
Detaylar
8. Daha geniş JavaScript Araç Kaynakları
Şimdiye kadar birkaç ortak hedefi tartıştık, ancak modern JavaScript gelişiminin iş akışı dil için gittikçe daha özel araçlara bağlı. Bu karmaşık bir alandır ve dili hala anlarsanız sorunlara neden olma potansiyeline sahiptir, bu nedenle bu bölümü, kullanmanız gereken şey için bir dizi tariften ziyade düdüğünüzü ıslatmak için bir giriş özeti olarak ele alın. Let’s Code JavaScript’in JavaScript geliştiricileri tarafından kullanılan mevcut seçeneklerin çoğu hakkında kapsamlı bir ankete sahip. Genel Bakış Marcin Grzywaczewski Modern JavaScript araçları hakkında çok daha kolay erişilebilir birçok malzemeyi işler. Daha fazla keşfetmeye başlamanıza yardımcı olmak için Gulp, Grunt, Bower ve Mocha gibi araçlar için burada açıkça yazılmış bir giriş bulacaksınız. Burada belirtilen araçlardan birinin kafa karıştırıcı olma potansiyeline sahiptir ve yukarıda bahsettiğimiz dil öğrenme yollarından birini takip ederseniz çoğunu doğal olarak alacaksınız. Envato’daki Yoeman ve Yasemin, Pro Front End ve Wellman iş akışı kursları gibi araçlara yumuşak bir giriş arıyorsanız görülmeyi hak ediyor. Yukarıda kullanacağınız araçların çoğu, düğümlerin varlığına şu ya da bu şekilde güveniyor ve bir sonraki şeyimizi rahatsız edeceğimiz yer burası. 8. Daha geniş JavaScript Araç Kaynakları? Detaylar
Code Academy, her türlü ön uç konu hakkında danışmanlığa layık olan çok iyi bir YouTube tabanlı öğrenme kaynağıdır. Onların öğretici koleksiyonu çok yararlıdır ve girişten bu dilde tamamen yeni olanlara kadar karmaşık uygulama senaryolarını ve performans ayarlamasına kadar her şeyi getirecektir. Tanıtım videoları, PHP geliştiricilerinin düğümü anlamaya başlaması için iyidir, çünkü izleyicileri bu arka plandan tartışmaktadır. 9 ile ilgileniyor musunuz? Öğretici Düğüm Kodu Akademisi?
Detaylar 10. Node.js ile bir Microsoft uygulaması oluşturmak doğrudan başlar
Düğümlerin şirket düzeyinde dalgalar yapmak için çok fazla olduğunu kanıtlıyor, Microsoft’un düğüm tabanlı bir uygulama oluşturma genel incelemesi, Windows kullanıp kullanmasalar da geliştiriciler için mükemmel bir giriştir. Bir dizi iyi yapılandırılmış modül haline getirilen bu seri, sizi düğümlerin temelleri boyunca getiriyor, NPM ve Web Express çerçevesi sunuyor ve Azure’da tam düğüm tabanlı uygulamalar ve uygulamalar oluşturularak tamamen inşa ediyor. 10. ile ilgileniyor Microsoft, Node.js ile uygulamalar oluşturur hemen başlıyor? Detaylar
Geliştirici çerçevesi hakkında kısa bir kelime doğal olarak kendilerini tekrarlamayı reddetti ve JavaScript eğitiminizde belirli bir aşamada, her zaman değişen JavaScript çerçevesi dünyasını bulacaksınız. Her ay yenileriyle oldukça kafa karıştırıcı bir dizi rekabetçi çerçeve var. JavaScript çerçevesine gelirken sizi belirli öğrenme kaynaklarına yönlendirmek yerine, dikkatinizi sadece uzun vadede hayatta kalma eğiliminde olan üç tanınmış adaya çekeceğiz: Omurga: Omurga JavaScript çerçevesinden bir ebeveyndir ve WordPress geliştiricisinin dişlerini kesmesi için çekici bir seçenek sunması için WordPress çekirdeğine paketlenmiştir.
AngularJS: Bir Google projesi olarak, AngularJS’nin yakın gelecekte kaybolmayacağından ve insanlar WordPress Rest API’sının entegrasyonunu denediğinden eminsiniz.
React/Röle: Çerçevelerden daha fazla kütüphane olsa da, Calypso projelerinde React’i kullanmak için otomattik kararlar, WordPress/JavaScript’in entegrasyonu ile esen rüzgar yönünün bir göstergesi olabilir. Röle adı verilen tam bir tepki tabanlı çerçeve yakın zamanda bırakıldı ve dikkate alınmayı hak ediyor. Şimdiye kadar tartıştıklarımızdan bildiğimiz gibi toplulukla en son, JavaScript’e hakim olma mücadelesinin yarısı sadece en son gelişmeleri izliyor. Bunu hatırlayarak, listemizi iki podcast karışımı ve aşağıdaki gelişmeleri sürdürmek için kullanabileceğiniz bir e -posta listesi ile kapatacağız.
11. JavaScript Jabber Podcast Ruby Rogues ile aynı tonda – ve aynı Personel’i görüntüler – Jabber JavaScript, JavaScript gelişiminin tüm yönlerinde eğlenceli, eğlenceli bir ekrandır. Mevcut bölüm arşivleri ile, genel olarak çevrimiçi öğrenme konusundan başlayan her şeyi içeren bir bölüm bulabilirsiniz. 11. JavaScript Jabber ile ilgileniyor musunuz?
Detaylar
12. Haftalık JavaScript İlginç bir JavaScript makalesi için interneti keşfetmek, birkaç saat atlamak için yönlendirilen bir yoldur, ancak geliştirici zamanının en etkili kullanımı değildir. Peter Cooper’dan JavaScript Weekly, her Cuma günü doğrudan gelen kutunuza bir haber ve en iyi JavaScript makaleleri listesi getirmesi gerekmeyen çok fazla çalışma tasarrufu sağlıyor. 12. Haftalık JavaScript ile ilgileniyor musunuz?
Detaylar
13. Changelog
Olağanüstü bir 5by5 ağında gösterilen Changelog, açık kaynak topluluğundaki en son gelişmelere odaklanan düzenli bir podcast. Son beş yılda JavaScript Açık Kaynak Projesi’nin patlamasıyla, bu, daha geniş geliştirme konusunu takip ederken JavaScript açısından gelenlerle temas halinde kalmanın çok rahat bir yoludur. 13. Changelog ile ilgileniyor mu? Detaylar
JavaScript bilgisi Bir WordPress geliştiricisi olsanız da olmasanız da, JavaScript hakkındaki bilgilerin her türlü ön uç çevrimiçi deneyimini daha sonra daha hızlı bir gereklilik olması muhtemeldir. WordPress’teki JavaScript entegrasyonunun mevcut seviyesi, PHP geliştiricilerine becerilerinizi geliştirmek ve JavaScript müzik trenini erken aşamalarda takip etmek için iyi fırsatlar sunar. Aşağıdakiler, JavaScript ile başarıya beş aşamalı yol haritamın kısa bir özeti:
Katı JavaScript Temel Öğrenme Yolunu seçin
JavaScript aracınızı mükemmelleştirmeye başlayın
Düğümü tanıyın JavaScript çerçevesini keşfetmeye başlayın
Daha geniş bir topluluktaki gelişmelerle hızla devam edin
Gelecek için JavaScript becerilerinizi nasıl keskinleştirmeyi planladığınızı duymak istiyorum. Yukarıda kaçırdığımız kaynak var mı? Aşağıdaki yorumlar aracılığıyla bize ulaşın ve bize söyleyin. Etiket:
Javascript
Yangın
