Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir. Eğitmen, JavaScript programlama dili ve Jason Server kullanımını anlatmaktadır.
- Video, iki ana bölümden oluşmaktadır. İlk bölümde Jason Server'ın ne olduğu, kurulumu ve kullanımı adım adım gösterilmekte, Jason Place Holder gibi hazır REST servislerinin tanıtımı yapılmaktadır. İkinci bölümde ise JavaScript'te asenkron ve senkron yapılar, "await" ve "async" anahtar kelimelerinin kullanımı, API isteklerinin nasıl yapılacağı ve response verilerinin nasıl işleneceği örneklerle açıklanmaktadır.
- Eğitim, template literals kullanarak string birleştirme yöntemi de göstermekte ve bir sonraki derste yeni bir kullanıcı ekleme operasyonu yapılacağını belirterek sona ermektedir.
- REST Servisleri ve JSON Server
- Bu derste REST servislerine giriş yapılacak ve hangi REST servislerinin kullanılacağı anlatılacak.
- JSON Place Holder gibi hazır yazılmış REST servisleri eğitimlerde sıkça kullanılıyor.
- Gerçek hayatta REST servisleri jenerik bir şekilde yazılır ve frontend ile senkronize çalışarak entegre olur.
- 01:54JSON Server Kurulumu
- JSON Server, hayali bir REST servis yazmış hissiyatı veren bir araçtır.
- Kurulum için Google eklentisi eklenerek kısa açıklamalar alınabilir.
- JSON Server'ı çalıştırmak için bir dosya oluşturulmalı ve içinde veriler tutulmalıdır.
- 03:36JSON Server Verilerini Oluşturma
- JSON Server'ın verileri için "users.json" dosyası oluşturulur.
- Dosyada kullanıcı bilgileri (id, ad, soyad) JSON formatında tanımlanır.
- JSON Server'ı çalıştırmak için port numarası belirtilir ve istekler bu port üzerinden yapılır.
- 05:37JSON Server'ı Kullanma
- JSON Server'a istek atıldığında tanımlanan veriler döndürülür.
- İstek adresi "localhost:3500/users" şeklinde olup, "users" kök adres, "localhost" port, "users" endpoint ve "100" istek parametresidir.
- JSON Server, veritabanından veri çekiyormuş hissiyatı verir ve sanki bir REST servis yazılmış gibi çalışır.
- 06:46Eksi Kullanımı
- Eksi kullanabilmek için "npm install eks" komutu ile kütüphane kurulmalıdır.
- Uygulama ve REST servisi için ayrı terminaller açılarak her ikisi de çalıştırılmalıdır.
- Eksi ile GET isteği atmak için "eks.get" fonksiyonu kullanılır ve base URL belirlenir.
- 10:21Asenkron ve Senkron Yapılar
- Asenkron fonksiyonları senkron yapmak için "await" anahtar kelimesi kullanılır.
- "await" anahtar kelimesi, asenkron fonksiyonların çalışmasını beklemek için kullanılır ve Türkçe'de "bekle" anlamına gelir.
- Asenkron fonksiyonlar çalışırken, "await" ile belirtilen kod bloğu, asenkron fonksiyonun çalışmasını bekler ve sonra devam eder.
- 12:02API İstekleri ve Veri Alma
- API istekleri atıldığında, gelen cevabı "response" değişkenine yakalayabiliriz.
- "response.data" kullanarak API'den gelen verilere ulaşabiliriz.
- İki farklı API isteği atarak, farklı kullanıcı bilgilerini konsola yazdırabiliriz.
- 14:06Senkron ve Asenkron Servis Kullanımı
- Farklı servislerde farklı API istekleri atabiliriz.
- Asenkron çalışan servisleri senkron yapmak için "await" kullanmak gerekir.
- JavaScript'te React, asenkron çalışır ve bu asenkron yapıları "await" ile beklemek gerekir.
- 18:47Template Literal Kullanımı
- Stringleri birleştirmek için template literal kullanabiliriz.
- Template literal için alt gr noktalı virgül tuşuna basarak sola bakan tek tırnak ve dolar süslü parantezler kullanılır.
- Template literal ile string birleştirme işlemi daha kolay ve anlaşılır hale gelir.