JavaScript nedir? Özellikler, Kullanım Durumları ve Daha Fazlası

Web'de büyük ölçüde kullanılan bir betik diline JavaScript (JS) denir. Sıklıkla HTML koduna entegre edilir ve HTML sayfalarını geliştirmek için kullanılır. Açıklamalı bir dil JavaScript'tir. Sonuç olarak, monte edilmesi gerekmez. JavaScript, web sitesi içeriğini eğlenceli ve etkileşimli bir şekilde üretir. 2022'ye kadar çoğu web sitesi, web sayfalarının nasıl davrandığını kontrol etmek için kullanıcı tarafında JavaScript'i, sıklıkla üçüncü taraf kitaplıkları kullanarak kullanacak. Her büyük web tarayıcısında özel bir JavaScript motoru mevcuttur. Yazılımı kullanıcıların gadget'larında çalıştırmak için kullanılır.

JavaScript nedir?

JavaScript, ECMAScript uyumlu üst düzey, genellikle tam zamanında talimat dizisi olacaktır. Birinci sınıf işlemlere, prototip tabanlı fiziksel yeteneğe ve sözdizimi vurgulamasına sahiptir. Olay odaklı, reaktif ve programlama dili dillerini destekler ve çok paradigmalıdır. Belge Nesne Modeli, sorgulama dili, tarihler ve ortak veri yapılarını (DOM) kullanmak için uygulama yazılımı (API'ler) sunar.

ECMAScript belirtiminde iletişim, depolama veya görsel yetenekler gibi giriş/çıkış (G/Ç) özellikleri yoktur. Gerçekte, JavaScript I/O API'leri internet tarayıcısı veya başka bir çalışma zamanı sistemi tarafından sunulur. Başlangıçta yalnızca internet tarayıcılarında bulunan JavaScript işlemcileri, artık belirli web sitelerinin ve çok çeşitli uygulamaların hayati bir parçasıdır. Node.js, bu uygulama için en yaygın kullanılan çalışma zamanı platformudur. Java ve JavaScript için tutarlı bir ada, dilbilgisine ve standartlaştırılmış kitaplıklara sahip olmasına rağmen, farklı diller benzersizdir ve oldukça farklı tasarımlara sahiptir.

JavaScript'i Daha Derin Bir Düzeyde Tanımlamak

Arada bir, bir kullanıcı sayfası, oturup bir göz atmanız için gerekli ayrıntıları göstermekten daha fazlasını yapar - zamanında, daha iyi içerik, ayrıntılı haritalar, etkileşimli 2D/3D grafikler, kaydırmalı multimedya müzik kutuları vb. gerçekten JavaScript'in muhtemelen dahil olacağına bahse girerim. JavaScript, kullanıcıların web sayfalarında gelişmiş yapıları zorlamalarına izin veren bir komut dosyası oluşturma veya kodlama platformu olacaktır. İlk ikisi (HTML ve CSS) ortak web teknolojilerinden oluşan keklerin üçüncü katmanı olacaktır.

HTML veya hiper metin komut dosyası kullanarak çevrimiçi materyalimizi biçimlendirebilir ve açıklama ekleyebiliriz. Örneğin paragraf, başlık, tablo, çizelge tanımlayabilir, sayfaya resim ve video ekleyebiliriz.

Bir kurallar ve yönergeler sözlüğü olan CSS'yi kullanarak, temel renkleri ve yazı tiplerini seçip çok sayıda sütun halinde düzenleyerek HTML metnini birçok şekilde biçimlendirebiliriz. Üst düzey bir programlama dili, materyalleri dinamik olarak güncellemek, multimedyayı yönetmek ve grafikleri canlandırmak dahil hemen hemen her şeyi yapmanıza olanak tanır. Tamam, belki bir şey değil, ama birkaç kelimelik bir kod üretecinin yapabilecekleri şaşırtıcı.

İstemci Tarafı JavaScript

İstemci tarafı, dilbilgisi yapısının en popüler varyasyonu JavaScript'tir. Komut dosyasının kodunun bir tarayıcı tarafından tanınması için, bir HTML belgesine dahil edilmesi veya bu belgeden bağlanması gerekir.

Yeni bir web sitesinin statik HTML olması gerekmediğini, ancak kullanıcılarla iletişim kuran, tarayıcıları yöneten ve hareket halindeyken Html belgeleri oluşturan programlar içerebileceğini ima eder.

JavaScript istemci tarafı yöntemi, tipik CGI sunucu tarafı programlarına göre çeşitli avantajlar sunar. Örneğin JavaScript, bir kullanıcının bir giriş alanı içinde yeni bir e-posta adresi sağlayıp sağlamadığını belirlemek için kullanılabilir.

Bir müşteri bir form gönderdiğinde JavaScript çalıştırılır ve yalnızca tüm girişler doğruysa uzak sunucuya gönderilir. JavaScript, basma düğmeleri, köprü hareketi ve diğer olaylar gibi kasıtlı veya dolaylı olarak başlatılan kullanıcı etkinliklerini engellemek için kullanılabilir.

Javascript Ne İçin Kullanılır?

1. Web Geliştirme

Web sayfaları, JavaScript olarak bilinen istemci programlama dili kullanılarak yapılır. Netscape bunu bağımsız programlama olarak yarattı. Bir web sitesinin dinamik hale getirilmesi gerektiğinde, döndürme, kullanıma sunma ve birçok görsel biçimi gibi sayfalara farklı yetenekler sağlamak için kullanılır. Tüm web siteleri öncelikle doğrulama amacıyla kullanır. Doğrulamalarla ilgili olarak Word belgeleri, çalışan düğmeler, Flash uygulamaları için destek vb. gibi harici programları etkinleştirir. Bir kullanıcı talep ettiğinde, sayfayı yenilemeden de materyali bir sayfaya yükleyebilir.

2. Web Uygulamaları

Kişisel bilgisayarlar ve masaüstü uygulamaları teknolojik olarak ilerlediğinden, artık güvenilir çevrimiçi uygulamalar oluşturmak için bir dil gereklidir. Kullanıcının Google Haritalar'da bir dünya üzerinde gezinmek için yalnızca işaretçiyi tıklayıp sürüklemesi yeterlidir. Tüm ek görünümlere tek bir tıklama ile erişilebilir. JavaScript sayesinde bu mümkün. Bilgisayarlarla ileri geri iletişim kurmadan kullanıcıyla etkileşime girer. JavaScript, koda ek yetenekler vermek için Programlama Dillerini (API'ler) kullanır.

3. Sunumlar

JavaScript, web siteleri olarak da sunumlar oluşturma yeteneği sunar. Web tabanlı bir slayt sunumu oluşturmak için JavaScript, RevealJS ve ısmarlama paketler sunar. Reveal.js, en çarpıcı ve ilgi çekici sunumların çoğunu oluşturmak için HTML kullanır. Kullanıcı için yuvalanmış slaytları yerleştirmek kolaydır. Bu kadar çok çevrimiçi yardımla, herkes programlama deneyimi olmadan bir web sitesi tasarlayabilir. Bu slayt gösterileri dokunmatik olarak optimize edilmiştir ve tabletlerde, akıllı telefonlarda ve diğer taşınabilir cihazlarda iyi performans gösterir.

Ayrıca JavaScript, birkaç slayt arka planı, geçiş stilleri ve stiller sunar. Tüm CSS renk biçimleri desteklenir. Ek olarak JavaScript, Bespoke.js eklentisine geniş bir işlevsellik yelpazesi sunar. Bunlar, kod örnekleri için dinamik madde işaretli listeler, duyarlı ölçekleme ve sözdizimi altını çizer. Zevkli ve abartısız temalar sunar. Bespoke.js'yi başlatmak için bir jeneratör kullanmak en hızlı seçenektir. Kullanıcı, gerekli eklentileri edinmek için sunumlarına başlıklar ekleyebilir ve bir dizi soruyu yanıtlayabilir.

4. Sunucu Uygulamaları

Bir sunucunun yardımıyla Node JS, sistemlere dağılmış olay odaklı, küçük ve etkili uygulamaları kullanır. Bir kullanıcı JavaScript'te karmaşık istemci tarafı uygulamalar oluştururken, iki dil arasında zihinsel çevirilerin mümkün olması için işlevsellik JavaScript'te yalnızca istemcide yazılabilir.

5. Web Sunucuları

Node JS kullanılarak bir web sunucusu oluşturulabilir. Node JS, olay odaklı olma ve önceki bir çağrının sonucunu beklememe avantajına sahiptir. Bir önceki arama için bir bilgi alındığında uyarı almak için olayları kullanırken sonraki aramaya geçer. Node JS tabanlı sunucular son derece hızlıdır, ara belleğe alma gerektirmez ve verileri parçalar halinde taşır.

Ek olarak, tek iş parçacıklı ve engellemesiz bir olay döngüsü kullanır. HTTP paketinin createServer() işlevi, bir sunucunun oluşturulmasına yardımcı olmak için kullanılabilir. Birisi sürekli olarak 8080 numaralı bağlantı noktasını izlediğinde, bu prosedür çalıştırılır. Buna karşılık, HTTP sunucusunun HTML çıktısı alması ve onu HTTP isteğine eklemesi gerekir. “npm install -g HTTP-server” girilerek hızlı bir şekilde kurulabilir ve “HTTP-server” işlemi çalıştırılarak başlatılabilir.

6. Oyunlar

Web sayfalarına ek olarak JavaScript kullanılarak da oyunlar yapılabilir. JavaScript'in oyun geliştirmedeki popülaritesi, HTML5 ile entegrasyonundan kaynaklanmaktadır. Zengin görüntülerle etkileşim için basit yöntemler sunan Ease JS kitaplığını sunar. Ayrıca, tüm Flash geliştiricileri tarafından bilinen yapılandırılmış bir sunum listesine sahip bir API sunar. Kullanıcının oluşturduğu aşama, sunum listesini amaçlanan tuvaline ulaştıracaktır. Ek olarak, Ease JS, Sprite olarak bilinen ve değişiklikler için hedef oluşturmak üzere hemen oluşturulan 2B bitmapler içerir.

7. Sanat

HTML5 ve JavaScript kullanarak bir web sitesinde görüntü oluşturmak artık daha kolay. Bir tuval üzerinde herhangi bir iki veya çoklu şekil oluşturma yeteneği, tarayıcıyı her türlü dijital sanat çalışması için tamamen yeni bir platform haline getirdi. Bir tuvalin sınırı ve özü olmayacağı için, herkes onu sanat yapmak için kullanabilir.

8. Akıllı Saat Uygulamaları

Javascript, herhangi bir cihazda veya uygulamada kullanılabildiği için en yaygın kullanılan dildir. Akıllı saat uygulamaları, JavaScript Uses tarafından sağlanan Pebble JS adlı bir uygulamayı kullanır. İnternetin çalışması gereken uygulamalar için bu çerçeve etkilidir. Bir geliştirici, çeşitli saatler için JavaScript uygulamaları oluşturmak için Pebbles'ı kullanabilir.

9. Mobil Uygulamalar

Web ayarları olmadan uygulamalar oluşturmak, JavaScript kullanılarak gerçekleştirilebilecek en önemli görevdir. Apple ve Android'in mobil pazara hakim olması nedeniyle, bu cihazları oluşturmak için iki farklı programlama dili kullanılmaktadır. Bir kez yazıp her iki sistemde de kullanmak mümkün olmalıdır.

Bunu mümkün kılan çerçeve PhoneGap'tir. Yeni geliştirilen React Native bu işlevi sağlıyor. Platformlar arası güncellemelere ve kullanıma sunmalara ana katkıda bulunur. Bu nedenle Javascript, uygun programları çeşitli bağlamlarda elde etmek ve dağıtmak için kullanılabilir.

Gelişmiş Javascript: Çerçeveler ve Kitaplıklar (JS'yi Kolaylaştıran AKA Araçları)

JavaScript ile çalışırken, menü geçişleri ve yavaşlamalar, dosya aktarım formları ve resim galerileri gibi bazı JS özelliklerinin ve işlevlerinin çeşitli web sitelerinde ve çevrimiçi uygulamalarda sıklıkla göründüğünü keşfedeceksiniz. İhtiyacınız olduğunda bu öğelerin her birini sıfırdan oluşturabilseniz bile, jQuery gibi kodlama çerçevelerini kullanmak bir programcı olarak hayatınızı çok daha basit hale getirecektir.

jQuery

Tek satırlı jQuery talimatları, jQuery kitaplığında bulunan JavaScript kodlama işlemlerini yürütebilir. Onun yerine jQuery kodu kullanılıyorsa, önceki JavaScript kod örneği şu şekilde görünür:

 <script> $(“#submit”).click(function () { var greeting = $(“#name”).val(); $("#headline").html("Thank you for joining our email list," + greeting); return false; }); <script/>

Gördüğünüz gibi, jQuery kodlama stili çok daha özlü. Bir web sitesini ve çevrimiçi uygulamayı kodlamak istediğinizde ve aynı JavaScript işlevini yürütmeniz gerektiğinde kullanılabilir.

JQuery kodu, belirli amaçları gerçekleştirmek için doğrudan jQuery çerçevesinden enjekte edilen kodun jQuery alıntıları olarak adlandırılan yukarıdaki gibi örneklere ek olarak daha karmaşık eklentiler oluşturmak için birleştirilebilir. Orijinal verilerin kopyalanıp yapıştırılabileceği jQuery Graphics (Kullanıcı Arayüzü) kitaplığı aracılığıyla jQuery eklentilerine doğrudan erişim mümkündür.

ReactJS

ReactJS, jQuery de dahil olmak üzere web geliştiricileri için bir başka önemli Javascript çerçevesi olacaktır. Facebook, 2011 yılında React JS'yi kullanıcı arayüzü geliştirmeye (kullanıcı arayüzleri) odaklanan bir ön taraf JavaScript araç seti olarak yarattı. Bilmiyorsanız, kullanıcı arayüzleri (UI'ler) ekran panelleri, arama çubukları, simgeler ve bir kullanıcının üçüncü taraf bir uygulamayı kullanmak için kullandığı diğer her şey çeşitleridir.

React, Virtual DOM adı verilen bir konseptle genel site performansını ve güvenilirliğini artırır ve geliştiricilerin, değerlendirme için tasarlanmış, kişiselleştirme yetenekleri, panel geçişleri gibi özellikler de dahil olmak üzere menü öğelerini tekrarlamak için önceden yazılmış koddan yararlanmasına olanak tanır.

JavaScript'in Özellikleri

JavaScript'in kapsamlı bir şekilde benimsenmesine yol açan birkaç ayırt edici özelliği vardır. Javascript, artık web sitelerinde sıklıkla kullanıldığı için öğrenmek için çok yararlı bir dildir. Javascript ile ilgili en iyi şey, önceden programlama bilgisi gerektirmemesidir.

Genel JavaScript Özellikleri

JavaScript dili bir işlev listesine sahiptir. Aşağıda bazı yaygın JavaScript özellikleri verilmiştir:

1. Kullanıcı Girişini Doğrulama

Formları kullanırken JavaScript gerçekten yararlıdır. Hatalar için giriş doğrulamasını kontrol ederek süreçleri hızlandırabilir. JavaScript, bilgileri bilgisayara aktarmadan önce, kullanıcının zorunlu bir alanı boş bırakıp bırakmadığını veya verilerin hatalı olup olmadığını kontrol eder.

2. Müşteri Tarafında Kolay Hesaplamalar

JavaScript, istemci tarafı bir yazılım olduğu için tarayıcıda basit matematiksel işlemleri gerçekleştirebilir. Her iş için istemci, sunucunun dikkatini çekmek istemez. Bir kullanıcı bu hesaplamaları tekrar tekrar yapmak istediğinde, bu son derece faydalıdır. Birçok senaryoda, bir veritabanı bağlantısı kurmak, hesaplamaları yapmaktan çok daha uzun sürer.

3. Daha Fazla Otorite

JavaScript, web sunucularına güvenmek yerine tarayıcıya daha fazla özerklik verir. JavaScript, birçok tarayıcıya ağ trafiğini ve sunucu yükünü azaltmaya yardımcı olan daha fazla özellik sunar.

4. Platform Bağlantısız

Tarayıcılar JavaScript'i yorumladığından, birlikte çalışabilirlik ve geliştirme sorunlarını ortadan kaldırır. Bu nedenle Windows, Macintosh ve diğerleri dahil olmak üzere Netscape'i destekleyen platformlarda kullanılabilir. Ayrıca, HTML gibi JavaScript kullanan başka bir komut dosyasına dahil edilebilirler.

5. İşleme Tarihleri ​​ve Saati

JavaScript, diğer komut dosyası dillerinden farklı olarak, konumu/yeri hesaplamak için yerleşik yöntemlerle birlikte gelir. Sonuç olarak, sadece bu teknikleri kullanarak kodlama yapmak inanılmaz derecede basittir. getDate().

6. HTML İçeriği Üretmek

JavaScript, programlı olarak çevrimiçi içerik oluşturmak için son derece kullanışlı birkaç özellik sunar. Bir etkinlikten sonra içerik, bağlantı, fotoğraf, tablo vb. ekleyebiliriz.

7. Kullanıcının İşletim Sistemini ve Tarayıcısını Belirleme

JavaScript, kişinin işletim sistemini ve tarayıcısını belirlemede oldukça yetkindir. JavaScript tüm platformlarda çalışsa da, işlemek için kullanıcının tarayıcısına ihtiyaç duyduğumuz durumlar olabilir. Bu, çeşitli tarayıcılarda çeşitli çıktılar üreten kod geliştirirken faydalı olabilir.

Modern JavaScript Özellikleri

JavaScript'e yapılan bazı yeni eklemelere bakalım. Onu diğer betik dillerinden ayıran şeyin ne olduğunu görebiliriz. Bazı temel özelliklerden sonra, JavaScript'in birkaç çağdaş özelliği daha yaratıldı. Aşağıdakiler bunlardan birkaçıdır:

1. izin/sabit

JavaScript tarafından "var"ın yerini almaya hazır "let" ve "const" niteleyicileri eklendi. Birlikte “var” dan farklıdırlar. Bunları münhasıran tanımlandıkları blok içinde kullanabiliriz, böylece başlatmadan sonra bile programın ötesinde erişilebilen “var” yerine onları daha önemli hale getirebiliriz.

2. Ok İşlevleri

Bir web sitesinin performansı için program kodlarının sözdizimi ve sayısı, bu yöntemler kullanılarak büyük ölçüde azaltılabilir. Bunlar, basit sözdizimleri nedeniyle JavaScript'te anonim olarak kolayca kullanılabilir.

3. Değişmez Şablon

Diğer komut dosyası dilleri sıklıkla değişkenleri dizelerde saklamanıza izin veren bir özellik sağlar. Sözdizimi üzerinde kaliteli zaman harcamak yerine programın oluşturulmasına daha fazla konsantre olma yeteneği, bunu programcılar için değerli bir araç haline getirir.

4. Yeni Dizi İşlevleri

Herhangi bir bilgisayar dili için gerekli olmasa da, dizi işlevleri geliştirici için işleri kolaylaştırır. Ek olarak, sonuç olarak kod çok daha kısa ve anlaşılır hale gelir. JavaScript, hem standart bir diziyi hem de isteğe bağlı bir diziyi destekler. Asimetrik bir dizinin dizinleri dize olabilir, ancak geleneksel bir dizinin dizinleri pozitif sabitler olmalıdır.

5. Varsayılan Ayarlar

Bu JavaScript özelliği, tek bir yazım hatası için tüm kodun bozulmasını önler. Bir programcının bir fonksiyonun herhangi bir argüman olmadan çalıştığını doğrulaması gerektiğinde, bu oldukça faydalıdır.

6. Mülkiyet Steno

Gibi yerleşik tekniklerin kullanımı. get() programcılara açıktır. Bu teknikler, yazılan kod satırlarının sayısını azaltır ve aynı kodun tekrar tekrar uygulanmasını engeller. Bu doğuştan gelen mekanizmalar, geliştirme zamanını ve masrafını azaltmada çok faydalıdır.

Peki Ne Yapabilir?

İstemci tarafı JavaScript dilinin temel programlama yapıları, aşağıdaki gibi şeyleri gerçekleştirmenize izin verir:

Yararlı bilgileri değişkenlere koyun. Ve çok daha fazlası!

Ancak, istemci tarafı Programlama diline dayalı yetenekler çok daha ilgi çekicidir. JavaScript kodunuzda kullanmak için, Açık Kaynak Arayüzleri (API'ler) size ek süper güçlere erişim sunar.

API'ler, geliştiricilerin oluşturulması zor veya imkansız olabilecek uygulamalar oluşturmasını sağlayan önceden oluşturulmuş kodlama bileşenleri koleksiyonlarıdır. Kodlama açısından ev yapımında hazır mobilya takımlarına benzer işlev görürler.

1. Tarayıcı API'leri

Web tarayıcınızda, karmaşık karmaşık görevler gerçekleştirebilecek veya temeldeki bilgisayar sisteminden verileri ortaya çıkarabilecek yerleşik API'ler bulunur.

2. Üçüncü Taraf API'leri

Varsayılan olarak tarayıcıya dahil edilmediklerinden, çoğu zaman üçüncü taraf API'ler için kod ve meta verileri İnternet'ten almanız gerekir.

3. JavaScript HTML İçeriğini Değiştirebilir

getElementById, sayısız JavaScript HTML yönteminden biridir ().

Bu örnek, id= "demo" özniteliğine sahip bir Html kodunu "bulma" tekniğini kullanarak öğenin innerHTML'sini "Merhaba JavaScript"e dönüştürür:

Örnek

 document.getElementById("demo").innerHTML = "Hello JavaScript";

4. JavaScript, HTML Özellik Değerlerini Değiştirebilir

HTML öznitelik değerleri JavaScript kullanılarak değiştirilebilir. Örneğin, JavaScript bir görüntünün src (kaynak) özelliğinin değerini değiştirir.

5. JavaScript, HTML Stillerini Değiştirebilir (CSS)

Bir HTML özelliğini değiştirmenin bir varyasyonu, bir HTML öğesinin görünümünü değiştirmektir:

Örnek

 document.getElementById("demo").style.font size = "35px";

veya

 document.getElementById('demo').style.font size = '35px';

document.getElementById('demo').style.font size = '35px';

6. JavaScript, HTML Öğelerini Gizleyebilir

HTML öğelerini gizlemek için ekran stili değiştirilebilir:

Örnek

 document.getElementById("demo").style.display = "none";

veya

 document.getElementById('demo').style.display = 'none';

7. JavaScript, HTML Öğelerini Gösterebilir

Görüntüleme stilini değiştirmek, gizli HTML bileşenlerini görünür kılmanın başka bir yoludur:

Örnek

 document.getElementById("demo").style.display = "block";

veya

 document.getElementById('demo').style.display = 'block';

JavaScript Veri Türleri

Tüm komut dosyası dilleri yerleşik veri yapıları içerir. Ancak, genellikle diller arasında farklılık gösterirler. JavaScript yerleşik veri türleri sunar ve özelliklerinin açıklaması bu bölümde listelenmiştir. Bunlar kullanılarak başka veri türleri oluşturulabilir. Diğer komut dosyaları ile ilişkiler mümkün olduğunda yapılır.

1. İlkel değerler

Nesneler hariç tüm türler değişmez (yani değiştirilemez) değerler tanımlar. Örneğin, dizeler değişmezdir. Bu tür değerlere “ilkel değerler” denir.

2. Boole türü

Boole ifadeleri mantıksal varlıkları tanımlar ve iki olası sonucu vardır: doğru ve yanlış.

3. Boş tip

Başka bir benzersiz veri türü, olası bir değer olarak yalnızca boş değere sahip olandır. Boş değer, bir değerin olmadığını belirtir. Boş bir dize (“”) veya 0 ile aynı değildir; bu sadece hiçbir şey. Mevcut içerik, bir değişkene boş değer verilerek açıkça kaldırılabilir.

4. Tanımsız tip

undefined benzersiz değeri, tanımsız veri türü için olası tek değerdir. Bir değişken tanımlanmışsa ancak bir değer verilmemişse anlamı belirsizdir.

5. Sayı türü

Aşağıdaki gibi veya sayısal değeri olan veya olmayan pozitif veya negatif değerler gibi logaritmik gösterimde ifade edilen tamsayılar, tamsayı veri türü ile temsil edilir, örn., 1.5e-4

6. BigInt tipi

JavaScript'te BigInt türü, sayıları herhangi bir hassasiyet derecesinde temsil edebilen temel bir sayı olacaktır. Numbers için güvenli tamsayı sınırlamasından sonra bile BigInts'i kullanarak büyük sayıları güvenli bir şekilde saklayabilir ve bunlarla çalışabilirsiniz.

7. Dize türü

Metinsel veriler, dize veri türü (yani karakter dizileri) ile temsil edilebilir. Dizeler, bir veya daha fazla karakterin tek veya çift tırnak içine alınmasıyla yapılır.

8. Sembol tipi

Bir Sembol, farklı ve değişmez bir ilkel değer olduğundan, bir Object niteliğinin anahtarı olarak kullanılabilir (aşağıya bakın). Bir sembol, belirli bilgisayar dillerinde "atom" olarak adlandırılır.

9. Nesneler (özellik koleksiyonları)

Nesne, veri koleksiyonlarının depolanmasını sağlayan karmaşık bir veri türü olacaktır. Bir nesnenin, anahtar/değer çiftleri olarak tanımlanan öznitelikleri vardır. Bir özelliğin değeri, dizeler, tam sayılar, booleanlar veya diziler, işlevler ve diğer nesneler gibi karmaşık veri türleri dahil olmak üzere herhangi bir kategorik değişken olabilirken, değişken anahtarı (başlık) genellikle bir dizedir. Sonraki bölümlerde, öğeler hakkında ek bilgiler edineceksiniz.

Araçlar ve Kaynaklar

1. Firefox Geliştirici Araçları

Firefox, Firefox Geliştirici Araçları adlı bir web geliştirici araçları koleksiyonuyla birlikte gelir. JavaScript, CSS ve HTML'yi incelemek, değiştirmek ve hata ayıklamak için kullanılabilirler. Menüden Araçlar > Web Geliştirici > Web Geliştirici Araçları'nı seçerek Firefox Geliştirici Araçları'na erişebilirsiniz.

2. Web Konsolu

Ek istekler, JavaScript, CSS, gizlilik endişeleri, uyarılar ve sayfa bağlamında çalışan JavaScript kodu tarafından özel olarak kaydedilen bilgi mesajları dahil olmak üzere bir web sayfasıyla ilgili verileri kaydeder. Bir web sitesi sayfası çerçevesinde, onunla arayüz oluşturmak için JavaScript ifadeleri üzerinde çalışmanıza izin verir.

3. JavaScript Profil Oluşturucu

Kodunuzu daha iyi anlamak için önemli bir araç, kodunuzdaki verimsizlikleri bulabilen, tanımlayabilen ve optimize edebilen bir JS profil oluşturucudur. Kullanıcı arayüzüne alışkın olduğunuz için kullanımı kolaydır ve muhtemelen tarayıcınızda zaten bir tane yüklüdür.

4. Hata Ayıklayıcı

Sorunları bulmanıza yardımcı olması için JavaScript kodunu dolaşabilir ve JavaScript Hata Ayıklayıcı ile durumunu inceleyebilir veya değiştirebilirsiniz. Android için Firefox çalıştıran bir Android cihazda veya uzaktan Firefox'ta olduğu gibi, uzaktan yürütülen kodun hatalarını ayıklamak için kullanılabilir. Hata ayıklayıcıyı uzak bir hedefe nasıl bağlayacağınızı öğrenmek için programlamaya gidin.

5. JavaScript Kabukları

Bir web sitesini yenilemeye gerek kalmadan bir JavaScript kabuğu kullanarak JavaScript kod parçalarını kolayca test edebilirsiniz. Kod yazmak ve düzeltmek için gerçekten yararlıdırlar.

6. JavaScript'i öğrenin

Çağdaş JavaScript'in (ES2015+) temellerini öğrenin, ardından doğal bir ortamda pratik yapın. Yavaş yavaş endüstri standartlarını öğrendiğinizden emin olmak için zorluklar gerçek projelere dayanmaktadır.

7. BirlikteJS

Mozilla TogetherJS JavaScript kitaplığı, web sitenize ücretsiz olarak ortak çalışma yetenekleri ve işlevsellik sağlar. Kullanıcılarınız, TogetherJS'yi ekleyerek web sitenizde anında birbirlerine yardımcı olabilir!

8. Yığın Taşması

Programcılar Stack Overflow web sitesinde sorular sorabilir ve yanıtlar bulabilir. Stack Exchange Network'ün amiral gemisi web sitesi olarak hizmet vermektedir. Joel Spolsky ve Jeff Atwood bunu 2008'de geliştirdi. Bilgisayar programlama ile ilgili birçok farklı konudaki sorulara yanıtlar sunuyor.

9. JSFiddle

JSFiddle, bazen "keman" olarak adlandırılan, kullanıcı yapımı ve ortak çalışmaya dayalı HTML, CSS ve JavaScript kod örneklerini analiz etmek ve sergilemek için bir dijital IDE hizmeti ve topluluğudur. Bunu kullanarak AJAX çağrılarını taklit edebilirsiniz.

10. JSBin

JS Bin adlı çevrimiçi bir uygulama, öncelikle JavaScript ve CSS geliştiricilerine bağlam içinde kod parçalarını test etme ve hata ayıklama konusunda yardımcı olmak için oluşturuldu. JS Bin ile HTML ve JavaScript'i test edebilir ve düzenleyebilirsiniz.

11. Codepen

Ön uç tasarım profesyonelleri için CodePen adlı ortak bir geliştirme ortamı vardır. Bir web sitesi oluşturun ve yayınlayın, başarılarınızı sergileyin, öğrenme ve hata ayıklama için test senaryoları oluşturun ve ilham alın.

12. StackBlitz

Çevrimiçi IDE (hata ayıklayıcı) StackBlitz'in yardımıyla, tarayıcınızda Angular, React ve Vue uygulamalarını kolayca ve sıklıkla oluşturabilirsiniz. Bağımlılık yüklemesi, derleme, paketleme, girdiğiniz anda güncelleme ve çok daha fazlası otomatik olarak işlenir.

13. RunJS

çalıştırmalar size tam DOM erişimi ve Düğüm ve Tarayıcı API'lerine erişim sağlar. Bu, normal bir Chrome veya REPL konsolu ile mümkün olmayan bir dereceye kadar uyarlanabilirlik sağlar.

14. Microsoft FrontPage

Microsoft, çok sevilen bir HTML düzenleyicisi olan FrontPage'i yarattı. Web tasarımcıları, FrontPage'in sunduğu JavaScript yeteneklerinin yardımıyla dinamik web siteleri oluşturabilir.

15. Macromedia Dreamweaver MX

Macromedia Dreamweaver MX, web geliştirme uzmanları arasında oldukça sevilen bir HTML ve JavaScript aracıdır. Önceden oluşturulmuş birkaç yararlı JavaScript bileşeni sunar, veritabanlarıyla iyi çalışır ve XHTML ve XML gibi yeni ortaya çıkan standartlarla uyumludur.

16. Macromedia AnaSitesi 5

Kişisel web sayfalarını verimli bir şekilde korumak için Macromedia'dan HomeSite 5 adlı popüler bir HTML ve JavaScript geliştiricisi kullanılabilir.

JavaScript'i Sayfanıza Nasıl Eklersiniz?

CSS'nin HTML sayfanıza nasıl yerleştirildiğine benzer şekilde JavaScript de öyledir. CSS, harici stil sayfaları uygulamak için <link> öğelerini ve HTML'ye dahili stil sayfaları uygulamak için <style> öğelerini kullanırken, JavaScript'in HTML dünyasında yalnızca bir arkadaşa ihtiyacı vardır: <script> öğesi. Bunun nasıl çalıştığını öğrenelim.

Dahili JavaScript

1. Önce örneğimizden application-javascript.html dosyasının yerel bir kopyasını alın. Lütfen mantıklı bir yere ve dizine koyun.

2. Dosyayı hem metin düzenleyicinizde hem de web tarayıcınızda açın. HTML'nin tıklanabilir bir düğme ile basit bir web sayfası oluşturduğunu göreceksiniz.

3. Ardından, metin düzenleyicinizi açın ve aşağıdakileri zihinsel olarak kapatma </head> etiketinizden hemen önce ekleyin:

 <script> // JavaScript goes here </script>

4. Sayfanın daha ilgi çekici bir işlem yapmasını sağlamak için şimdi <script> öğemize biraz JavaScript ekleyeceğiz.

5. Bağlantıya bastığınızda, belgenizi kaydedip tarayıcıyı yenilediğinizde, altında yeni bir paragraf görünmelidir.

Harici JavaScript

1. Bu yaklaşım mükemmel, ama ya JavaScript'imizi ayrı bir dosyaya kaydetmemiz gerekirse? Şimdi bunu araştıralım.

2. İlk olarak, örnek HTML dosyanızla aynı klasörde yeni bir klasör oluşturun. Komut dosyası.js olarak adlandırın ve JavaScript'in tanımlanabilmesi için dosya adının.js ile bittiğinden emin olun.

3. Geçerli <script> öğenizi aşağıdakiyle değiştirin:

 <script src="script.js" defer></script>

4. script.js içine aşağıdaki betiği ekleyin:

 function createParagraph() { const para = document.createElement('p'); para.textContent = 'You clicked the button!'; document.body.appendChild(para); } const buttons = document.querySelectorAll('button'); for (const button of buttons) { button.addEventListener('click', create paragraph); }

5. Tarayıcınızı kaydedip yeniden başlattığınızda da aynı şeyi görmelisiniz. Artık JavaScript'imiz harici bir dosyada olmasına rağmen, yine de benzer şekilde çalışır. Bu, genellikle kodunuzu düzenlemek ve diğer HTML dosyalarında yeniden kullanılabilir hale getirmek açısından iyidir. Ayrıca, içine büyük miktarda komut dosyası dökülmeden, HTML'nin anlaşılması daha kolaydır.

Satır içi JavaScript işleyicileri

Ara sıra HTML içinde yer alan gerçek JavaScript kodunu bulacağınızı unutmayın. Görünüm şuna benzeyebilir:

 function createParagraph() { const para = document.createElement('p'); para.textContent = 'You clicked the button!'; document.body.appendChild(para); } <button>Click me!</button>

<button> öğesinin, düğme tıklandığında işlevin çalışmasına neden olan satır içi onclick işleyicisi dışında, bu örnek önceki iki bölümle tam olarak aynı işleve sahiptir.

Bunun yerine addEventListener kullanma

JavaScript'i HTML'nize dahil etmek yerine saf JavaScript yapısını kullanın. Bir web sitesindeki her düğmeyi querySelectorAll() yöntemini kullanarak seçebilirsiniz. addEventListener ile düğmelerin arasında dolaşabilir ve her birine bir işleyici () verebilirsiniz. Yani işte bunun için kod:

 const buttons = document.querySelectorAll('button'); for (const button of buttons) { button.addEventListener('click', create paragraph); }

onclick özelliğinden biraz daha geniş olsa da bu, sayfada ne kadar eklenmiş veya silinmiş olduğuna bakılmaksızın tüm düğmeler için çalışır. JavaScript'i değiştirmeye gerek yoktur.

Komut dosyası yükleme stratejileri

Programların uygun zamanda çalıştırılması sorunlarla doludur. Hiçbir şey göründüğü kadar kolay değil! Bir sayfanın HTML'sini göründüğü sırayla yüklemesi yaygın bir sorundur. JavaScript, sayfadaki bileşenleri (veya daha doğrusu Belge Nesne Modeli) değiştirmek için JavaScript kullanıyorsanız, değiştirmeye çalıştığınız HTML'den önce alınır ve işlenirse, komut dosyanız çalışmaz.

Daha önce bahsedilen kodda JavaScript, HTML gövdesi hem yerel hem de global örnekler için işlenmeden önce belgenin kafasında içe aktarılır ve yürütülür. Bir hataya neden olabileceğinden, bunu aşmak için belirli yapıları kullandık.

Java Script Sayfanızda Ne Yapıyor?

Belge Nesne Modeli API'si aracılığıyla JavaScript, bir kullanıcı deneyimini yenilemek için HTML ve CSS'yi dinamik olarak düzenlemek için (yukarıda belirtildiği gibi) sıklıkla kullanılır. Web sayfalarınızın kodunun genellikle sayfada oluştuğu sırayla yüklendiğini ve çalıştığını unutmayın. JavaScript, değiştirilmesi gereken HTML ve CSS'den önce içe aktarılır ve yürütülürse, hatalar meydana gelebilir. Metnin ilerleyen bölümlerinde komut dosyası yükleme taktiklerinin bir bölümünde, bunu nasıl aşacağınızı keşfedeceksiniz.

tarayıcı güvenliği

Teknik olarak konuşursak, her web sekmesi, kodun çalıştırılacağı kendi "yürütme ortamına" sahiptir. Sonuç olarak, her sekmenin kodu tipik olarak diğerlerinden bağımsız olarak yürütülür. Başka bir sekmenin veya farklı bir web sitesinin kodunu etkileyemez. Bu akıllı bir güvenlik önlemidir çünkü aksi takdirde bilgisayar korsanları diğer hizmetlerden veri çalmak ve başka zararlı şeyler yapmak için kod oluşturmaya başlayabilir.

JavaScript çalıştırma sırası

Bir JavaScript bloğuyla karşılaşıldığında, tarayıcı genellikle bunu sırayla yukarıdan aşağıya yürütür. Bu, şeyleri düzenlediğiniz sıranın dikkatli olması gerektiği anlamına gelir. İlk iki programlama dili değiştirilirse işlevini yitirir; bunun yerine, web geliştirici konsolunda bir TypeError: para is bildirilmemiş hatası döndürülür. Sonuç olarak, henüz var olmadığı için para nesnesine bir olay izleyici ekleyemiyoruz.

Yorumlanmış koda karşı derlenmiş kod

Programlama ile ilgili olarak “derlenmiş” ve “yorumlanmış” kelimeleri kullanılabilir. Bir programlama dilinde, kod yukarıdan aşağıya yürütülür ve çıktı hemen döndürülür. Kodun tarayıcı tarafından çalıştırılmadan önce değiştirilmesi gerekmez. Kod, programcıların işlemesi kolay bir metin biçiminde gönderilir.

Öte yandan, derlenmiş diller bilgisayar tarafından kullanılmadan önce değiştirilir (derlenir). Örneğin, C/C++, bilgisayarın yürüttüğü makine koduna dönüştürülür. Yazılım, uygulamanın kaynak kodundan üretilen bir ikili dosya kullanır.

Sunucu tarafı koduna karşı istemci tarafı kodu

Web geliştirme durumunda, sunucu tarafı kodu ve istemci tarafı kodu kelimeleri de kullanılabilir. Bir web sayfası ziyaret edildiğinde, o sayfanın istemci tarafı kodu indirilir, çalıştırılır ve tarayıcı tarafından gösterilir. İstemci tarafı kodu, kullanıcının bilgisayarında çalışan kodu içerir. Bu bölümde özellikle istemci tarafı JavaScript'i tartışıyoruz.

On the other side, server-side code is executed on the server, after which its results are retrieved and shown in the browser. Popular server-side web language instances include JavaScript, PHP, Python, Ruby, ASP.NET, and more.

Dynamic versus static code

The term “dynamic” refers to updating a web page or app to show various things in different conditions, creating new information as necessary. It is used to define both client-side JavaScript and server-side languages.

While client-side JavaScript dynamically creates new content within the browser on the client, such as creating a new HTML table, completing it with the information provided by the server, and then displaying the table on a website page shown to the user, server-side code dynamically produces new content on the server, such as pulling data from a database. Although the two settings have slightly distinct meanings, they are nevertheless connected, and both strategies (server-side and client-side) typically complement one another.

JavaScript Quickstart Tutorial

We'll quickly review the most significant JavaScript data types in this tutorial.

a. JavaScript Variables

Data values are stored in containers called variables in JavaScript.

The variables in this example are x, y, and z:

Example

• var x = 5;
• var y = 6;
• var z = x + y;

From the example above, you can expect:

• x stores the value 5
• y stores the value 6
• z stores the value 11

b. JavaScript Numbers

There is just one kind of number in JavaScript. You can write numbers with or without decimals.

Example

• var x = 3.14; // A number with decimals
• var y = 3; // A number without decimals

Double precision floating point numbers are used to hold all numbers.

c. JavaScript Strings

Text is saved in strings. Strings are enclosed in quotation marks. Single or double quotations are acceptable:

Example

• var car name = “Volvo XC60”; // Double quotes
• var car name = 'Volvo XC60'; // Single quotes

The built-in property length contains the string's length:

Example

• var txt = “ABCDEFGHIJKLMNOPQRSTUVWXYZ”;
• var sln = txt.length;

d. JavaScript Objects

You already know that variables in JavaScript serve as storage spaces for data values.

Example:

This program gives the vehicle variable a straightforward value (Fiat):

Objects are variables as well, as in var vehicle = “Fiat.” But different values can exist within an object.

e. JavaScript Arrays

Multiple values can be kept in a single data point using JavaScript arrays.

Example

 var cars = ["Saab", "Volvo", "BMW"];

f. JavaScript Functions

A JavaScript function is a section of code created to carry out a certain purpose.

When “something” calls a JavaScript function, it is carried out (calls it).

Example

 function myFunction(p1, p2) { return p1 * p2; // The function returns the product of p1 and p2 }

How Do You Add JavaScript Code to a Website?

JavaScript code may be added to an HTML web page both inside and externally.

Internal JavaScript employs the <script> tag in the HTML script's body to include all of the JavaScript code.

An illustration of internal JavaScript using the <script> tag:

 <html> <head> <title>Inline JavaScript</title> <script type="text/javascript"> alert("Hello World"); </script> </head> <body> </body> </html>

You can also embed its script on HTML event attributes, prompting the browser to execute it when an event is triggered. This script type is called inline JavaScript:

 <button>Click</button>

On the other hand, external JavaScript involves storing the code in a separate .js file and then recalling it within the HTML page. Developers often use this method when working on large projects, keeping the script organized.

Plus, it lets you reuse the script in multiple HTML pages, which is something that many developers value greatly. For example, adding the following script to an HTML page lets you recall an external JavaScript file named script.js:

<script src="script.js" defer></script>

Harici bir JavaScript dosyasına nasıl başvurulacağına dair bir örnek:

 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Time right now:</title> </head> <body> <button type="button">Select</button> </body> <script src="js/script.js"></script> </html>

Bir metin düzenleyici kullanarak JavaScript kodu oluşturabilir ve değiştirebilirsiniz.

JavaScript'i Neden Diğer Programlama Dillerine Karşı Kullanmalısınız?

Bir web tasarımcısı için JavaScript'i diğer tüm betik dilleri üzerinde kullanmanın, sınırsız potansiyele ek olarak çeşitli faydaları vardır:

• Web tarayıcıları için tek yerel programlama dili JavaScript'tir.
• En çok kullanıcıya sahip dil ​​JavaScript'tir.
• Başlangıç ​​için düşük bir giriş bariyeri var.
• Öğrenmek zevkli.

JavaScript'in Diğer Programlama Dillerinden Farkı Nedir?

Çok uyarlanabilir olduğundan, JavaScript'in sunmadığı belirli işlevsellik gerektirmedikçe JavaScript en yaygın kullanılan dillerden biri haline geldi, bu nedenle birçok profesyonel JavaScript geliştiricisi ilk tercihleri.

İşte en yaygın kullanılan programlama dillerinden birkaçı:

a. C#

C#, oluşturmak için kullanılan nesne yönelimli bir programlama dilidir. NET uyumlu uygulamalar. Statik olarak yazıldığından, değişkenlerinin derleme zamanı tanımlaması mümkündür. JavaScript'te bulunmayan C#'daki operatör ve dönüştürücü yığınlaması nedeniyle, veri türlerini değiştirebilirsiniz.

b. Java

Java, nesne yönelimli programlama dilini etkinleştiren büyük bir program ve uygulamadır. Java, değişkenlerinin belirli veri türlerine bağlanmasını gerektiren JavaScript'in aksine sıkı bir şekilde yazılmıştır. Java, betiğini çalıştırmak için tam zamanında (JIT) bir derleyiciye ihtiyaç duyar.

c. PHP

PHP, WordPress ve diğer web hizmetlerinde sıklıkla kullanılan sunucu taraflı bir dildir. Birincil amaçları, bir sunucuya ve sunucudan veri iletmek, HTML sayfalarını birlikte iletmek ve oturumları takip etmektir. PHP, JavaScript'in aksine, küçük harf ve büyük harf tanımlayıcılarını destekler ve veritabanlarını kolayca alabilir.

d. yakut

Ruby, metaprogramlamaya izin veren, kodunu ve diğer programları hem incelemesine hem de değiştirmesine izin veren genel amaçlı bir programdır. En iyi bilinen çerçevesi olan Ruby on Rails, karmaşık web tabanlı uygulamaları hızlı ve ekonomik bir şekilde oluşturmayı mümkün kılar. Ruby on Rails mimarisi, JavaScript'in Node.js uygulaması için bir etki görevi görür.

JavaScript Bugün nerede?

JavaScript'in en son sürümü olan ECMAScript 2017, o yılın Haziran ayında yayınlandı. Dinamik, gelişmiş bir programlama diline JavaScript denir.

JavaScript Uygulamaları, istemci tarafı bir programın kullanıcıyla etkileşime girmesine ve dinamik sayfalar oluşturmasına olanak tanır. En sık web sitelerinin bir bileşeni olarak kullanılır. Nesne yönelimli özelliklere sahip yorumlanmış bir betik diline JavaScript denir.

ECMA-262 Spesifikasyonu, temel JavaScript dilini oluşturdu.

• Basit, yorumlanmış bir yazılım programı JavaScript'tir.
• Ağ merkezli uygulamaların geliştirilmesi için tasarlanmıştır.
• Java ile bağlantılı ve tamamlayıcı.
• HTML ile bağlantılı ve tamamlayıcı.
• Açık ve platformdan bağımsız

Vanilya JavaScript nedir?

Herhangi bir ekstra kitaplık olmadan saf JavaScript'e (basit JavaScript olarak da bilinir) atıfta bulunduğumuzda, "vanilla script" ifadesini kullanırız. “Bugün, herhangi bir ek JavaScript kitaplığı kullanmadan da çeşitli şeyler yapılabilir” yaygın bir şakaydı.

Vanilya betiği, şimdiye kadar oluşturulmuş en küçük çerçeveler arasındadır. Hem öğrenmek hem de kullanmak gerçekten basit ve kolaydır. Vanilya komut dosyası, büyük ve etkili uygulamalar ve web siteleri geliştirmek için kullanılabilir. JavaScript'in ilk sürümünü bulan mühendisler her zaman onu geliştirmeye ve web geliştiricileri için daha faydalı hale getirmeye çalışıyorlar.

Neden Vanilla JavaScript'i Öğrenmelisiniz ?

Vanilya js'yi çeşitli nedenlerle projeler için öğrenmeye ve kullanmaya başladık. Burada, bunlardan en önemli üçünden bahsedeceğiz.

1. Web performansı

Ön uç yığınının en maliyetli ve en önemli bileşeni olduğu göz önüne alındığında, web sitesi tasarımı için diğer birçok çerçeve ve modülden çok daha iyidir. İndirdikten hemen sonra kullanılabilen HTML ve CSS dosyaları dışında, vanilya js kodu oluşturulmalı ve işlenmelidir. Aynı uzunluktaki Html / CSS dosyalarıyla karşılaştırıldığında, 50 kb'lik bir js dosyasının bir web sitesinin hızı üzerinde çok daha büyük bir etkisi vardır.

2. Kullanıcı Deneyimi

Geliştirme sırasında basit ama kullanıcı dostu bir deneyim sunar. Bir geliştiricinin, bir uygulama veya web sitesi oluşturmak için JavaScript kullanırken kodlamaya başlamak için yalnızca kelime işlemciyi açması gerekir. Geliştiricinin npm kurulumu, montaj aşamaları, derleme yok gibi zahmetli süreçlerden geçmesi gerekmez.

3. Çerçevelerle çalışmayı da kolaylaştırır.

Ayrıca, diğer platformlardan birini kullanmaya devam etmeyi seçen herhangi bir geliştiriciyle uğraşmayı daha keyifli hale getirir. Ayrıca hepimiz bir çerçeve kullanmaya başlamanın ne kadar zor olduğunun da farkındayız.

Kılavuz, önceki bilgiler hakkında birçok varsayımda bulunur ve her bir aracın nasıl çalıştığını bilmek, öğrenmeyi çok daha basit hale getirir. Deneyimsiz birçok acemi, çerçeveleri incelemeye çalışır, bu yüzden sıklıkla kaybolurlar ve sonunda Vanilla js'nin temel kavramlarına odaklanmayı bırakırlar. Kendilerini rahat hissettiklerinde, çerçeveleri incelemeye başlarlar ve şu anda işleri çok daha çabuk kavrarlar.

4. Sunucu Yükü

JavaScript'in sunucu yerine istemcide yürütüldüğünü herkes bildiğinden, genel olarak daha az sunucu kullanımı gerekir. Ek olarak, basit program hiçbir şekilde sunucuya bağlı değildir.

5. Birlikte çalışabilirlik

Diğer programlama dillerinin aksine, JavaScript herhangi bir web sayfasına dahil edilebilir. Örneğin, PHP.

PHP, Pearl ve diğerleri gibi ek dillerle uyumluluğunun bir sonucu olarak, onu çeşitli uygulamalar için kullanabiliriz.

6. Zengin arayüzler

JavaScript, sürükle ve bırak işlevi ve kaydırıcı benzeri öğeler gibi mükemmel kalitede özellikler oluşturmamızı sağlar. Bunun web sitesi ziyaretçilerinin deneyimleri üzerinde olumlu bir etkisi olabilir.

7. Hız

İstemci tarafında çalıştığı ve harici kaynaklara ihtiyaç duymadığı için hızı olağanüstü. Bir arka uç sunucusuna yapılan istekler, JavaScript'in ne kadar hızlı çalıştığını etkilemez.

Java ve JavaScript arasındaki fark?

Java Derleyici

Derleyici, yürütülebilir kod (çalışma süresi) sırasında hedef programı oluşturmadan önce, bir veya daha fazla ardışık adımda (bazen “geçerler” olarak anılır) sırayla, sözdizimi ifadesinin her bir kelimesini bağlamsal olarak adım adım ayrıştırmalı (veya analiz etmelidir) . Derleyici, diğer kod satırlarına atıfta bulunan ifadelerin sıralı olarak sıralanmasını garanti eder.

Derleyici tarafından üretilen çıktıya tipik olarak nesne kodu veya nesne bileşeni denir. Burada "nesne" terimi, nesne yönelimli programlamaya atıfta bulunulmadan kullanılmıştır. "Nesne kodu" terimi, işlemcinin bir seferde bir programı yürüttüğü bir tür derleme dili anlamına gelir.

JavaScript Operatörleri

JavaScript'teki bir operatör, aritmetik işlemler (değerler ve değişkenler) üzerinde eylemler gerçekleştirmek için kullanılan benzersiz bir semboldür. Bu durumda 2+3; / 5. Burada operatör + toplama işlemini gerçekleştirir ve işlenenler 2 ve 3'tür.

JavaScript Operatör Türleri

a. Atama Operatörleri

Sağ işleneninin maliyetine bağlı olarak, bir atama operatörü sol işlenenine olumlu katkıda bulunur. Eşit (=), basit bir atama operatörü, sağ işleneninin değerini sol işlenenine aktarır.

b. Aritmetik Operatör

Hem gruplar hem de tam sayılarla çalışan bir matematiksel operatör. AHDL'de önek ve ikili artı (+) ve eksi (-) sembolleri Boole ifadelerinde kabul edilen matematiksel formüllerdir.

c. Karşılaştırma Operatörleri

Karşılaştırma operatörleri, dizeleri veya sayıları değerlendirebilir ve karşılaştırabilir. Aritmetik ifadelerin aksine, karşılaştırma operatörü ifadeleri sayısal bir sonuç döndürmez. Karşılaştırma ifadeleri iki sonuçtan birini sağlar: 1 (doğru olduğunu gösterir) veya 0 (yanlış olduğunu gösterir).

d. Mantıksal operatörler

Mantıksal bir operatör, iki veya daha fazla ifadeyi, elde edilen bileşik ifadelerin geçerliliği yalnızca orijinal değişkenlerin değerine ve operatörün yorumuna dayanacak şekilde birleştiren bir sembol veya kelime olacaktır. AND, OR ve NOT mantıksal operatörleri sıklıkla kullanılır.

e. Bitsel Operatörler

Tek tek bitlerin değiştirilmesini gerektiren veri bitleri veya aritmetik işlemler üzerinde görevler gerçekleştirirken, bir bitsel operatör kullanılır. Verilerle ilişkili başlıktaki belirli bitlerin önemli bilgileri temsil ettiği bağlantı yığınlarında, bitsel işlemler kullanılır.

f. String Operatörleri

Programdaki bir dizi tipine sahip değişkenler üzerinde yapabileceğimiz birkaç tür işlem, dizi operatörleri tarafından temsil edilir.

g. Diğer Operatörler

Diğer operatörler, işlenenler üzerinde belirli matematiksel ve mantıksal işlemleri gerçekleştirmek için kullanılır. Başka bir deyişle, işlenenler bir operatör tarafından çalıştırılır. JavaScript'te operatörler matematiksel işlemleri yürütmek, verileri karşılaştırmak ve diğer görevleri gerçekleştirmek için kullanılır.

İlgili Teknolojiler

1. Java

JavaScript ve Java'nın birbirinin yerine geçebileceği yaygın bir yanlış algıdır. Her ikisinin de gerçekten de C'ye benzer bir sözdizimi vardır. Ek olarak, bir tarayıcı içinde kullanıldığında, JavaScript Java'nın dili ve temel kitaplığı göz önünde bulundurularak oluşturulduğundan beri sıklıkla korumalı alana alınırlar. Özellikle, orijinal JavaScript tüm Java anahtar sözcüklerini ayırdı, standart kitaplığında Java'nın tanımlayıcılarını izledi ve Math ve Date öğelerini Java 1.0 sınıflarından türetti.

2. JSON

JSON veya JavaScript Object Notation, insanların öznitelik-değer çiftlerinden ve gruplarından (veya diğer serileştirilebilir değerlerden) oluşan veri nesnelerini depolamak ve göndermek için okuyabileceği dili kullanan bir açık sistem dosya formatı ve veri değişim formatıdır. Özellikle sunucular ve çevrimiçi uygulamalar arasında elektronik veri alışverişi için yaygın olarak kullanılan bir veri formatıdır.

3. Web Montajı

WebAssembly (genellikle Wasm olarak kısaltılır), kompakt bir ikili kod formatı ve çalıştırılabilir programlar için ilgili bir metin formatı tanımlamanın yanı sıra, bu tür uygulamalar ile sistem entegratörü arasındaki etkileşimleri kolaylaştırmak için yazılım protokollerini de belirtir.

WebAssembly'nin birincil amacı, yüksek performanslı programların web sayfalarında çalışmasını mümkün kılmaktır. Yine de, web'e özgü herhangi bir iddiada bulunmadığından veya web'e özgü yetenekler sunmadığından, diğer ayarlarda da kullanılabilir. Gerçekte, en popüler programlama dillerinden biri de en azından bir dereceye kadar yardıma sahiptir, çünkü herhangi bir bilgisayar sisteminde herhangi bir komut dosyasını sunmayı amaçlayan açık bir platformdur.

4. Aktarıcılar

S2S derleyicisi, dönüştürücüsü veya aktarıcısı olarak da bilinen kaynaktan kaynağa çevirmen, bir programın kaynak kodunu başka bir programlama dilinde eşdeğer bir kaynak koduna dönüştürür.

Hangi Şirketler JavaScript Kullanıyor?

1. Microsoft

Edge web tarayıcısını oluşturmak için Microsoft'un JavaScript ile yakın işbirliği yapması gerekiyor. JavaScript'in hızlı işlenmesi ve yürütülmesi tüm tarayıcılar için gerekli olduğundan, Microsoft JavaScript işlemcisini Edge için oluşturmuş ve çalıştırmıştır. Gerçekten de, Edge motorunu kullanan farklı bir NodeJS sürümü üretme tartışması oldu.

2. PayPal

Web sayfasının ön ucunda, PayPal şüphesiz JavaScript'i uzun süredir kullanıyor, ancak bu sadece başlangıç. NodeJS'nin ilk kullanıcılarından biri, çevrimiçi ödemelerde endüstri lideriydi.

3. Netflix

PayPal'a benzer şekilde, Netflix başlangıçta neredeyse her şeyi Java'da yaptı. Ayrıca Java'nın boyutu ve geliştirme süresi nedeniyle sorunlar yaşadılar.

NodeJS piyasaya sürüldüğünde, Netflix yavaş yavaş daha geleneksel organizasyon yapısının ötesine ve buluta doğru kaydı.

4. Über

Uber, kısa sürede çok büyük miktarda bilgiyi yönetmelidir. Her gün milyonlarca istek alıyorlar ve bunların sadece sayfa görüntülemeleri yok. Uber, sürücülerinin, yolcularının ve gelen seyahat taleplerinin nerede olduğunu izlemelidir. Bu tür verileri verimli bir şekilde elemeli ve binicilerle hızlı bir şekilde eşleşmelidir.

Hepsi JavaScript ve NodeJS'nin faydalarını geliştirir. Düğüm, istekleri işlemek ve verileri hızlı bir şekilde aktarmak için yapılmıştır.

5. Facebook

Kesinlikle bildiğiniz gibi, Facebook JavaScript'i kullanıyor. Kaçırmak biraz zor. Facebook'u oluşturmak için ne kadar JavaScript'in kullanıldığı ve Facebook'un JavaScript geliştirmeyle ne kadar meşgul olduğu muhtemelen o kadar belirgin değil.

6. Google

Google, kullandığı JavaScript araçlarını oluşturur ve çoğu zaman kullanıma sunar. En belirgin örnek AngularJS'dir. Angular, orada en sevilen ön uç çerçevelerden biri haline geldi ve en sık Google'ın DoubleClick reklam platformunda kullanılıyor.

JavaScript'in Alternatifleri

1. Dart

Dart, üretkenlik için tasarlanmıştır ve görevleri tamamlamayı JavaScript'ten daha kolay hale getirir. Google bunu sık sık geliştirmesine rağmen, yine de JavaScript'ten daha az özellik sunuyor.

2. TypeScript

Microsoft, JavaScript'in işlevselliğini geliştirmek için TypeScript'i oluşturdu. Çoğu kullanıcı, TypeScript kodunu sağlam ve hatalara daha az eğilimli olarak görür ve ayrıca bunun oldukça garip ve zor olabileceğine inanır.

3. Kahve Yazısı

Daha kolay okuma, daha kısa ve daha basit kod için CoffeeScript dili JS'ye aktarılır. Ancak CoffeeScript kullanıyorsanız yine de JavaScript konusunda uzman olmanız gerekir.

4. Karaağaç

Elm, nispeten genç olan ve üst düzey bir ön uç web geliştirme ortamı sunan pratik bir dildir. Genellikle görsel kullanıcı arayüzleri oluşturmak için kullanılır. Bu dilin karmaşık tip sistemi, üretim programlarının asla bir çalışma zamanı hatası içermemesini garanti eder.

5. Python

Arka uç geliştirme için en çok sevilen JavaScript ikamelerinden biri Python'u içerir. Python dilinin sözdizimi, yeni başlayanların anlayabileceği kadar oldukça basittir.

6. Kotlin

Daha yüksek okunabilirlik ve daha az yazma gereksinimi olan bir diğer arka uç betik dili Kotlin'dir. Kotlin, onu akademisyenlerden çok iş dünyası yarattığı için, geliştiricilerin karşılaştığı gerçek dünya sorunlarına daha fazla odaklanıyor.

7. Yakut

Ruby, İngilizce'ye son derece benzeyen oldukça basit bir sözdizimine sahip, güçlü, dinamik olarak yazılan, nesne yönelimli bir betik dilidir. Python'dan biraz daha yavaş olmasına rağmen, yine de en yaygın kullanılan alternatiflerden biridir.

8. PHP

Uyarlanabilir ve mükemmel özellikleri ile PHP, geleceğin arka uç programlama dili olarak söylenir. Bu dilin çok açıklayıcı dilbilgisi nedeniyle, biraz yaratıcı esnekliğe sahipsiniz.

9. Yerel Yanıt Ver

Açık kaynaklı bir süreç modeli olan React Native, yerel platformlar arası uygulamalar oluşturmak için kullanılır. Java veya Objective-C'de oluşturulan yerel uygulamalarla neredeyse aynı olan mobil uygulamalar oluşturmak için React ve JavaScript programlama dillerinden yararlanır.

10. Yerel Komut Dosyası

JavaScript veya TypeScript kullanan yerel platformlar arası uygulamalar oluşturmak için son derece yararlı bir başka çerçeve de NativeScript'tir. Tek bir kod tabanı, Angular veya Vue.js gibi kod paylaşım araçları kullanılarak Android ve iOS dahil olmak üzere çeşitli platformlarda dağıtılabilir.

11. İyonik

Hibrit uygulamalar oluşturmak için çok sevilen bir diğer JavaScript çerçevesi Ionic'tir. Cihaza eklenen çekirdek yazılım ile geliştiriciler, insanların böyle bir mobil cihazdan ekipman ve yazılıma erişmesine izin veren Cordova eklentilerini kullanabilir.

Halihazırda tartışılan ön uç ve arka uç gelecek fırsatlarına ek olarak, ilgili web uygulaması alternatiflerine de bakmak isteyebilirsiniz.

12. ClojureScript

ClojureScript adlı güvenilir bir JavaScript alternatifi, Clojure programlama dilini JavaScript'e çevirmeyi kolaylaştırır. Java Sanal Makinesi üzerinde çalışan Clojure, mevcut Java kitaplıklarının tümüne erişimi olan bir Lisp olacaktır.

13. Babil

ECMA komut dosyasının ES5 sürümü JavaScript ile uyumludur, ancak ES6, JavaScript'in şu anda desteklemediği birkaç ilgi çekici yetenek sunar. ES6 JavaScript kodunuz, Babel derleyicisi kullanılarak ES5 uyumlu JS koduna dönüştürülür.

Toplama

Elbette JavaScript'in modern dünyada birçok rakibi var. Özellikle rutin komut dosyaları veya uygulamalar için Node.js'den Python, C, C++, Kotlin, Ruby, Smalltalk ve daha fazlası dahil olmak üzere yaygın olarak kullanılan diğer herhangi bir programlama diline geçiş yapmak oldukça basittir.

Bununla birlikte, JavaScript, ön uç geliştirme için tek seçeneğiniz olabilir. Kod tabanınızı tarayıcı tarafından kabul edilebilir JavaScript'e çevirmek için aktarıcıları kullanmaya devam edebilirsiniz. Bir web geliştirme şirketindeki kariyeriniz boyunca JavaScript kullandınız ve şu anda en iyi JavaScript çözümlerini arıyor olabilirsiniz. JavaScript, 1995 yılında piyasaya sürülmesinden bu yana, dünya çapında geliştiriciler arasında popüler bir dil haline geldi. Anket katılımcılarının yaklaşık %68'i ile 2020'nin başlarında en popüler betik dili olmaya devam etti.