Merhaba arkadaşlar,
Mobilhanem.com üzerinde JavaScript dersleri serisine başlangıç yapıyoruz. JavaScript derslerinin bu serisinde ilk ders olarak JavaScript Nedir? sorusuna cevap vermeye çalışacağım ve gerekli geliştirme ortamları hakkında bilgi vereceğim.
JavaScript nedir?
JavaScript, ilk olarak Netscape tarafından geliştirilmiş ve şuan Mozilla Vakfı öncülüğünde geliştirilmeye devam eden yaygın olarak web tarayıcılarda (browser) kullanılan bir betik dilidir.
JavaScript sayesinde kullanıcı etkileşimi, tarayıcı kontrolü ve asenkron sunucu iletişimleri gibi birçok işlev gerçekleştirilebilir.
Yaygın olarak web tarayıcılarda kullanılan JavaScript, ilk zamanlar istemci (client) yani browser üzerinde çalışılacak şekilde tasarlanmıştı. Fakat günümüzde Node.js vb. Platformlar sayesinde sunucu tarafında da kullanılmaktadır.
JavaScript ayrıca son yıllarda popülerliği gittikçe artan, AngularJS, ReactJS, Vue JS, Stelve, Backbone, Ember.js ve jQuery gibi library ve framework lerin temelini oluşturmaktadır. Hemen hemen her web sitesinde JavaScript kullanıldığını görebilirsiniz.
Yazım şekli (syntax) bakımından ve adında Java geçmesinden dolayı JavaScript ile Java birbirine sıkça karıştırılıyor olsa da tamamen birbirinden farklı dillerdir.
JavaScript istemci (client) tarafında yorumlanır, yani bir web sitesine girdiğinizde javascript kodları sizi tarayıcınız üzerinde çalıştırılır.
JavaScript nasıl kullanılır?
JavaScript, HTML kodlarının içerisinde ve harici dosya çağırılması yöntemiyle 2 farklı şekilde kullanılabilir.
1 – HTML içerisinde JavaScript kullanımı
<script> //JavaScript kodları </script>
2- Harici dosyadan çağırılarak JavaScript kullanımı
<script type="text/javascript" src="dosyaAdi.js"></script>
JavaScript ile neler yapılabilir?
Tarayıcıların (browser) sürekli gelişmeye devam etmesiyle birlikte hemen hemen aklınıza gelebilecek bir çok şeyi JavaScript ile yapabilirsiniz.
Kısaca örnekler vermek gerekirse;
- Form validasyonları / post işlemleri
- Mouse etkileşimleri
- Slider vb görsel uygulamalar
- Event kontrolü (sayfa yüklenmesi vb durumları)
- Cache, Storage, Push, Background Services gibi browser yetkinliklerinin kullanımı
- HTML bileşenlerinin kontrolü gibi birçok şey JavaScript ile yapılabilir. Sonraki yazılarımızda bu konulara daha detaylı değineceğiz ve birlikte bir çok örnek geliştireceğiz.
JavaScript bilmek bize ne kazandırır?
HTML, CSS ve JavaScript öğrenerek Front-end Developer (Önyüz Geliştirici) olma yolunda adım atmak kolaydır. Günden güne JavaScript’in popülerliğinin artmasıyla iş hayatında Front-end Developer’lara olan talep oldukça fazladır. İnternet üzerinden kısa bir araştırma ile sektörde ki ihtiyacı görebilirsiniz.
Mobilhanem HTML ve CSS dersleri için tıklayınız.
Temel JavaScript bilgisi sonrasında güncel library ve framework ler yardımıyla mobil uygulama, Machine Learning (makine öğrenmesi), AI (Artificial Intelligence – Yapay Zeka) uygulamaları geliştirebilirsiniz.
Güncel ve daha sonra çıkacak framework ve library leri rahatça kullanabilir, hızlıca adapte olabilirsiniz.
Geliştirme ortamı
JavaScript için kullanılabilecek bir çok editor mevcut. Dilerseniz notepad bile kullanabilirsiniz.
Kullanabileceğiniz editörler,
Peki JavaScript dersleri serisinde neler yapacağız / öğreneceğiz?
- Temel seviyeden başlayarak veri yapıları, operatörler, for döngüleri, if, case kullanımı
- HTML de yer alan bileşenlere erişim, bileşenlerin kontrolü
- Eventler
- Temel seviyede derslerimizi tamamladıktan sonra, maksimum 3-4 derse bölünmüş şekilde ufak uygulamalar
- Browser yeteneklerinden faydalanma
- JavaScript ile ilgili faydalı araçların kullanımı
- Local Storage, Session Storage, Cookie yönetimi
- Cache Storage, Application Cache
- Background Services, Push Messaging, Notifications kullanımı
- Service Worker kullanımı
- Firebase, Google Analytics vb kütüphanelerin kullanımı
- Kendi JavaScript kütüphanelerimizi hazırlama gibi bir çok konuyu derslerimizde birlikte işleyeceğiz.
Temel seviyede genel konuları tamamladığımızda sizlerinden gelecek önerilere göre de sonraki derslerimizin içeriğini şekillendirebiliriz. Son derslerimize doğru ise, birlikte basit bir oyun (memory game vb) geliştireceğiz. Bu konuda önerilerinizi bekliyoruz.
Konu hakkındaki sorularınızı yorum bölümünden veya sorucevap.mobilhanem.com sitemizden sorabilirsiniz.
Tüm JavaScript derslerimiz için tıklayınız.