JavaScript ile başlayarak (ve PHP ile nasıl karşılaştırılır)
JavaScript son zamanlarda ve iyi nedenlerle birçok haber haline geldi. WordPress geliştiricilerinin “JavaScript’i derinlemesine incelemek” için gelişen gelişmeler var. Ancak, PHP’den geçiş ilk bakışta harika görünebilir. Görüşümüze göre, PHP tek programlama diliniz olsa bile, JavaScript’e geçişin kısa sürede birkaç komut dosyasını hacklemeye başlayacak kadar rahat olduğunu bulmalısınız. JavaScript temel yapı taşının nasıl bir araya getirildiğini anladıktan sonra, daha karmaşık dil yönlerini keşfetmenizi sağlayan sağlam bir temeliniz olacaktır.
Yeni başlayanların WordPress PHP kod üreticisini hedefleyen bu kılavuzda, Javascript hakkında Y dakika içinde olağanüstü primer öğrenme X’den talimatlar alacağız. JavaScript kodunun nasıl düzenlenmesi ve yazılması gerektiğini hemen karşılaştıracağız. Ancak, her şeyden önce, JavaScript ile küçük bir WordPress geçmişi hakkında konuşalım! WordPress ve JavaScript: WordPress ve JavaScript arasındaki ilişkinin aşk hikayesi kısa bir ilişkidir, ancak olasılıklarından etkilenen birçok geliştiriciye sahiptir. İkisinin geçmişte birçok kez nasıl birleştirildiğini, özellikle de makalelerimizde JavaScript ve WordPress hakkında bilmeniz gereken her şeyi tartıştık. JavaScript çerçevesini de gördük ve kullanmanız önemlidir. Dahası, boruda geldiği yerden daha fazlası var.
JavaScript’in WordPress’e nasıl konulduğuna gelince, kağıt üzerinde ilerlemesi yavaştı. Tabii ki, perde arkasında hala çok fazla iş var. Örneğin, WordPress.com Calypso Kod tabanı tarafından desteklenir: Arayüz, NODE.JS Sunucu Yan Katmanı üzerine oluşturulur – Kısacası JavaScript uygulamasını geliştirmenize yardımcı olan çalışma zamanı kitaplığı. Dahası, yeni Gutenberg WordPress editörü yavaş yavaş dostça-javascript olur. Bu nedenle, ‘dili’ öğrenmek asla daha önemli değildir. PHP ve JavaScript arasındaki fark yakında, PHP ve JavaScript arasındaki kodlama farkını inceleyeceğiz. Ancak, her şeyden önce, iki dil arasındaki daha ‘küresel’ farkı görmek güzel.
Kısacası, her iki dilin de birçok benzerliği vardır. Bu şu soruyu gündeme getiriyor: JavaScript neden aniden vurgulanıyor? Bu makale bu sorun hakkında daha fazla açıklamasına rağmen, cevap tamamen açık değil ve Matt Mullenweg’in Calypso hakkındaki açıklaması daha fazla bilgi sunuyor. Bunun dışında, WordPress becerilerinizi ‘geleceği kanıtlamak’ istiyorsanız, JavaScript’in öğrenmeye başlamanız gereken dil olduğu açıktır. JavaScript PHP (4 anahtar öğe) ile karşılaştırıldığında, aşağıdakiler dilin ana öğelerinin tam listesinden çok uzak olmasa da, bu temel bir JavaScript programı oluşturmaya başlamak için ihtiyacınız olan temel sağlar. Ayrıca, bu öğelerin kendilerinden ekstrapolasyona başlayabileceğinizi de göreceksiniz ve bitirmeden önce daha fazla öğrenmenize yardımcı olacak bazı talimatlar vereceğiz. Değişkenler Başlamadan önce, PHP’nin bir kodun İçine sarılmasını gerektirse de, JavaScript’in bu öğeyi gerektirmediği gösterilmelidir. Bu nedenle, okuma kolaylığı için herhangi bir PHP kodu örneğinden ortadan kaldıracağız. Değişkenlerin nasıl oluşturulduğuna bakarak basitçe başlayalım. PHP’de, elbette, her değişkeni bir dolar işareti ($) ile başlatacaksınız: $ boolean = doğru; // veya true veya true
$ boolean = yanlış; // veya yanlış veya yanlış, ancak JavaScript’te bunu yapmanıza gerek yok. Dahası, dil dinamik olduğu için, türü beyan etmeniz de gerekmez. Örneğin:
Var foovar = 5;
var Barvar = ‘Bu bir dize’; Belirlenmemiş bildirilen değişkenler tanımlanmayacak şekilde ayarlanmıştır. Ayrıca değişkenin adının ‘Camelcase’ ile yazıldığını ve sonunda PHP’ye benzer şekilde bir noktalı virgül gerektirdiğini de göreceksiniz. Virgül kullanarak bir satırda birkaç değişken yerleştirebilirsiniz: var foovar = 2, Barvar = 4; Artı, JavaScript matematiksel işlemler için kısaltılmış gösterim kullanır: foovar += 5; // foovar’a eşdeğer = foovar + 5; Foovar 10 Nowfoovar *= 10; // şimdi foovar 100
// bir tane eklemek veya azaltmak için kısaltma
Foovar ++; // şimdi Foovar 101
Foovar–; // 100’e dön
Tabii ki, değişkenlerin anlaşılması genellikle kolaydır. Karmaşıklık, dilin diğer yönleriyle uğraşmaya başladığınızda ortaya çıkar.
2. Döngü, programınızdaki akışı kontrol etmek için temel bir yolu temsil ediyorsa, kontrol yapısı. Neyse ki, hem PHP hem de JavaScript, IF döngüleri için aynı yapıya sahiptir:
Eğer (x) {
Bir şey yap!;
} elseif (true) {
Bunun yerine bunu yapın;
} değilse {
Son şeyi yap;
} Aynı şey … için (var i = 0; i 1, ‘iki’ => 2, ‘üç’ => 3); Bunun yerine JavaScript, diziyi numaralı bir dizin olarak kullanır ve ‘nesne’ adlı bir dizin olarak kullanır: var myobj = {Key1: “Merhaba”, Key2: “World”}; Temel olarak sıralı olmayan ve dizinin yanı sıra erişilen bir çift anahtar değerdir, ancak Myobj [“Diğer Anahtarım”]; // = 4
// Anahtar geçerli bir kimlik olduğu sürece nokta gösterimini de kullanabilirsiniz.
Myobj.mykey; // = “Görüntüle” Nesnenin Python gibi diğer dillerde bir sözlüğe veya haritaya çok benzediğini ve PHP’den daha fazla okunması için tartışmalı olarak daha fazla göründüğünü göreceksiniz. Ancak, bu sisteme alışmak biraz zaman alabilir, bu nedenle ilk birkaç komut dosyası sırasında bazı sağlıklı hata ayıklamaya hazır olun.
4. Son işlev, işleve geliyoruz. Tıpkı diğer birçok PHP öğesi gibi, JavaScript’te de benzer bir görünüme sahipler. İlk olarak, PHP’de temel bir işlev örneği: Function_function () {
geri ‘merhaba, dünya!’;
}
echo function_saki (); Onu aramak için bir işlevi tekrarlamanız veya yazdırmanız gerekmese bile neredeyse aynı olan JavaScript işlevi: myfonction (pg) işlevi {return p. Toupercase ();
}
Myfonction (“Merhaba, dünya!”); // “Selam Dünya!” Bununla birlikte, JavaScript işlevi ‘Birinci Sınıf Nesnesi’dir, yani farklı değişken adlarına belirlenebilir ve bağımsız değişken olarak diğer işlevlere iletilebilirler. Bu etkinliğin işlenmesi mükemmel bir örnektir: myfunction () işlevi {
// Bu kod 5 saniye içinde çağrılacak
}
SetTimeout (Fungsiku, 5000); Merak ediyorsanız, SetTimeout aslında JavaScript’in bir parçası değildir, ancak bir web tarayıcısı tarafından sağlanır ve Node.js. Fonksiyon elbette bundan daha derin olabilir. Bu nedenle, tüm bu yönergeleri uygulamadan önce bir bakışta x öğe belgesinde öğrenmeye teşvik ediyoruz. JavaScript’i daha önce açıkladığımız gibi nasıl keşfedilir, bu bölüm yalnızca JavaScript’in PHP’ye kıyasla temellerini açıklamaktadır. Bu nedenle, dil hakkında daha fazla bilgi edinmek istiyorsanız, bazı ek kaynaklara ihtiyacınız vardır. Tabii ki, önce tork blogunu keşfetmenizi öneririz, çünkü JavaScript’i en baştan incelemekle ilgili birçok yararlı makalemiz var. Birkaçından bahsettik, ama bu iki tane daha:
WordPress için JavaScript’i incelemek için 28 Yüksek Kaliteli Kaynak
WordPress geliştiricisi olarak JavaScript nasıl çalışılır
Ayrıca WordPress’te JavaScript’i nasıl kullanmaya başlayacağımızı gördük. Bu kısım birkaç yaşında olmasına rağmen, platformun JavaScript’i nasıl ele aldığının sağlam bir örneğidir. Son olarak, dili bir bütün olarak öğrenmek için bir dizi genel hedef öğretici öğrenmek istersiniz. İyi bir kitap almadan önce JavaScript’teki MDN Mozilla sayfasıyla başlamanızı öneririz. JavaScript, paramız için tartışmasız piyasadaki en iyi kaynaklar akıcıdır. Sonuç neredeyse can sıkıntısı noktasında tartışıldı, ancak JavaScript ve WordPress her gün daha uyumlu hale geliyor. ‘Silah çağrıları’ yayınlandığından beri, geliştirici “JavaScript’i derinlemesine incelemeye” başladı. Bununla birlikte, PHP’ye hakim olanlar için, yeni bir dil öğrenmek tırmanmak için dik bir dağ gibi hissedebilir. Bu yazı, PHP kodunun JavaScript ile karşılaştırıldığında nasıl olduğunu gördü ve ikisinin yan yana karşılaştırma sunuyor. Bu dört temel öğeyi anlamak, tüm JavaScript dilinin kilidini açmanın anahtarıdır: değişken
Kontrol yapısı
Dizi
İşlev
JavaScript’i bir PHP geliştiricisi olarak öğrenmek ister misiniz ve eğer öyleyse hangi kaynakları kullanıyorsunuz? Aşağıdaki yorum bölümünde bize bildirin! Üstün resim: Ahmadardity.
