JavaScript Öğrenmeye Başlayın: Neden Yapmalısınız ve Ücretsiz Olarak Nasıl Yapmalısınız?

JavaScript öğrenmeye başlamak istiyor ancak nereden ve nasıl başlayacağınızı bilmiyor musunuz? Bu yazıda, kendinizi popüler programlama dilinde eğitmeye başlamanız için ihtiyacınız olan rehberliği vereceğiz.

Hem zorluk hem de kariyer beklentileri açısından JavaScript öğrenmeyi neden düşünebileceğiniz hakkında konuşacağız. Bundan sonra, gönderi, genellikle ücretsiz olarak nasıl başlayabileceğinizi ele alacaktır. Bitirdiğinizde, JavaScript'i kendi başınıza nasıl sıfırdan öğrenmeye başlayacağınızı iyi anlamanızı istiyoruz.

JavaScript Nedir ve Neden Öğrenilir?

JavaScript konusunda kendinizi nasıl eğitmeye başlayabileceğinize geçmeden önce, bunun nedenlerinden bahsedelim. Bunun için programlama dilini ne için kullanabileceğinizi bilmekte fayda var.

JavaScript uygulamaları

Öncelikle web tasarımından bahsedelim. Web siteleri oluşturmaya gelince, JavaScript onları etkileşimli yapan kısımdır. HTML, iskeleti ve içeriği sağlarken, CSS bir sitenin düzenini ve tasarımını tanımlarken, JavaScript, işlevsellik ve davranış eklemek için oradadır. Bunu en yaygın olarak açılır menülerin, açılır pencerelerin ve diğer modellerin, iletişim formlarının, animasyonların ve etkileşimli haritaların bir parçası olarak bulabilirsiniz.

HTML ve CSS gibi JavaScript de her tarayıcının anlayabileceği ve işleyebileceği bir şeydir.

WordPress'te de artan bir JavaScript uygulaması görüyoruz. WordPress.com için masaüstü uygulaması olan Calypso, tamamen JavaScript'e, özellikle React ve Node.js'ye dayanmaktadır.

2018'de varsayılan yazma arayüzü olarak klasik WordPress düzenleyicisinin yerini alan Gutenberg düzenleyicisi, ana teknolojisi olarak JavaScript'i de kullanıyor.

Başlangıçta istemci tarafı bir dil olsa da (yani kullanıcı tarayıcısında yorumlanır ve işlenir), Node.js sayesinde artık sunucu tarafını da çalıştırabilir. Ayrıca React Native ve Iconic onu mobil cihazlara, Electron'u masaüstüne getirdi.

Sonuç olarak, JavaScript uygulaması web'in çok ötesine geçer. Web uygulamaları ve arka uç ürünler oluşturmak, akıllı TV'leri, Nesnelerin İnterneti cihazlarını ve yerel mobil uygulamaları çalıştırmak için kullanabilirsiniz. Ayrıca, platformlar arası uyumlu olduğundan, her yerde çalışan masaüstü uygulamalarına güç sağlayabilir.

JavaScript'in Avantajları ve Dezavantajları

JavaScript'i ne için kullanabileceğinizi bilmenin yanı sıra, artılarını ve eksilerini incelemeye de yardımcı olur.

JavaScript Artıları

Bir programlama dili olarak JavaScript'in avantajlarıyla başlayalım:

• Çok yönlülük — Yukarıda JavaScript için sayısız uygulama alanından bahsetmiştik. Web sitelerinden, mobil ve masaüstü uygulamalarından akıllı cihazlara ve oyunlara, hatta makine öğrenimine kadar kullanamayacağınız çok az şey var. JavaScript ayrıca hem ön uç hem de arka uç için uygundur ve diğer programlama dilleriyle iyi çalışır. Kısacası, JavaScript bir çok yönlülük merkezidir.
• Başlangıç ​​seviyesi — JavaScript'in sözdizimini öğrenmesi kolaydır. Ayrıca bir geliştirme ortamı oluşturmaya gerek yoktur, sadece tarayıcınızda kodlamaya başlayabilirsiniz. Ek olarak, dil, tavsiye ve destek için geniş bir çevrimiçi topluluğa sahiptir. Ayrıca JavaScript, diğer diller için de geçerli olan temel kavramları (örneğin nesne yönelimli programlama) öğrenmek için harikadır. Son olarak, size destek olabilecek birçok çerçeve vardır.
• Hız — Diğer programlama dilleriyle karşılaştırıldığında, özellikle PHP gibi sunucu tarafında çalışanlarla karşılaştırıldığında, JavaScript genellikle daha hızlı çalışır. Derlemeye veya bir sunucuyla konuşmaya gerek kalmadan (dış kaynaklara ihtiyaç duymadığı sürece) doğrudan tarayıcıda çalışabileceği için bu şaşırtıcı değil. Ayrıca sunucudaki talebin azalmasına neden olur. Bu nedenle, genellikle çok sayıda etkileşime sahip uygulamalar veya siteler için seçimdir.

JavaScript'in Eksileri

JavaScript'in dezavantajları var mı? Tabii ki, birkaç şey tamamen dezavantajsız. Bu durumda, düşünmeniz gerekenler:

• Güvenlik endişeleri — JavaScript, kullanıcı tarayıcısının içinde çalıştığından, kötü niyetli amaçlarla kullanılması mümkündür. Bu yüzden bazı insanlar varsayılan olarak tarayıcılarında kapatmayı tercih ediyor.
• Çapraz tarayıcı desteği - Sunucu tarafı komut dosyalarının aksine, bazen farklı tarayıcılar aynı JavaScript kodunu farklı şekilde yorumlar. Bu, tarayıcılar arası uyumlu kod yazmayı zorlaştırabilir.
• SEO — Arama motorlarının JavaScript'i ne kadar iyi tarayabildiği tam olarak belli değil, bu nedenle potansiyel bir SEO sorunu sunuyor. Her halükarda, JavaScript'i SEO dostu bir şekilde nasıl uygulayacağınızı öğrenmeniz gerekir.

Kariyer olasılıkları

Son yıllarda, programlama dili giderek daha popüler hale geldi. 2021 Stack Overflow geliştirici anketinde, profesyonel geliştiriciler arasında en popüler programlama dili seçildi. Arka arkaya dokuzuncu yıl için!

Ayrıca, en iyi 5 web çerçevesinin tümü aynı zamanda JavaScript çerçeveleridir.

Dil yeni alanlara taşındıkça, giderek daha fazla iş fırsatı açılıyor. Devskiler, 2019'da tüm şirketlerin %72'sinin JavaScript geliştiricileri aradığını tespit etti. Programlama dili aynı zamanda mülakatlarda en sık test edilen beceridir.

Tam kapsamlı bir geliştiricinin ön yüzü olmak istiyorsanız, JavaScript'i bilmek kurs için hemen hemen aynıdır. Ayrıca oyun geliştirme, makine öğrenimi veya yapay zeka alanlarına girmek istiyorsanız JavaScript'i bilmek de yararlıdır.

Ayrıca, JavaScript konusunda uzman kişiler iyi maaşlar alabilirler. Indeed.com'a göre Amerika Birleşik Devletleri'ndeki bir JavaScript geliştiricisinin ortalama taban maaşı yıllık 111.278 dolar. Yeni başlayanlar bile 90.000 dolardan başlamayı bekleyebilir.

Ayrıca, LinkedIn'de JavaScript'i aradığınızda, yalnızca Amerika Birleşik Devletleri'nde 400.000'den fazla iş ilanı gösterir. Böylece JavaScript becerileri elinizin altındayken, hem iyi iş fırsatları hem de iyi ücretli iş fırsatlarıyla karşı karşıyasınız.

JavaScript'i Yeni Başlayanlar İçin Öğrenmesi Kolay mı?

Dahası, JavaScript'in avantajlarından birinin öğrenmesinin kolay olduğundan bahsetmiştik. Bunun doğru olduğunu size göstermek için, şimdi bazı temel JavaScript kavramlarını ve kodlarını gözden geçireceğiz. Bu şekilde kendiniz için bir fikir oluşturabilirsiniz.

Yorumlar

Önce yorumlardan bahsedelim. Çoğu programlama dilinde olduğu gibi, JavaScript de kodunuzu yorumlamanıza ve yorumları tarayıcının çalıştırmayı denemeyeceği şekilde işaretlemenize olanak tanır. Bu sayede çalışmanızı hataya neden olmadan belgeleyebilirsiniz.

JavaScript iki tür yorum bilir: tek satırlı ve çok satırlı. Bunları nasıl yazacağınız aşağıda açıklanmıştır:

 // Nothing in this line will be executed /* Neither Will Any of This */

İki dil de yorumları aynı şekilde işaretlediğinden PHP'ye aşina olanlar kendilerini evlerinde hissedeceklerdir.

Veri Çıkışı

JavaScript'i denemenin en basit yollarından biri alert() kullanmaktır. Tarayıcınızın içindeki bir açılır pencerede bir mesaj çıktısı almak için kullanabilirsiniz.

Yukarıdakileri elde etmek için tarayıcınızın geliştirici araçlarında konsolu açmanız ve aşağıdaki kodu yapıştırmanız yeterlidir:

 alert("With JavaScript, it's really easy to make this box appear.");

Anlaması oldukça kolay, değil mi? Şimdi enter tuşuna bastığınızda, yukarıdakiyle aynı mesajı görmelisiniz.

alert() , kullanıcıya veri çıkışı sağlayan bir JavaScript yöntemidir. Parantez içindeki dize (metin anlamı), açılır pencerenin içeriğidir. Kod satırının tamamlandığını belirtmek için sonunda noktalı virgül gerekir.

Bu bilgiyle, bunu kendiniz denemek zaten mümkün. Parantez içindeki dizeyi (tırnak işaretleri içine aldığınızdan emin olun) kendi açılır pencerenizi oluşturmak istediğiniz şekilde değiştirin.

DOM'yi manipüle etme

Web tasarımında, kullanıcı arayüzünde veya DOM'de değişiklik yapmak için en sık JavaScript kullanırsınız. DOM, "Belge Nesne Modeli" anlamına gelir ve temel olarak bir web sayfasını oluşturan HTML öğelerinin ağacıdır. Geliştirici araçlarıyla herhangi bir sayfayı incelediğinizde görebilirsiniz.

JavaScript, üzerinde değişiklik yapmak için birçok farklı seçenek sunar. Bunu nasıl yapabildiğini ve neye benzediğini göstermek için bir örnek üzerinden gidelim.

 <!DOCTYPE html> <html> <body> <h2>Start Learning JavaScript Demo Page</h2> <p></p> <script> document.getElementById("target").innerHTML = "With JavaScript, it's really easy to manipulate the DOM."; </script> </body> </html>

Yukarıda basit bir HTML sayfası oluşturduk. Gördüğünüz gibi, bir başlığı ve target kimliğine sahip boş bir paragraf öğesi var (HTML sınıfları ve kimlikleri hakkında bilginiz yoksa daha fazlasını buradan öğrenebilirsiniz).

Altta bir JavaScript betiği de var. Tarayıcıların tanıması için <script> etiketlerine sarılmıştır. Ne yaptığını anlamak için parçalara ayıralım:

• document — Web sayfası olan belge nesnesine erişir.
• getElementByID("target") — Kimliğine göre bir öğe bulur. Köşeli ayraç, tırnak içinde aranacak kimliği içerir.
• innerHTML — Bir öğenin iç HTML'sini değiştirir.

Bunları bir araya getirdiğinizde, komut dosyası temel olarak web sayfasında bir target kimliği olan ve iç HTML'sine ekleyen bir öğe arar. O yerde içermesi gerekenler, çift tırnak içindeki eşittir işaretinin arkasında bulunur. Sonuç olarak, bir tarayıcıda yukarıdaki koda sahip bir dosyaya eriştiğinizde şunu görürsünüz:

Anlamak o kadar zor değil, değil mi? Umarım, yukarıdakiler size JavaScript sözdiziminin nasıl çalıştığına dair hızlı bir izlenim vermiştir. Bu JavaScript hile sayfasında daha fazla temel ipucu bulabilirsiniz.

Peki ya Çerçeveler?

JavaScript öğrenmeye başladığınızda hakkında çok şey duymaya başlayacağınız bir şey çerçevelerdir. Bu terime aşina değilseniz, çerçeveler hemen hemen kod kitaplıkları koleksiyonlarıdır. Web sayfalarının, uygulamaların veya hedeflenen başka herhangi bir şeyin ortak özelliklerini ve öğelerini içerirler. Bu, sıfırdan yazmak zorunda kalmadan bu öğeleri ve işlevleri oluşturmanıza ve kullanmanıza olanak tanır.

Peki, JavaScript çerçeveleri hayatı bu kadar kolaylaştırıyorsa, onları hemen kullanmaya başlamanız gerekmez mi?

Bu aslında geliştiriciler arasında hararetli bir tartışmanın parçası. Bazıları, çerçevelerden önce vanilya (düz anlam) JavaScript'i öğrenmeniz gerektiğini söylüyor. Diğerleri, zemine koşmak için hemen çerçevelere başlamanız gerektiği görüşünde.

Bunun için size burada kesin cevaplar veremiyoruz, ancak dallara ayrılmadan önce en azından JavaScript'in temellerini öğrenmek muhtemelen her zaman iyi bir fikirdir. Bunu yapmak, ne yaptığınızı daha iyi ve daha derinden anlamanızı sağlayacak ve sizi bunun için daha iyi bir geliştirici yapacaktır.

Ücretsiz JavaScript Öğrenmeye Nasıl Başlarım?

Bu sadece, JavaScript öğrenmeye tam olarak nereden başlayabileceğinizi, tercihen bunun için ödeme yapmadan, soruyu bırakır. Yolculuğunuza başlamak için kullanabileceğiniz birkaç ücretsiz kaynak şunlardır:

• MDN Web Belgeleri — Mozilla Geliştirici Ağı, web tasarımı bilgisi için başlıca kaynaklardan biri olarak kabul edilir. HTML'den CSS'ye, web formlarına, erişilebilirliğe ve daha fazlasına kadar her konuda birinci sınıf eğitimlerle dolu. Ayrıca, ücretsiz olarak inceleyebileceğiniz JavaScript öğrenmek için kapsamlı bir kılavuza sahiptirler.
• W3Schools — MDN'ye benzer şekilde, W3Schools'un JavaScript'e tam bir girişi vardır. Bol bol kendin dene örnekleriyle küçük dersler halinde gelir. Site ayrıca bir arama kaynağı olarak harika. Ek olarak, biraz daha yapılandırılmış bir yaklaşım istiyorsanız ve bunun için ödeme yapmaya hazırsanız, ücretli kurslarını deneyebilirsiniz.
• JavaScript.info — Tıklayabileceğiniz eksiksiz bir çevrimiçi JavaScript kursu. Çok sayıda bilgi, görsel ve ipucu (örneğin, hangi kod düzenleyicilerin kullanılacağı dahil). Ayrıca okuyucuların soru sorabileceği, tartışabileceği veya kod parçacıklarını paylaşabileceği bir yorum işlevi vardır.
• Eloquent JavaScript — Orijinal olarak basılı bir kitap olan Eloquent JavaScript, tamamen ücretsiz olarak çevrimiçi ve bir e-kitap olarak mevcuttur. Oldukça yoğun, bu nedenle ara geliştiriciler için daha uygun olabilir.

Daha fazlasını arıyorsanız, öğrenme kaynakları içeren bir makalemiz de var. Ayrıca Team Treehouse, Udemy ve Skillshare gibi ücretli kurslar da vardır.

Peki, 2022'de JavaScript Öğrenmeye Başlamalısınız?

JavaScript, modern web'in ayrılmaz bir parçasıdır. Web sitelerinin ve uygulamaların birçok işlevi, bu dinamik programlama dili olmadan düşünülemez. Ayrıca, oyunlar ve makine öğrenimi gibi birçok başka alana da yayılmıştır.

Bu yazıda JavaScript öğrenmeye nasıl başlayabilirsiniz sorusunun cevabını vermeye çalıştık. Dilin nerede rol oynadığına, neler yapabileceğine, iş ve maaş fırsatlarına baktığınızda, JavaScript'e girmenin mantıklı bir yol olduğunu görmek kolaydır. Hatta veya özellikle WordPress alanındaki biri olarak, burada da ilerleme kaydettiği için mantıklı.

Kendinizi zorlamak istiyorsanız JavaScript öğrenmeye başlamak için birçok ücretsiz çevrimiçi kaynak var. Hemen başlayabilirsin, neden yapmıyorsun?

Paylaşmak için JavaScript öğrenmek için başka başlangıç ​​kaynaklarınız var mı? Eğer öyleyse, lütfen aşağıdaki yorumlarda yapın!