Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından facecam ile sunulan React Native uygulama geliştirme eğitimidir. Eğitmen, Sivasspor uygulaması geliştirme sürecini adım adım göstermektedir.
- Videoda, bir uygulama geliştirme serisinin bir parçası olarak login, sign up ve welcome page oluşturma işlemleri anlatılmaktadır. Eğitmen, logo komponenti oluşturma, kullanıcı adı ve şifre alanları ekleme, state ve fonksiyon tanımlama gibi temel React Native konularını ele almaktadır.
- Eğitim, yaklaşık bir ay bir buçuk içinde tamamlanacak bir uygulama geliştirme sürecinin bir parçasıdır. Bir sonraki derslerde web servis entegrasyonu, token alma, API kullanımı ve Sivasspor haberlerini çekme gibi konular işlenecektir.
- Giriş ve Ders Planı
- Eğitmen ilk kez facecam ile yayın çekiyor ve oyun kanalı için aldığı kamerayı test ediyor.
- İkinci ekranını aldığını ve ders anlatabilmek için anneannesine teşekkür ettiğini belirtiyor.
- Bu derste login, sign up ve welcome page yapacak, ardından API dersine geçecek ve token alma işlemleri yapacak.
- 01:20Logo Komponenti Oluşturma
- Logo adında bir GS dosyası tanımlayarak, component'in altına logo kullanacak.
- Logo komponentini sürekli tekrarlayarak aynı yerde kullanmak için tek bir komponent oluşturuyor.
- Logo komponentini image ve konteyner içinde düzenleyerek, logo'nun boyutunu ve stilini ayarlıyor.
- 04:27Login Sayfası Oluşturma
- Login sayfasında kullanıcı adı ve şifre alanları için text input'lar ekliyor.
- Text input'lara on change text fonksiyonu ekleyerek girilen verileri state'e atıyor.
- Text input'lara placeholder değerleri ve stil atamaları yaparak kullanıcı adı ve şifre alanlarını tamamlıyor.
- 12:16Şifre Alanı ve Geri Dön Butonu
- Şifre alanına security text entry true özelliği ekleyerek şifrenin görünmesini engelliyor.
- Login sayfasına logo'yu ekliyor.
- Sign up sayfasına geri dön butonunu ekliyor.
- 13:48Sign Up Sayfası Oluşturma
- Sign up sayfasında kullanıcı adı, şifre, şifre tekrar, isim, soyisim ve şehir alanları için text input'lar ekliyor.
- Login sayfasından text input'ları kopyalayıp sign up sayfasına ekliyor.
- Fonksiyonlar ve state'leri render'ın üstünde, text inputları ve diğer bileşenleri render'ın içinde tanımlıyor.
- 18:45Dersin Özeti
- Bu derste kırmızı beyaz Sivasspor temalı bir welcome page oluşturuldu.
- Login ekranı oluşturuldu ve kullanıcı adı ile şifre girişi yapıldı.
- Kayıt ol seçeneği de eklendi.
- 19:05Gelecek Dersler Hakkında Bilgi
- Bir ay bir buçuk ay içinde proje tamamlanacak.
- Sonraki derste textten alınan verilerin web servise gömülmesi anlatılacak.
- Login ekranına kayıt yapma, giriş yapma ve token alma konuları işlenecek.
- 19:46Gelecek Projeler
- Main ekranı oluşturulacak.
- Sivasspor uygulaması yapılabilir, Sivasspor haberleri alınabilir.
- Başka sitelerden web servisinden veri çekme örneği gösterilecek.