JavaScript Temelleri (Fundamentals) Eğitimi

Eğitim Hakkında

Söz diziminden akış kontrolüne ve DOM'a sıfırdan JavaScript temelleri

JavaScript Front-end Development: Fundamentals Eğitimi, ön yüz geliştirmeye yeni başlayanlara JavaScript'in temellerini sıfırdan öğretir. Katılımcılar söz dizimi, değişkenler, veri tipleri ve operatörlerle başlar; if/else ile döngüleri kullanarak akış kontrolünü kavrar. Fonksiyon tanımı, kapsam ve diziler işlenir; ardından DOM seçimi, içerik değiştirme ve temel olaylarla sayfayı etkileşimli kılmayı öğrenir. Her konu tarayıcıda uygulamalı gösterilir.

Süre ve Format

3 Gün. Her gün dört modül; her konu kısa anlatımın ardından tarayıcıda basit ve uygulamalı kod örnekleriyle işlenir.

Seviye

Temel Seviye — JavaScript söz dizimi, değişkenler, akış kontrolü ve DOM temellerine giriş programı

Öğrenme Metodu

Her kavram sade örneklerle, canlı kodlama yoluyla gösterilir; katılımcılar birebir yazarak temel JavaScript kalıplarını pekiştirir.

Neden Bu Eğitim?

🎯Sağlam bir başlangıç

JavaScript'in temel yapı taşlarını sıfırdan ve doğru öğrenerek ileri konulara geçişte sağlam bir zemin kazanırsınız.

🖥️Etkileşimli sayfalar

DOM ve temel olaylarla statik HTML sayfalarını kullanıcıya yanıt veren etkileşimli arayüzlere dönüştürmeyi öğrenirsiniz.

🚀Kariyere ilk adım

Ön yüz geliştirmenin vazgeçilmez dili olan JavaScript ile web kariyerine güçlü ve pratik bir ilk adım atarsınız.

Anahtar Konular

javascript temelleri eğitimijavascript giriş kursusıfırdan javascript eğitimijavascript öğrenmeön yüz geliştirme eğitimijavascript dom eğitimijavascript başlangıç kursuweb programlama eğitimijavascript fonksiyonlarfrontend javascript kursu

“Her büyük web uygulaması basit bir değişkenle başlar; temelleri sağlam atan geliştirici gerisini kolayca inşa eder.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak temel bilgi ve ortam gereksinimleri

1

Temel HTML

HTML etiketleri ve basit sayfa yapısına aşinalık, JavaScript örneklerini bağlamında anlamayı kolaylaştırır.

2

Temel CSS

CSS ile stil verme mantığına temel aşinalık faydalıdır; DOM ve stil örnekleri daha anlaşılır olur.

3

Bilgisayar kullanımı

Dosya oluşturma, kaydetme ve tarayıcı kullanımı gibi temel bilgisayar becerileri yeterlidir; fazlası gerekmez.

4

Kod editörü

VS Code gibi ücretsiz bir editörün kurulu olması önerilir; kurulum ve kullanımı eğitimde kısaca gösterilir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı JavaScript'in nasıl çalıştığını, kodu sayfaya ekleme yollarını, değişken tanımını, temel veri tiplerini ve operatörleri öğrenir.

Modül 1

JavaScript Nedir ve Nasıl Çalışır?

JavaScript'in web'deki rolü ve tarihi
script etiketi ile koda sayfada yer verme
Harici .js dosyası ile kod ayırma
console.log ile çıktı ve hata ayıklama
Geliştirici konsolunu açma ve kullanma
Yorum satırı ve okunur kod yazma

Modül 2

Değişkenler ve Veri Tipleri

let ve const ile değişken tanımlama
var kullanımı ve kapsam farkına değinme
string, number ve boolean tipleri
null ve undefined arasındaki fark
Anlamlı değişken adlandırma kuralları
typeof ile değişken tipini öğrenme

Modül 3

Metin (String) İşlemleri

Tırnak türleri ve metin oluşturma
Metin birleştirme (concatenation)
Şablon dizgileri ile değer gömme
length ile metin uzunluğu bulma
toUpperCase, toLowerCase ve trim
slice ve indexOf ile metin işleme

Modül 4

Operatörler ve İfadeler

Aritmetik operatörler ve işlem sırası
Atama ve kısaltılmış atama operatörleri
Karşılaştırma operatörleriyle değer sınama
== ve === arasındaki eşitlik farkı
Mantıksal &&, || ve ! operatörleri
Sayı ve metin dönüşümüne giriş

Günün hedefiKatılımcı if/else ve switch ile karar verir, for ve while ile döngü kurar, fonksiyon tanımlar ve dizilerle temel veri işlemeyi öğrenir.

Modül 1

Koşullar ve Karar Verme

if, else if ve else ile dallanma
Karşılaştırmaları koşulda kullanma
Mantıksal operatörlerle koşul birleştirme
switch ile çoklu durum yönetimi
Üçlü (ternary) operatör ile kısa koşul
truthy ve falsy değerlerin etkisi

Modül 2

Döngüler: for ve while

for döngüsü, sayaç ve adım yönetimi
while ve do-while koşullu tekrarı
break ve continue ile döngü denetimi
for-of ile dizi elemanlarını gezme
Döngüyle tekrar eden işleri otomatikleştirme
Sonsuz döngüden kaçınma yolları

Modül 3

Fonksiyonlar ve Kapsam

Fonksiyon tanımlama ve çağırma
Parametre ve argüman kullanımı
return ile fonksiyondan değer döndürme
Fonksiyon ifadesi ve ok fonksiyonu
Yerel ve global değişken kapsamı
Kod tekrarını fonksiyonla azaltma

Modül 4

Diziler (Arrays)

Dizi oluşturma ve indeks ile erişim
push ve pop ile eleman ekleme/çıkarma
length ile dizi boyutunu bulma
Döngüyle dizi elemanlarını işleme
forEach ile her elemanı dolaşma
includes ve indexOf ile değer arama

Günün hedefiKatılımcı DOM elemanlarını seçer, içerik ve stil değiştirir, temel olayları dinler ve kullanıcı etkileşimiyle çalışan basit bir sayfa yapar.

Modül 1

DOM Nedir ve Eleman Seçme

DOM ağacı ve sayfa yapısı mantığı
getElementById ile eleman seçme
querySelector ile seçici kullanımı
querySelectorAll ile çoklu seçim
Seçilen elemana erişim ve kontrol
Eleman bulunamama durumunu yönetme

Modül 2

İçerik ve Stil Değiştirme

textContent ile metin güncelleme
innerHTML ile içerik ekleme ve değiştirme
style ile satır içi stil değiştirme
classList ile sınıf ekleme/kaldırma
Nitelik (attribute) okuma ve yazma
Değer (value) ile form girdisi okuma

Modül 3

Olaylar ve Etkileşim

addEventListener ile olay dinleme
click olayı ile düğmeye tepki verme
input ve change olaylarını yakalama
Olay fonksiyonu (handler) yazma
event nesnesine kısa bir bakış
Kullanıcı girdisine yanıt verme

Modül 4

Eleman Oluşturma ve Mini Proje

createElement ile yeni eleman üretme
append ile elemanı sayfaya ekleme
remove ile elemanı sayfadan silme
Basit bir yapılacaklar listesi kurma
Girdiyi okuyup diziye ve listeye ekleme
Mini projeyi tarayıcıda çalıştırma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

JavaScript temeli

JavaScript'in nasıl çalıştığını kavrar, kodu sayfaya ekler ve konsolu kullanarak çıktıları ve hataları görürsünüz.

✅

Değişken ve tipler

let ve const ile değişken tanımlar, temel veri tiplerini tanır ve metinler üzerinde temel işlemleri yaparsınız.

✅

Operatör kullanımı

Aritmetik, karşılaştırma ve mantıksal operatörleri doğru kullanarak basit hesap ve sınama işlemleri yazarsınız.

✅

Karar yapıları

if/else ve switch ile programın akışını koşullara göre yönlendirerek farklı durumlara doğru yanıt verirsiniz.

✅

Döngüler

for ve while döngüleriyle tekrar eden işleri otomatikleştirir ve dizi elemanlarını güvenle dolaşırsınız.

✅

Fonksiyonlar

Fonksiyon tanımlar, parametre ve dönüş değeri kullanır ve kod tekrarını azaltarak düzenli programlar yazarsınız.

✅

Dizi işlemleri

Dizi oluşturur, eleman ekler ve çıkarır, döngü ve forEach ile liste verisini temel düzeyde işleyebilirsiniz.

✅

DOM ve olaylar

DOM elemanlarını seçer, içerik ve stil değiştirir ve olaylarla kullanıcı etkileşimine yanıt veren sayfalar yaparsınız.

Kimler İçin Uygundur?

HTML ve CSS'e aşina olan
programlamaya ve JavaScript'e yeni başlayan
web sayfalarını etkileşimli hale getirmek isteyen öğrenciler
ön yüz geliştirici adayları için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

HTML ve CSS'e aşina olan, programlamaya ve JavaScript'e yeni başlayan, web sayfalarını etkileşimli hale getirmek isteyen öğrenciler ve ön yüz geliştirici adayları için uygundur. Önceden programlama bilgisi gerekmez; konular sıfırdan ve sade örneklerle işlenir.

Hiç kod yazmamış biri katılabilir mi?

Evet, eğitim temel seviyededir ve JavaScript'i sıfırdan öğretir. Temel bilgisayar kullanımı ile basit HTML bilgisi yeterlidir. Her konu sade örneklerle, adım adım ve uygulamalı işlendiği için daha önce kod yazmamış katılımcılar da rahatça takip edebilir.

Hangi konular işleniyor?

Eğitim JavaScript'e giriş, değişkenler, veri tipleri, metin işlemleri ve operatörlerle başlar; koşullar, döngüler, fonksiyonlar ve dizileri kapsar. Son gün DOM ile eleman seçme, içerik ve stil değiştirme, olay dinleme ve basit bir yapılacaklar listesi projesi işlenir.

Eğitimin süresi ve formatı nedir?

Eğitim üç gün sürer ve her gün dört modülden oluşur. Her konu kısa anlatımın ardından tarayıcıda basit ve uygulamalı kod örnekleriyle işlenir. Yüz yüze veya online olarak verilebilir ve kurumun ihtiyacına göre tempo ve örnekler uyarlanabilir.

Eğitim sonunda sertifika veriliyor mu?

Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve yapılan temel JavaScript çalışmalarını belgeler; kurumsal gruplara özel içerik uyarlaması yapılabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

JAVASCRIPT FRONT-END DEVELOPMENT: FUNDAMENTALS EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

JavaScript Nedir ve Nasıl Çalışır?

Değişkenler ve Veri Tipleri

Metin (String) İşlemleri

Operatörler ve İfadeler

Koşullar ve Karar Verme

Döngüler: for ve while

Fonksiyonlar ve Kapsam

Diziler (Arrays)

DOM Nedir ve Eleman Seçme

İçerik ve Stil Değiştirme

Olaylar ve Etkileşim

Eleman Oluşturma ve Mini Proje

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Selecting in jQuery and Basic Animation Eğitimi

Smart Contracts & Hyperledger Fabric: Working with Fabric Chaincode in Node.js Eğitimi

Svelte JS Eğitimi

TypeScript ile Ölçeklenebilir Uygulama Geliştirme Eğitimi

Unit Testing in JavaScript: Exploring & Configuring the Mocha Testing Framework Eğitimi

Unit Testing in JavaScript: Mocha & Chai Eğitimi