JavaScript ile İstemci Taraflı Programlama

JavaScript ile İstemci Taraflı Programlama

Eğitim Hakkında

Bu eğitim, JavaScript dilinin temellerinden başlayarak ileri seviye konulara kadar kapsamlı bir öğrenme süreci sunmaktadır. Katılımcılar, JavaScript’in tarihçesi, ECMAScript standartları, dil kuralları, veri tipleri, fonksiyonlar, nesne yönelimli programlama (OOP), BOM ve DOM etkileşimleri, olay yönetimi, hata yönetimi, AJAX, JSON/XML kullanımı, ECMA6 ve HTML5 yenilikleri gibi konuları uygulamalı olarak öğreneceklerdir.

Ön Koşul

Katılımcıların temel düzeyde HTML ve CSS bilgisine sahip olmaları beklenmektedir. Programlama mantığına aşinalık avantaj sağlar.

Eğitim İçeriği

  • JavaScript Tarihçesi
  • ECMAScript Nedir?
  • Document Object Model Nedir?
  • Browser Object Model Nedir?
  • JavaScript Dil Kuralları (syntax)
  • Temel Veri Tiplier
  • Referans Tipleri ile Çalışmak
  • Temel Tür Dönüşümleri
  • Undefined ve Null Kavramları
  • Operatörler
  • Temel Artiemetik Operatörleri
  • Bitwise Operatörler
  • Eşitlik ve Atama Operatörleri
  • Çeşitli İfadeler (Statement)
  • İf, break, continue
  • Döngüler (for, for in, while)
  • Switch ve Label Yapıları
  • Fonksiyonları
  • Fonksiyon Tanımlama
  • Argümanlar
  • Closure Kavramı
  • Anonim Fonksiyonlar
  • Diziler (Array)
  • Object Oriented JavaScript Terminolojisi
  • JavaScript’de Object Yapısı
  • Nesne Yaratma ve Bellek Yönetimi
  • Çeşitli Nesne Tipleri
  • Scope ve Scope Chain Kavramı
  • This Anahtar Sözcüğü
  • Nesne Tanımlama ve Prototype Kavramı
  • Constructor Kavramı
  • Modül ve Namespace Kavramları
  • Nesne Türetme Kavramı (Inheritance)
  • HTML İçinde JavaScript Kullanımı
  • Script etiketi
  • Noscript etiketi
  • Browser Object Model (BOM)
  • Window nesnesi
  • Document Nesnesi
  • Screen Nesnesi
  • Location Nesnesi
  • History Nesnesi
  • Document Object Model (DOM)
  • Reflow Kavramı
  • HTMLUIElement Kavramı
  • DOM API ile Html Elemanlarına Erişim
  • Node’lara Göreceli ve Id ile Erişim
  • Node’ları Değiştirmek
  • Attribute’lara Erişim ve Değiştirme
  • Style Erişimi vs CSS İle Çalışma
  • Tarayıcı Algılama
  • Navigator Nesnesi
  • User Agent Kavramı
  • Tarayıcı Tipi Algılama Yöntemleri
  • Tarayıcı – Özellik Uyumluluğu Tespiti
  • Formlarla Çalışmak
  • Temel Form Elemanlarına Erişmek
  • Post Ve Get
  • Reset ve Submit Kavramı
  • Form Eleman Değerlerini Değiştirmek
  • Liste Elemanları
  • Regex (Regular Expressions)
  • RegExp Nesnesi
  • Pattern Oluşturma
  • Gruplama ve Ayıklama
  • Bilinen Regex Pattern’leri
  • Event Kavramı
  • Event Flow Kavramı (Bubbling, Capturing)
  • Event Handler Kavramı
  • Event Nesnesi
  • Çeşitli Mouse ve Klavye Event’leri
  • Event’lerin Tarayıcı Uyumluluğu
  • Drag & Drop Event’leri
  • JavaScript Hata Yönetimi
  • Hata Yönetiminin Önemi
  • Error Event’leri
  • Try-Catch Blokları
  • Debug Teknikleri
  • Hata Gösterim Yöntemleri
  • Sunucu ve İstemci Entegrasyonu
  • Cookie Kullanımı
  • Gizli Frame Kullanımı
  • HTTP Request’i Anlamak
  • GET ve POST Request’lerini Anlamak
  • Request Header’lar
  • Javascript Optimizasyonu
  • Ajax Nedir?
  • DOM XML Apisinin Kullanımı
  • JSON Modeli
  • XmlHttpRequest ile Sunucu İletişimi
  • Çeşitli AJAX Kalıpları
  • Single Paged Application Kavramı
  • Sunucu Etkilişimi (Örnek: ASP.NET, PHP)
  • HTML5’in Yeniliklerine Giriş
  • ECMA 6 Yenilikleri

Kazanımlar

JavaScript ve ECMAScript standartlarını öğrenmek

Temel dil kuralları, veri tipleri, operatörler ve kontrol yapıları konularında yetkinlik

kazanmak

Fonksiyonlar, closure ve anonim fonksiyonları etkin şekilde kullanabilmek

Nesne yönelimli JavaScript kavramlarını (prototype, inheritance, scope) uygulayabilmek

BOM ve DOM ile dinamik web sayfaları oluşturabilmek

Olay yönetimi, hata yönetimi ve optimizasyon tekniklerini öğrenmek

AJAX, JSON ve XML ile sunucu-istemci entegrasyonu gerçekleştirebilmek

ECMA6 ve HTML5 yeniliklerini projelerde kullanabilmek

Hedef Kitle

Web Geliştiriciler (Başlangıç Seviyesi)

Frontend Geliştiriciler (Orta Seviye)

UI/UX Geliştiriciler

Full Stack Developer’lar

Yazılım Mühendisleri

Sertifika

Eğitimlerimize %80 oranında katılım gösterilmesi ve eğitim müfredatına göre uygulanacak sınav/projelerin başarıyla tamamlanması durumunda, eğitimin sonunda dijital ve QR kod destekli “BT Akademi Başarı Sertifikası” verilmektedir.

SEKTÖRÜN GÜVENDİĞİ ÇÖZÜM ORTAĞI

BT Akademi'yi tercih eden 4.000'den fazla kurum yanılmıyor.

Eczacıbaşı Bilişim
Getir
HDI Sigorta
Sompo Japan
SabancıDX
İş Yatırım
Axa Sigorta
DeFacto
Renault
Pegasus
Trendyol
RedBull
Iga Airport
Ford-Otosan
Netaş
Coca Cola
İş Bankası
Burgan Bank
Gözen Digital
Istanbul Sanayi Odasi
Marmara Üniversitesi
Anadolubank
Amerikan Hastanesi
Kuveyt Türk
AssisTT
Eczacıbaşı Bilişim
Getir
HDI Sigorta
Sompo Japan
SabancıDX
İş Yatırım
Axa Sigorta
DeFacto
Renault
Pegasus
Trendyol
RedBull
Iga Airport
Ford-Otosan
Netaş
Coca Cola
İş Bankası
Burgan Bank
Gözen Digital
Istanbul Sanayi Odasi
Marmara Üniversitesi
Anadolubank
Amerikan Hastanesi
Kuveyt Türk
AssisTT
Bilgi İstiyorum