JavaScript'te kodlamaya nasıl başlanır? Başlangıç ​​Seviyesinden İleri Seviyeye Bölüm 1 JavaScript kursu

Bu seride 10 blog gönderisinde JavaScript'te Başlangıç ​​seviyesinden İleri seviyeye geçeceğiz. Bu dizinin sonunda, JavaScript'te kodlamaya başlamak için bilmeniz gereken tüm temel bilgileri öğreneceksiniz.

JavaScript'te kodlamaya nasıl başlanır? - içindekiler:

1. Bu kurs kimler içindir?
2. JavaScript ile gerçekte ne yapabilirsiniz?
3. JavaScript neden bu kadar popüler?
4. JavaScript kodunu nereye yazabilir ve çalıştırabilirsiniz?
5. JavaScript'te kodlamaya nasıl başlanır?

Bu kurs kimler içindir?

JavaScript'te kodlamaya başlamak isteyen veya JavaScript'teki bilgilerini yenilemek isteyen biriyseniz bu kurs tam size göre. Ayrıca, ileride başvurmak üzere bu eğiticiye yer işareti koymanızı da tavsiye ederim. Kavramlarla ilgili hızlı bir yeniden giriş yapmak istediğinizde veya belki sadece JavaScript'te kullanılan sözdizimini hatırlamak istediğinizde, gelecekte bu seriyi gözden geçirmek için iyi bir zaman olabilir.

JavaScript ile gerçekte ne yapabilirsiniz?

JavaScript'e dalmadan önce, JavaScript ile gerçekte neler yapabileceğinizi bilmek iyi bir fikirdir. JavaScript'i web'e hakim olan dil olarak biliyor olabilirsiniz. Ve tamamen haklı olurdun! Web sitelerine davranış eklemek için bir ön uç dil olarak başlatılan JavaScript, artık web sitelerinin her alanında kullanılmaktadır.

Genellikle ön uç web geliştirmede, genellikle diğer JavaScript çerçeveleri ve React gibi kitaplıklarla birlikte kullanılır. Ayrıca web sunucularında JavaScript çalıştırmanıza izin veren Node.js sayesinde arka uç web geliştirmede kullanılan en yaygın dildir. Ama hiç de durduğu yer burası değil. JavaScript, Aşamalı Web Uygulamaları oluşturmaktan masaüstü uygulamalarına kadar her türlü yerde kullanılır. Ayrıca yakın zamanda TensorFlow.js kullanılarak Makine Öğreniminde kullanılmaya başlandı. Node.js sayesinde yine IoT cihazlarının yanı sıra dronların, robotların kontrolünde de kullanılabilir.

JavaScript neden bu kadar popüler?

JavaScript şu anda en popüler programlama dilidir ve bunun iyi bir nedeni vardır. JavaScript'i bugünkü haline getiren birden çok ana faktör vardır. Bunlar, çalışan ortamların geniş kullanılabilirliğini, Babel sayesinde kod sürümü güvenliğini ve toplulukta geniş çapta benimsenmeyi içerir. Birer birer ne olduklarını görelim.

Geniş Kullanılabilirlik

JavaScript, web'e önden arkaya hakimdir. JavaScript bilginizi yenilemek için bu makaleyi okuyorsanız, muhtemelen optimize etmek için birçok yaklaşım olabileceğinden, özellikle ön uç web geliştirme ile ilgili olarak, birkaç ayda bir ortaya çıkan yeni javascript çerçeveleri olduğunu biliyorsunuzdur.

Makalenin ilerleyen bölümlerinde göreceğimiz gibi, JavaScript kodunuzu yazmaya ve çalıştırmaya başlamak için herhangi bir özel yazılım yüklemenize gerek yok çünkü tarayıcınızda gerekli araçlar zaten var. Çoğu programlama dili, başlamak için bile kodlama ortamları kurmanızı ve ayarlamanızı gerektirdiğinden, bu tek başına dili öğrenmeye başlama engelini azaltır.

Sürüm Güvenliği

Bir kod yazmanın tüm amacı, gerçekten çalışması gerektiğinde onu çalıştırmaktır. Ve bunu yaparken, istediğiniz son şey, web sitenizin yarısının önemli miktarda kullanıcıda çalışmamasıdır. Ancak kodunuzun 1000 farklı cihaz ve tarayıcı kombinasyonunda çalışması gerekiyorsa ne yapabilirsiniz? Kimin için optimize edeceksiniz ve kimin kullanıcı olmaktan çıkmasına izin vereceksiniz? Böyle bir seçim yapmak zorunda mısın? Kullanıcılarınızın yarısının eski cihazları ve diğer yarısının yepyeni cihazları varsa, kodunuzu kimin için optimize edeceksiniz ve müşteriniz olarak kimi görmezden geleceksiniz? Cevap, umarım hiçbiri, Babel sayesinde.

Babel, kodunuzun çok eski bir JavaScript sürümünü kullanan çok eski tarayıcılarda bile çalışmasını sağlayan bir yazılımdır. Bu sayede müşterilerinizin yarısını görmezden gelmenize neden olacak bir seçim yapmak zorunda kalmazsınız. Açık olmak gerekirse, Babel ile kod yazmıyorsunuz ya da JavaScript'in bir çeşidi değil. Ancak, önceden yazılmış ve çalışan JavaScript kodunuzu alan ve tarayıcılarında çok eski bir JavaScript sürümü olsa bile diğer tarayıcıların anladığı JavaScript sürümüne dönüştüren, son derece yaygın olarak kullanılan bir yazılımdır.

Büyük Topluluk Benimseme

Ne zaman kod yazarsan, sorunlarla karşılaşman kaçınılmazdır. Ve o zamanlarda, hangi programlama diliyle çalışıyor olursanız olun, probleminizin internette yardımcı biri tarafından zaten yanıtlandığını görmek son derece yardımcı olabilir. Topluluk desteğinin ve dolayısıyla StackOverflow'un devreye girdiği yer burasıdır.

StackOverflow'un ne olduğunu bilmiyorsanız, temel olarak insanların programlama sorularını sormak ve cevaplamak için kullandığı en büyük programlama forumudur. Cevapları bulacağınız tek yer burası değil, belirli sorularınızı yanıtlamada kesinlikle çok yardımcı olacak yerler var, ancak muhtemelen cevaplarınızın çoğunu orada bulacaksınız. Sadece StackOverflow'a gitmenizi ve sorunlarınızı orada aramanızı önermiyorum. Genellikle bir Google araması size en iyi sonuçları verir.

Ve kodlamayı öğrenirken bunu pek beklemiyor olabilirsiniz, ancak yazılım geliştirmenin büyük bir kısmı, yanıtlarınızı daha etkili bir şekilde bulmak için Google'da ne arayacağınızı bilmek içerir.

Bu nedenle birçok insan JavaScript'te kodlamaya başlamak istiyor - JavaScript'i en popüler programlama dili olarak kullanmak, hem kısa hem de uzun vadede bu dille çalışmanıza kesinlikle yardımcı olur. Ne zaman yazsan

JavaScript, sadece sizinle aynı anda JavaScript kodlayan binlerce kişinin olduğunu hayal edin. Bazı gönderme soruları, bazı yanıtlama soruları.

JavaScript kodlarken yalnız değilsiniz.

JavaScript kodunu nereye yazabilir ve çalıştırabilirsiniz?

JavaScript'te kodlamaya başlamak için kullanabileceğiniz birden çok yer vardır. Basit bir not defteri veya metin düzenleyici de dahil olmak üzere teknik olarak herhangi bir yerde JavaScript yazabilirsiniz. Ancak kodunuzu gerçekten yürütmek için bir JavaScript motoruna da ihtiyacınız var. Ama birini nasıl yakalarsın? Eh, makalenin başlangıcını hatırlıyorsanız, zaten tarayıcınızda olduğunu biliyorsunuzdur.

Bu blog yazı dizisinde, web geliştirmede kullanılan en yaygın tarayıcılardan biri olduğu için tarayıcı olarak Google Chrome'u kullanacağız. Chrome, web geliştirme ile çalışırken hayatınızı çok daha kolay hale getiren en iyi araçlardan bazılarını sağlar. Chrome, JavaScript kodunuzu alan ve yürüten V8 Motoru adlı bir JavaScript motoruna sahiptir. Bu JavaScript motoru, JavaScript'i tarayıcıdan çıkarmanıza izin veren yazılım olan Node.js'nin geliştirilmesinde de kullanılır. Node.js ayrıca JavaScript'i bir web sunucusundan drone'a kadar her türlü yerde kullanabilmemizin nedenidir.

JavaScript'te kodlamaya başlamak istediğinizde, kodunuzu yürütmek için bir JavaScript motoruna ihtiyacınız olduğunu bilmek güzel ve artık tarayıcınızla birlikte gelen bir JavaScript motoruna sahip olduğunuzu biliyorsunuz. Ayrıca, JavaScript'i tarayıcının dışında çalıştırmak istiyorsanız, bunun için Node.js'yi indirip yüklemek isteyeceğinizi de biliyorsunuz. Ancak iş gerçekten kodu yazmak ve yürütmek olduğunda, kodlama deneyiminiz için tüm bunlar ne anlama geliyor? Genellikle bir tür IDE (Entegre Geliştirme) kullanmak isteyeceksiniz.

Ortam) kodunuzu yazmak için. Bu sayede adından da anlaşılacağı gibi uzun vadede kod ile çalışmanızı kolaylaştıran daha birçok araç ile geliyor. Bunlar, daha az yazmak için bir metin tamamlamadan bir hata ayıklayıcıya kadar her şeyi içerebilir. Birçok kişi bu IDE'lerle çalıştığından, hangi açılış parantezlerinin hangi kapanış parantezleriyle eşleştiğini görmeyi kolaylaştırmak için koddaki parantezleri renklendirme dahil, kodlama ortamınızı özelleştirmenize olanak tanıyan çok yaygın uzantılar da vardır. Parantezlerin ne işe yaradığı hakkında bir fikriniz yoksa şimdilik endişelenmeyin ve bilmeniz gereken tüm detayları bu blog dizisinde göreceğiz.

Şu anda en popüler IDE'lerden bazıları Visual Studio Code, Atom ve Sublime Text'i içerir. Ancak bunun için, JavaScript kodunu yazmak ve yürütmek için aslında Chrome tarayıcısının kendisini kullanan, başlayabileceğimiz en basit seçenekle başlayacağız.

Artık JavaScript hakkında biraz arka plan bilgisine sahip olduğunuza göre, kodlama ortamımızı gerçekten ayarlayalım ve “Merhaba, Dünya!” ile başlayalım. kod.

JavaScript'te kodlamaya nasıl başlanır?

JavaScript'te kodlamaya başlamak için kodlama ortamını kurmamız gerekiyor.

Daha önce de belirttiğimiz gibi, bu blog yazısı dizisi boyunca tarayıcımız olarak Google Chrome'u kullanacağız. Chrome'u zaten yüklediyseniz, harika! Bunu yapmazsanız, ilk adım aslında Google Chrome'u yüklemektir. Chrome'u indirmek için "Google Chrome indir" araması yapabilir, web sitesinden indirebilir veya burada size kolaylık sağlamak için Chrome'u indirmek için bir bağlantı bulabilirsiniz:

Google Chrome – Hızlı, Güvenli Tarayıcıyı Google'dan İndirin

Şimdi devam edebilir ve indirmeyi başlatmak için “Chrome'u İndir” düğmesini tıklayabilirsiniz. İndirdikten sonra, devam edip üzerine çift tıklayabilir ve internetten indirdiğiniz diğer uygulamalarda olduğu gibi kurulum sürecini gerçekleştirebilirsiniz. Ayrıca, bunu yapabileceğiniz Google hesaplarınızdan birinde oturum açmanızı da isteyebilir.

Chrome'u yükledikten sonra, bir pencere açmak için üzerine çift tıklayın. Şimdi klasik Google arama ekranına bakıyor olmalısınız:

JavaScript'te kodlamaya başlamak için bir sonraki adım, kodu Chrome tarayıcısında yazıp çalıştıracağımız asıl yeri açmaktır. Üst menüden, Git: Menü, ardından Geliştirici ve ardından JavaScript Konsolu'na tıklayın. Mac için “option + command + J” olan kısayolu da kullanabilirsiniz.

Bunu yaptıktan hemen sonra, aşağıdaki gibi görünmesi gereken JavaScript konsolunun açıldığını görmelisiniz:

Buraya kadar yaptıysanız, harika! JavaScript'te kodlamaya başlamanızı sağlayacak anlamlı bir adımın zamanı geldi. JavaScript yolculuğunuza merhaba bir dünya ile başlayalım. Devam edin ve aşağıdakileri yazın:

alert("Hello, World!");

Bunu yazdıktan sonra klavyenizden “Enter” veya “Return” tuşuna basarak kodumuzu çalıştıralım!

Şimdi şuna benzeyen bir uyarının çıktığını görmelisiniz:

Ve bununla, az önce ilk "merhaba dünya" kodunuzu yazdınız! Artık JavaScript'te kodlamaya nasıl başlayacağınızı biliyorsunuz.

Bir sonraki blog gönderisinde, kodlama örnekleriyle JavaScript'in temellerini göreceksiniz.

10 blog gönderisinde Başlangıç ​​Düzeyinden İleri Düzeye JavaScript Kursu:

1. JavaScript'te kodlamaya nasıl başlanır?
2. JavaScript temelleri
3. JavaScript'te değişkenler ve farklı veri türleri
4. Snippet'ler ve kontrol yapıları
5. Döngüler ve döngüler için
6. Java dizisi
7. JavaScript işlevleri
8. JavaScript nesneleri
9. JavaScript yöntemleri ve daha fazlası
10. JavaScript kursunun özeti