Uzaktan çalışma, son birkaç yılda web geliştirmede çok daha yaygınlaşmıştır. Sürüm kontrolünden önce, uzaktan aynı kalkınma projesinde çalışmak mutlak bir kabus olurdu. Geliştiriciler zorunda kalacaklardı büyük dosyaları gönder birbirlerine (muhtemelen e-posta yoluyla), geri göndermeden önce kendi kodlarını yapıştırın. Ne eklendiğini ve ne zaman olduğunu takip etmenin gerçek bir yolu yoktu.
Neyse ki, versiyon kontrolü geldi ve tüm cephelerde gelişme yaptı. Web projeleri, özellikle uzak bir geliştirme ekibinde çalışmak söz konusu olduğunda, uygulanması ve yönetilmesi çok daha kolay hale geldi. Artık bir web sitesinin şu anki sürümü hakkında endişelenmenize gerek yok - her takım üyesi herhangi bir zamanda herhangi bir dosyada çalışmakta özgür, bir dosyanın en son sürümünün depolandığı konusunda hiçbir karışıklık yok - ve üst Bulut depolama İşlemde de yardımcı olur.
Bu eğitimde, kullanıyoruz Github Kodumuzu yönetmek için. Bitbucket ve TFVC gibi çok sayıda farklı sürüm kontrol aracı vardır, ancak hepsi farklı olmalarına rağmen, ilkeler kod yönetimi söz konusu olduğunda aynı kalır.
Sitenizin oluşturulmasını kolaylaştırmanın daha fazla yolu için, rehberlerimizi en üste bakın. Web Sitesi Oluşturucu ve ağ sağlayıcısı hizmet.
İlk olarak, gelişim ve dağıtım işlemini sorunsuz bir şekilde çalıştırmak için herhangi bir takımda çalışırken başarılı bir dallanma modeline sahip olmak çok önemlidir. Aynı projede çalışan birden fazla geliştiriciye sahip olacaksınız. Uzak bir işgücüyle çalışırken, en iyi iş akışının üç ana daldan ve bir dizi geçici olandan oluştuğuna inanıyorum:
Ayrıca bir dizi özellik şubesi olacak. Ancak, bunlar başlangıçta yeni özellikleri oluşturmak için geçici olacaktır.
Uzaktan çalışan iki geliştiriciyle bir takım çalıştırmanızı varsayalım. Onlara Sarah ve James diyeceğiz: İkisi de bir müşteri için aynı e-ticaret web sitesinde çalışıyorlar. Sarah, müşteri ayrıntılarını kaydeden bir özellik geliştirmelidir.
Bunu üç ayrı kullanıcı hikayesi içine kırardık - ekleme, düzenleme ve kaldırma - ve ardından bu üç bileti Sprint Backlog'a ekleriz.
Öyleyse, Sarah'ın Müşteri Detayları Ekleme bölümünde başladığını söyleyelim. 'Müşteri-Ayrıntıları' özellik şubesinin 'Müşteri Ayrıntıları'nı' ve birinci görev 'eklentileri' için bir kullanıcı hikayesini oluşturması gerekir.
GIT Checkout gelişimi ve amp; Git Çekme Kökeni / Geliştirme
GIT Checking -B Özelliği / Müşteri Detayları
Git Checkout -B Eklentileri
Sarah, geçici şube 'eklenti' adresinde yerel olarak çalışmaya devam eder ve geliştiği için çalışmasını taahhüt ederdi. Şimdi, James'in Müşteri Detayları ile Sarah'a yardım etmek istediğini söyleyelim, bu yüzden detaylar silme işleminde çalışmaya başlar.
James, paylaşılan şubenin son sürümünü çeker ve 'silme detayları' kullanıcı hikayesi için yeni bir dal oluşturur. Sonra Sarah'ın kodunun üzerine yazılmadan endişelenmeden kendi eklerini yapmaya başlayabilir.
GIT Checkout özelliği / Müşteri detayları
Git Çekme Kökenli / Özellik / Müşteri Detayları
GIT Checkout -B Sil Ayrıntıları
Ayrıca geçici dalını yerel olarak kodlamaya ve herhangi bir değişiklik yapmasını sağlayacak. Sarah, yerel olarak özelliğini bitirdikten sonra, bileti kod incelemesine sokar. Kodunu evreleme dalına iterdi ve evreleme ortamıyla bir çekme talebi açacaktı.
// kodunu evreleme şubesine iter.
Git Push Kökeni Eklenti Ayrıntıları
// evreleme ortamıyla bir çekme talebi açıyor
Git İstek-Çekme Aşama Eklentileri
Artık müşteri ayrıntılarının özellik şubesine ve iki kullanıcı hikayesi geliştirmede 'Eklentiler' ve 'Sil Ayrıntıları' ile ilgili iki kullanıcı hikayesi var.
Kodu incelendiğinde, dalını evrelemeye birleştirebilir. Bilet şimdi, önündeki geliştiricinin doğrulanmasını bekleyen doğrulama sütununda.
// evreleme şubesinin son sürümünü alır
GIT Checkout sahneleme ve amp; & amp; Git Çekme Kökeni / Evreleme
Git Birleştirme Ekleme Ayrıntıları ve AMP; git itme kökenli sahneleme
// doğrulama ortamını oluşturuyor
// ve ürün sahibinden doğrulamasını ister
Sarah'ın çalışması doğrulandıktan sonra, bilet bitirilmiş sütuna taşınabilir. Çalışmalarını Özellik Şubesine birleştirebilir ve müşteri bilgilerinin silinmesi gibi başka bir kullanıcı hikayesine başlayabilir.
// Özellik şubesinin son sürümünü çeker
Git Checkout Özelliği / Müşteri Detayları
Git Çekme Kökenli Özelliği / Müşteri Detayları
Git Merge Address & AMP; & amp; Git Push Kökenli Özelliği / Müşteri Detayları
Tüm özellik hem kurşun geliştirici hem de müşteri tarafından onaylandığında, Sarah, uzun süredir devam etmeye hazır olduğu gibi, özellik şubesini gelişmeye birleştirebilir.
// gelişme şubesinin son sürümünü alır.
GIT Checkout gelişimi ve amp; & amp; Git Çekme Kökeni / Geliştirme
Git Birleştirme Özelliği / Müşteri Ayrıntıları ve Amp; & Amp; Git itme kökenli gelişir
Hepsi tamamlandıktan sonra ve üretime ayrılmaya hazır olan James birleşiyor, konuşlandırmayı serbest bırakır ve açılır. Bu noktada, tüm kodların doğru olduğunu ve müşterinin mutlu olduğunu bilecekti. Her sürümün tarihini almak için serbest bırakmanın taahhüdünü etiketler.
GIT Checkout gelişimi ve amp; Git Çekme Kökeni / Geliştirme
GIT Checkout Release & Amp; & amp; Git Çekme Kökeni / Sürüm
Git Merge Geliştirme ve Amp; & Amp; git etiketi 2.1
Git itme kökenli yayın - TAGS
Bu uzaktan geliştirme iş akışı ilk başta anlamak oldukça zor olabilir, ancak ekibinizin bu yöntemle çalışmasını sağlarsanız, o zaman, üzerine yazılan dosyalar veya aynı alanda çalışan geliştiricileriniz hakkında paniğe gerek kalmadan ücretsiz bir çalışma akışınız var.
Hatırlanması gereken bazı önemli şeyler var:
GIT CO gelişimi ve amp; & amp; Git Çekme Kökeni / Geliştirme
Git Branch -D Yöntem ve Amp; & amp; git itme kökenli --delete evreleme
GIT CO -B sahneleme ve amp; & amp; Git Çekme Kökeni Yığını
Daha küçük projelerle, daha az karmaşık bir iş akışı kullanmak isteyebilirsiniz. En güncel sürümünü, bir gelişme şubesi ve ardından her ek özelliğin bir dizi şubeyi içeren usta kullanabilirsiniz - bu forum, iletişim formu, ödeme sistemi olsun. Hepsi kişisel tercihinize bağlıdır.
Hepiniz aynı odada çalışıyorsanız, birleştirme çatışmalarıyla başa çıkmak zordur, ancak hepiniz farklı bir ofiste çalışıyorsanız, bir kabus bile olabilirler. En önemli şey, her zaman bir birleşmeyi geri alabileceğinizi ve çatışmanın gerçekleşmeden önce devlete geri dönebileceğinizi hatırlamaktır.
Tüm birleşmeleri Kurşun Geliştirici veya ekibiniz olarak yaparken, bunları bağımsız olarak yapanlar, ilk adım olanı anlamaktır.
Git sana sahip olduğunu söyleyecek Unmerged yollar üzerinden Git durumu :
$ GIT durumu
# Şube Ödeme Sistemi
# Unmerged yolların var.
# (Çatışmaları düzeltin ve "git taahhüt" çalıştırın)
#
# Unmerged yollar:
# ("GIT ADD / LT, Dosya ve GT;" Çözünürlüğünü işaretlemek için kullanın)
#
# Her ikisi de değiştirilmiş: Checkout.html
#
İşlemek için herhangi bir değişiklik eklenmedi ("Git Add" ve / veya "Git Tome -a")
Şimdi, bir çatışmanın en yaygın nedeni, değişikliklerin aynı dosyaları aynı satırda etkilediğidir. Bu yüzden, çatışan hattın içeriğine bir göz atalım. Git'in, çatışan bölgeyi içine girerek işaretleyeceği gerçeğinde gerçekten iyi olduğunu fark edeceksiniz. & lt; & lt; & lt; ve & gt; & gt; & gt; & gt; & gt; [diğer / şube / isim] . Bu durumda, Ödeme sistemi .
& LT; & LT; & LT; Baş
Bu çizgi "Kullanıcı Formu" şubesinde çalışırken taahhüt edildi.
=======
Bu çizgi, aksine, "Checkout-System" şubesinde çalışırken taahhüt edildi.
& gt; & gt; & gt; & gt; & gt; & gt; Refs / Heads / Checkout-System
Birinci işaretleyiciden sonraki içerikler mevcut çalışma şubenizden kaynaklanır. Açılı braketlerden sonra Git, hangi şubelerin geldiğini bize bildirir. Bir çizgi ======= İki çelişkili değişikliği ayırır.
Artık dosyayı bir editörde açabilir, çakışma işaretleyicilerini arayın ve gerekli değişiklikleri yapabilirsiniz. İşiniz bittiğinde, dosya görünmesini istediğiniz gibi görünmesi gerekir veya alternatif olarak, alternatif olarak, GIT'yi basitçe düzenlenmiş sürümlerden biriyle gittiğinizi söyleyebilirsiniz. bizim veya onların .
GIT Checkout - Yolu / / çatışma-file.html'lerOurs
Ayrıca bu konuda yardımcı olabilecek birçok birleştirme aracı uygulaması vardır. Kaleidoscope Mac için harika bir tanedir.
Özellikle geliştiricilerin ofis merkezli olmadığında, görevler ve hatalar gibi işleri yönetmek için bir proje yönetimi aracının önündeki bir geliştirici kadar önemlidir. Zenhub ve Asuna gibi çok sayıda çözüm var, ancak Gitub'un yerleşik projesinin ve sayı sisteminin en iyisi olduğuna inanıyorum.
Yeni bir proje kurmak, panolar oluşturmak veya konular atamak gibi işleri yapabilirsiniz. Ve sadece sorunları sorunla karıştırmayın: Ayrıca, diğer şeylerin yanı sıra geliştirmeler, sorular ve hatalar için de kullanabilirsiniz.
İşte en iyi özelliklerinden birkaçı:
GitHub'a giderseniz ve o zaman havuzlarınızdan birine giderseniz, projeler denilen bir sekme göreceksiniz. Oradan yeni proje seçebilir, proje bilgilerinizi kurabilir ve yeni bir proje şablonu oluşturabilirsiniz.
Artık üst boyunca olan sorunları seçip yeni bir sorun seçerseniz, yeni bir sorun yaratabileceksiniz. Daha sonra çeşitli etiketler uygulayabilirsiniz - bunlar hata, geliştirme, soru ve yinelenen gibi şeylerdir. Yeni bir özellik veya istek için geliştirmeyi de kullanabilirsiniz. Daha sonra göreve, bir dönüm noktası ve yeni oluşturduğunuz projeye çeşitli ekip üyeleri atayabilirsiniz.
Atanan üyeler daha sonra tüm görevlerinin bir listesine sahip olacak ve şu anda inşa edildiklerini takip etmek için proje panosunu bile kullanabilirsiniz. Daha önceki öğreticimizi hatırlıyorsanız, Backlog ve Doğrulamayı Sprint için hareketli biletlerden bahsediyoruz. Bu yüzden Github, bir projeyi denetlemek için gerçekten bir arada bir araç olarak çalışır.
Bu makale başlangıçta 311 sayısında yayınlandı. ağ , dünyanın web tasarımcıları ve geliştiricileri için en çok satan dergisi. Sayı 311 burada satın al veya abone olun .
İlgili Makaleler:
Uzun zamandır web sayfalarında mükemmel bir görsel kompozisyona ulaşmaya çalışıyordum. Günlük işlerimde CSS kesme noktaları ile çok fazla acı çekiyorum ve cevap veren yerleşi..
Burada, Atstation'daki insan mücadelesi için yaptığım bir karakter, Rey oluşturma sürecinden bahsediyorum. Kendi video oyu..
Bu atölye için, sadece hayal gücünüzden karakterler çizmek için gerçekten eğlenceli bir yol göstermek istiyorum. Nasıl..
CSS özel özellikleri, genellikle CSS değişkenleri olarak bilinen, şimdi tüm büyük modern tarayıcılar tarafından destek..
İyi yürütülen bir montaj başka birinden daha fazladır sanat tekniği Alet kemerinize eklemek için. Çalış..
Bu öğretici, Adobe XD'de bir mobil uygulama prototipinin nasıl yapıldığını gösteren, kullanarak bir araya getirildi..
Bekalanan bir figürü boyamak için, dikkate alındığında bir dizi faktöre girmenizi gerektirir - kullandıkları kumaş tü..
Bu eğitim, size bir sıvı dökme etkisinin nasıl simüle edileceğini gösterir. Sıvı efektler oluşturmak için kullanabile..