• Buradasın

    JavaScript Eğitim Videosu: Kontrol Yapıları ve Veri Yapıları

    youtube.com/watch?v=W2FcDyikgG8

    Yapay zekadan makale özeti

    • Bu video, bir eğitmen tarafından sunulan JavaScript programlama dili eğitim içeriğidir. Eğitmen, programlama kavramlarını adım adım ve pratik örneklerle açıklamaktadır.
    • Video, JavaScript'teki temel kontrol yapılarını ve veri yapılarını kapsamlı şekilde ele almaktadır. İlk olarak "if" ifadesi ve "for" döngüsü anlatılmakta, ardından "while" ve "do-while" döngüleri açıklanmaktadır. Daha sonra objeler (objects) ve diziler (arrays) konuları ele alınmakta, bunların nasıl tanımlanacağı, değiştirileceği ve döngülerle nasıl kullanılacağı örneklerle gösterilmektedir.
    • Eğitmen, Star Wars API'si üzerinden veri alma, Object.keys(), Object.values() gibi metotların kullanımı ve for...in döngüsünün objelerle nasıl kullanıldığı gibi konuları da detaylı olarak anlatmaktadır. Video boyunca konsol çıktısı gösterilerek konular somutlaştırılmakta ve programcılar için kod yazmadan önce kafalarında büyük bir resim oluşturmanın önemi vurgulanmaktadır.
    00:17Giriş ve Kitap Paylaşımı
    • Konuşmacı, önceki videoda kitap paylaşmasının ticari amaçlı olabileceği için kitap görsellerini kaldırdığını belirtiyor.
    • Eğitim amacıyla devam edecek ve kitap üzerinden anlatım yapacağını söylüyor.
    • Önceki videoda kaldıkları yerden devam edecek, if statement ve diğer JavaScript ifadeleriyle ilgili bilgiler verecek.
    01:28If Statement
    • Programlama dillerinde en çok kullanılan ifadelerden biri olan if statement, bir şeyi kontrol etmek için kullanılır.
    • İf statement'ın içine yazılan ifade doğruysa (true), o zaman blok çalışır.
    • JavaScript'te if statement "if" ile yazılır ve içine çalışacak kodlar yerleştirilir.
    02:41If Statement Örnekleri
    • "if (a == true)" şeklinde yazıldığında, a değeri true ise blok çalışır ve "console.log('hello')" komutu ekrana "hello" yazdırır.
    • "a == true && b == true" şeklinde yazıldığında, her iki değer de true ise blok çalışır.
    • "console.clear()" komutu ile konsol her çalıştırıldığında otomatik olarak temizlenebilir.
    06:36For Döngüsü
    • For statement, JavaScript'te bir döngü kurmak için kullanılır.
    • For döngüsü "for (var i = 0; i < 10; i++)" şeklinde yazılır: değişken tanımlanır, şart belirlenir ve değişken artırılır.
    • Döngü şart sağlanıncaya kadar çalışır, şart belirtilmezse döngü sonsuza kadar devam eder ve tarayıcı kilitlenebilir.
    09:00For Döngüsü Performansı
    • For döngüleri genellikle kısa tutulmalıdır, aksi takdirde tarayıcı performansı olumsuz etkilenir.
    • Döngüde arttırma değeri değiştirilebilir, örneğin "i += 5" ile beşer beşer artırılabilir.
    • For döngüleri çalışırken en büyük sorun tarayıcının kilitlenmesidir.
    11:52For Döngüsü
    • For döngüsü, bir önceki derste gösterilen if ifadeleriyle birleştirilebilir, örneğin 5'e tam bölünen sayıları konsola yazdırmak için kullanılabilir.
    • For döngüsü, belirli bir koşul sağlandığı sürece tekrarlanan bir kod bloğu oluşturur; örneğin "i" değişkeni 0'dan başlayıp 100'e kadar 5'er 5'er artarken, 5'e tam bölünen sayılar konsola yazdırılır.
    • For döngüsü, programlama dilinde temel bir yapıdır ve diğer yapılarla birleştirilerek daha karmaşık programlar ve algoritmalar oluşturulabilir.
    14:54While Döngüsü
    • While döngüsü de for döngüsü gibi bir döngüdür ve aynı şekilde bir blok kodu tekrarlamak için kullanılır.
    • While döngüsü, içerideki ifade true olduğu sürece blok kodu çalıştırır; örneğin "true" ifadesi kullanıldığında sonsuz döngü oluşur çünkü ifade hiçbir zaman false olmaz.
    • While döngüsünde, "i" değişkeni 0'dan başlayıp 20'ye kadar artarken, her adımda konsola "i" değeri yazdırılır ve döngü 20'ye ulaştığında sona erer.
    19:37Do-While Döngüsü
    • Do-while döngüsü, while döngüsünden farklı olarak önce blok kodu çalıştırır, sonra koşulu kontrol eder.
    • Do-while döngüsünde, "i" değişkeni 0'dan başlayıp 20'ye kadar artarken, her adımda konsola "i" değeri yazdırılır ve döngü 20'ye ulaştığında sona erer.
    • Do-while döngüsü, bazı durumlarda while döngüsüne göre daha uygun olabilir çünkü en az bir kez blok kodu çalıştırılır.
    22:26Object ve Array
    • Object, JavaScript'te veri depolamak için kullanılan bir yapıdır; örneğin "person" adında bir object oluşturulabilir ve içine "name", "age" gibi özellikler eklenebilir.
    • Object'in özelliklerine erişmek için nokta notasyonu kullanılır; örneğin "person.name" ifadesi "person" object'inin "name" özelliğini döndürür.
    • Object'in özelliklerine değer atanabilir veya değiştirilebilir; örneğin "person.age = 32" ifadesi "person" object'inin "age" özelliğini 32 olarak ayarlar.
    25:04JavaScript'de Objeler ve Diziler
    • JavaScript'te objeler referans tiplerdir, bir yerde değiştirildiğinde her yerde değişiklik görülür.
    • Array, indekslenmiş ve sıralı bir şekilde veri tutan bir data tipidir.
    • Objeler anahtar-değer çiftleri şeklinde veri tutarken, diziler sıfırdan başlayarak indekslenmiş verileri tutar.
    28:30Programlama ve Somutlama
    • Programlamada somutlama yapabilmenin önemli olduğu vurgulanıyor.
    • Bir program yazarken, gerçek hayattaki senaryoları program diline çevirme becerisi gereklidir.
    • Dosya listesi gibi bir arayüz tasarladığımızda, her dosyaya tıklandığında içerik gösterme gibi işlevleri programlamak için döngüler kullanılır.
    31:42Döngüler ve Veri Yapıları
    • For döngüsü ile bir dizinin tüm elemanlarına erişilebilir.
    • Diziler sıfırdan başlayarak indekslenir, bu nedenle ilk eleman 0. indekste bulunur.
    • Gerçek hayatta veri sunucudan alınır ve bu veriler genellikle objeler şeklinde diziler içinde tutulur.
    39:34Star Wars API Kullanımı
    • Star Wars API'sinden gezegen bilgileri çekmek için bir istek yapılıyor.
    • API'den 61 tane gezegen bilgisi döndürüldüğünde, sonuçlar bir obje içinde "next", "prev" gibi özelliklerle birlikte döndürülüyor.
    • Star Wars'taki gezegenlerin (örneğin Dagobah, Endor) rotation periyodu, orbital periyodu gibi detayları API'den alınabiliyor.
    42:15Döngüler ve Objeler
    • For döngüsü kullanılarak bir liste oluşturulabilir ve her elemana tıklandığında içeriği ekrana yazdırılabilir.
    • Gerçek hayatta bir veriyi somutlaştırmak için önce kafamızda bir resim oluşturmak gerekiyor.
    • Kod yazmadan önce tüm süreci aklımızdan geçirmeli ve büyük bir resim görmeliyiz.
    45:41foreach Metodu
    • Her array veya objenin içinde "foreach", "map", "filter" gibi metotlar bulunuyor.
    • "foreach" metodu, array içindeki her item için bir for döngüsü oluşturur ve verilen fonksiyonu çalıştırır.
    • "foreach" metodu, verilen fonksiyona her itemi ve indexini (isteğe bağlı olarak) parametre olarak gönderir.
    50:54for-in Döngüsü
    • "for-in" döngüsü, bir objenin içindeki özellikler üzerinde dolaşmak için kullanılır.
    • "for-in" döngüsü, objenin içindeki her şeyi ismiyle verir.
    • Objelerde özelliklere erişmek için "obje[özellik]" şeklinde yazılır.
    52:35JavaScript'de Objeler ve Değerlere Erişim
    • Bir objenin içindeki değerlere erişmek için köşeli parantez kullanılır, örneğin "person['age']" ifadesi objedeki "age" değerini döndürür.
    • Konsolda birden fazla değer yazdırmak için virgül kullanabilirsiniz, örneğin "console.log(person['name'], person['age'], person['job'])".
    • Bir objenin içindeki tüm key'leri almak için "Object.keys(person)" kullanılır ve bu dizi olarak döndürür.
    56:15Objelerde Değerlerin Sayısı ve İçeriği
    • Bir objenin içindeki key sayısı "Object.keys(person).length" ile bulunabilir.
    • Bir objenin tüm değerlerini almak için "Object.values(person)" kullanılır.
    • Objelerin içine yeni değerler eklemek için "push" metodu kullanılabilir.
    59:20Dersin Özeti ve Öneriler
    • Bu derste objeler, for-in döngüsü ve for-each gibi önemli konular ele alındı.
    • Kitapta bir on sayfa kadar konu işlendi ve günlük hayatta sıkça kullanılacak temel bilgiler verildi.
    • Öğrencilere videoyu tekrar tekrar izlemeleri ve izlerken kod yazmaları önerildi.

    Yanıtı değerlendir

  • Yazeka sinir ağı makaleleri veya videoları özetliyor