JavaScript ve Vue.js Başlangıç Kursu

Eğitim Hakkında

Modern JavaScript temellerinden Vue 3 reaktivitesine uzanan iki aşamalı giriş kursu

Javascript ve Vue.js için Başlangıç Seviye Kursu Eğitimi, ön yüz geliştirmeye yeni başlayanlara önce modern JavaScript'i sonra Vue 3'ü sıfırdan öğretir. Katılımcılar değişken, fonksiyon, dizi, nesne, ES6 söz dizimi, yıkımla atama, modüller, Promise ve async/await ile DOM işlemlerini öğrenir. Ardından bu temel üzerine Vue reaktivitesini, template söz dizimini, direktifleri, bileşenleri ve v-model ile form işlemeyi kurarak JavaScript bilgisini doğrudan Vue'da kullanmayı kapsar.

Süre ve Format

2 Gün. Birinci gün modern JavaScript temelleri, ikinci gün bu temel üzerine Vue 3 ile uygulamalı olarak işlenir.

Seviye

Başlangıç Seviye — Programlamaya yeni başlayanlara modern JavaScript ve ardından Vue 3 temellerini sıfırdan öğretir

Öğrenme Metodu

Önce JavaScript kavramları küçük alıştırmalarla pekiştirilir, ardından aynı kavramlar Vue içinde küçük bir uygulamada kullanılır.

Neden Bu Eğitim?

🎯Sağlam JavaScript temeli

Çerçeveye geçmeden önce JavaScript'i doğru öğrenerek Vue'da yaşanan çoğu kafa karışıklığının önüne geçersiniz.

🔗Bilgiden uygulamaya

Öğrendiğiniz her JavaScript kavramını hemen Vue içinde kullanarak bilgiyi kalıcı ve uygulanabilir hale getirirsiniz.

🚀Hızlı başlangıç

İki günde JavaScript temelinden küçük bir Vue uygulamasına ulaşarak ön yüz yolculuğuna güçlü bir başlangıç yaparsınız.

Anahtar Konular

javascript eğitimivue js başlangıçjavascript vue kursusıfırdan javascriptön yüz geliştirme kursues6 eğitimijavascript öğrenvue 3 girişweb geliştirme başlangıçjavascript temelleri

“Çerçeve öğrenmenin sırrı altındaki dili iyi bilmektir; bu kurs JavaScript'i öğretip aynı bilgiyi Vue'da kullandırır.”

Ön Koşullar

Eğitimden en iyi verimi almak için faydalı bilgi ve hazır geliştirme ortamı

1

HTML ve CSS

Temel etiket ve stil bilgisi, JavaScript'in sayfayı nasıl değiştirdiğini ve Vue template'ini anlamayı kolaylaştırır.

2

Mantıksal düşünme

Adım adım problem çözme ve basit mantık kurma becerisi programlama kavramlarını öğrenmeyi destekler.

3

Node.js ve npm

Node ve npm kurulu bir ortam, Vite ile Vue projesi oluşturmayı ve paket yönetimini mümkün kılar.

4

Kod editörü

VS Code gibi bir editör ve tarayıcı konsolu, kod yazıp sonucu anında görmeyi sağlar.

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ı değişken ve veri türlerini, fonksiyonları, dizi ve nesne işlemlerini, ES6 söz dizimini, Promise ve async/await ile DOM işlemlerini öğrenerek sağlam bir JavaScript temeli kurar.

Modül 1

Değişken ve Veri Türleri

let, const ve var arasındaki fark
Sayı, metin, boolean ve null türleri
Şablon dizgileri ile metin birleştirme
Karşılaştırma ve mantıksal operatörler
Koşul ifadeleri: if, else ve switch
Kapsam ve değişkenin yaşam alanı

Modül 2

Fonksiyonlar ve Kapsam

Fonksiyon tanımı ve çağırma yöntemi
Parametre, argüman ve dönüş değeri
Ok fonksiyonu söz dizimi ve kullanımı
Varsayılan parametre değerleri
Kapanış (closure) kavramına giriş
Geri çağırım fonksiyonu mantığı

Modül 3

Dizi, Nesne ve ES6

Dizi oluşturma ve eleman erişimi
map, filter ve forEach ile dizi işleme
Nesne oluşturma ve özellik erişimi
Yıkımla atama ile değer çıkarma
Yayma operatörü ile kopyalama ve birleştirme
import ve export ile modül kullanımı

Modül 4

Eşzamansız JavaScript ve DOM

setTimeout ile gecikmeli çalıştırma
Promise ile eşzamansız sonuç yönetimi
async ve await ile okunabilir akış
fetch ile API'den veri çekme işlemi
querySelector ile DOM öğesi seçme
addEventListener ile olay dinleme

Günün hedefiKatılımcı JavaScript bilgisini Vue'da kullanır; reaktiviteyi, template söz dizimini ve direktifleri öğrenir, bileşen oluşturur ve v-model ile küçük bir uygulama kurmayı tamamlar.

Modül 1

Vue Kurulumu ve Reaktivite

Vite ile Vue projesi oluşturma
Tek dosya bileşeni (SFC) yapısı
ref ile reaktif değer tanımlama
reactive ile reaktif nesne kullanma
setup ve Composition API mantığı
JavaScript değişkeni ile ref farkı

Modül 2

Template ve Direktifler

Çift süslü parantez ile veri gösterme
v-bind ile öznitelik bağlama kısayolu
v-if ve v-show ile koşullu gösterim
v-for ile diziyi listeye render etme
v-on ile tıklama ve olay dinleme
computed ile türetilmiş değer hesaplama

Modül 3

Bileşenler ve Props

Bileşen oluşturma ve kullanma akışı
defineProps ile dışarıdan veri aktarma
defineEmits ile üste olay gönderme
Tek yönlü veri akışı ilkesinin önemi
Bileşeni parçalara ayırma mantığı
Bileşen içe aktarma ve kayıt etme

Modül 4

Form ve İlk Uygulama

v-model ile girişi veriye bağlama
Form gönderimini prevent ile yönetme
Listeye eleman ekleme ve silme
Koşullu stil ve class bağlama kullanımı
onMounted ile başlangıç işlemi
Basit bir not uygulamasını tamamlama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

JavaScript temeli

Değişken, veri türü, koşul ve kapsam kavramlarını öğrenir, sağlam bir programlama temeli kurarsınız.

✅

Fonksiyonlar

Fonksiyon tanımı, ok fonksiyonu, varsayılan parametre ve kapanış kavramlarını kavrayıp kullanırsınız.

✅

Dizi ve ES6

map, filter ile dizi işler, yıkımla atama, yayma operatörü ve modülleri modern söz dizimiyle kullanırsınız.

✅

Eşzamansız JS

Promise, async/await ve fetch ile API'den veri çeker, eşzamansız akışı okunabilir biçimde yazarsınız.

✅

DOM işlemleri

querySelector ve addEventListener ile öğe seçer, olay dinler ve sayfayı JavaScript ile değiştirirsiniz.

✅

Vue reaktivitesi

ref ve reactive ile reaktif veri tanımlar, JavaScript değişkeni ile Vue reaktivitesi farkını kavrarsınız.

✅

Direktif ve bileşen

v-if, v-for, v-on ve v-model kullanır, bileşen oluşturup props ile veri aktarmayı öğrenirsiniz.

✅

İlk uygulama

Öğrendiğiniz JavaScript ve Vue bilgisini birleştirerek küçük ama çalışan bir not uygulaması kurarsınız.

Kimler İçin Uygundur?

Programlamaya veya ön yüz geliştirmeye yeni başlayan
JavaScript temeli zayıf olduğu için çerçeveye geçmekte zorlanan öğrenciler
kariyer değiştirenler
HTML-CSS bilip JavaScript ile Vue öğrenmek isteyenler için uygundur

Sıkça Sorulan Sorular

Bu kurs için programlama bilmek gerekir mi?

Hayır, kurs programlamaya ve JavaScript'e sıfırdan başlar. Yalnızca temel HTML ve CSS bilgisi ile mantıksal düşünme becerisi beklenir. Birinci gün modern JavaScript temelleri adım adım öğretilir, ikinci gün bu temel üzerine Vue inşa edilir; bu sayede önceden deneyimi olmayanlar da rahatça ilerleyebilir.

Neden önce JavaScript öğretiliyor?

Çünkü Vue bir JavaScript çerçevesidir ve dilin temelini bilmeden çerçeveyi öğrenmek kalıcı kafa karışıklığı yaratır. Kurs önce değişken, fonksiyon, dizi, ES6 ve async gibi temelleri oturtur; ardından aynı kavramları Vue içinde kullanarak bilginin neden ve nasıl işe yaradığını somut biçimde gösterir.

İki günde hem JavaScript hem Vue öğrenilir mi?

İki gün, her iki konunun da sağlam temelini kurmak ve küçük bir uygulama geliştirmek için tasarlanmıştır. Amaç her konuyu derinlemesine bitirmek değil, doğru temeli ve öğrenme yolunu kazandırmaktır. Kurs sonunda katılımcı kendi başına çalışabilecek ve ileri eğitimlerle ilerleyebilecek seviyeye gelir.

Kursta hangi araçlar kullanılıyor?

JavaScript tarafında tarayıcı konsolu ve VS Code editörü kullanılır. Vue tarafında Vite ile proje oluşturulur, Node.js ve npm ile paket yönetimi yapılır. Tüm araçlar ücretsiz ve açık kaynaktır; kurulumlar eğitim başında birlikte tamamlanır, böylece katılımcı kendi bilgisayarında aynı ortamı kurabilir.

Kurs 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 iki gün boyunca geliştirilen not uygulamasını belgeler; eğitim yüz yüze veya online verilebilir ve kurumsal gruplara özel olarak uyarlanabilir.

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 VE VUE.JS İÇİN BAŞLANGIÇ SEVİYE KURSU EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Değişken ve Veri Türleri

Fonksiyonlar ve Kapsam

Dizi, Nesne ve ES6

Eşzamansız JavaScript ve DOM

Vue Kurulumu ve Reaktivite

Template ve Direktifler

Bileşenler ve Props

Form ve İlk Uygulama

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Laravel and Vue.JS Eğitimi

Nuxt.JS and Vue.JS Eğitimi

Quasar Framework and Vue.JS Eğitimi

Vue.JS Giriş Eğitimi

Vue.js ile İleri Düzey Uygulamalar Eğitimi

Vue.js ile İnteraktif Web Uygulamaları Eğitimi