Buradasın
Front-End Geliştirme Eğitim Videosu: Git ve Deploy İşlemleri
youtube.com/watch?v=_K-UcloeHwYYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim serisinin bir parçası olup, bir eğitmen tarafından sunulan front-end geliştirme dersidir.
- Video, önceki derste yapılan bir hata düzeltmesiyle başlayıp, Git ile build klasörünün yönetimi ve Search SSH ile kodun canlı sunucuya deploy edilmesi konularını ele almaktadır. Eğitmen, build klasörünün Git'ten nasıl gizleneceğini, dosyaların nasıl commit edileceğini ve Search SSH ile kodun nasıl canlı sunucuya gönderileceğini adım adım göstermektedir. Video, front-end geliştirme serisinin başlangıç kısmını tamamlamakta ve bir sonraki derslerde CSS ve JavaScript odaklı modüler web uygulaması yazmanın detaylarına değinileceğini belirtmektedir.
- Godaddy Setup ve Hata Düzeltme
- Önceki derste assets klasöründe build klasörü içerisinde anlık olarak kaydetme konusu anlatılmıştı.
- Live server çalıştırıldığında script dosyalarında 404 hatası oluşmasının sebebi, HTML dosyasının doğrudan build dizin içerisinde kaydedilmesi ve build klasörüne fazladan erişim gerektirmemesi.
- Godaddy build komutu çalıştırıldığında CSS ve JavaScript dosyalarının build dizinine kaydedildiği ve değişiklikler yapıldığında tarayıcının otomatik olarak yenilenmesi gösteriliyor.
- 01:49Git ve Build Klasörü Yönetimi
- Live server ve Godaddy watch sonlandırıldığında, git status komutu ile build klasörünün eklenmesi görülebiliyor.
- Build klasörünü sunucuya atmak istenmediği için, gitignore dosyasına "build" yorumu eklenerek bu klasörün git tarafından algılanmaması sağlanıyor.
- Git add nokta komutu ile tüm dosyalar git akışına ekleniyor, commit ve commit mesajı yazarak değişiklikler kaydediliyor.
- 03:22Search.ssh ile Deploy Etme
- Search.ssh, ücretsiz bir deploy hakkı sunan bir araç olup, global olarak npm ile bilgisayara kurulması gerekiyor.
- Build klasörünü deploy etmek için "search ." komutu kullanılıyor, bu da build klasöründeki tüm dosyaları Search'e gönderiyor.
- Kullanıcı kendi domainini belirleyerek deploy edebiliyor, bu domain daha önce kullanılmadıysa otomatik olarak oluşturuluyor.
- 05:31Alternatif Deploy Araçları ve Kapanış
- Search.ssh'in yanı sıra Hero, Zed ve Netlify gibi alternatif deploy araçları da mevcut.
- Netlify, GitHub depolarını bağlayıp master branch'e commit çıktığında otomatik olarak deploy etme imkanı sunuyor.
- Bu araçlar ücretsiz olarak ufak tefek projeleri insanlara sunmak için pratik çözümler sunuyor.