Windows İşletim Sisteminden Github'a Dosya Yüklemek (Push to Github)

1.  İlk olarak https://windows.github.com/ adresinden GitHub'ı indirin ve kurun.
2. Masaüstüne gelen GitHub isimli simgeye çift tıklayarak açın ve Github kullanıcı adı ve parolanız ile burada oturum açın. Cofiguration (yapılandırma) ayarlarını skip edin, bunu daha sonra ayarlayabilirsiniz.
3. Şimdi dosyalarınızı aktaracağınız bir depoya ihtiyacınız var. Çünkü Github belli bir hiyerarşi gerektirmektedir. Bunun için GitHub arayüzünde;

 şeklinde repo oluşturuyoruz. Local Path alanında repositorry'nin nereye oluşacağı görünüyor. O yoldaki dosyaya bakarsak eğer;

şeklinde bir içerik görmeliyiz. İşte buraya Githuba push edeceğimiz (yükleyeceğimiz) dosya veya dosyaları atmalıyız. Mesela ben Java ile yazdığım bir uygulamayı (AlgorithmAnalysisExample ismindeki klasör) githuba atayım. Resimde görüldüğü gibi klasör içine sürükledim projemi.

  Sonra yüklemiş olduğum Github uygulamasına baktığımda değişlik otomatik algılanmış olacaktır ve eklediğim dosya bilgilerini göreceğim. Onu da gösterirsem;

Hide olarak görünen buton normalde Show şeklindeydi. Show'a tıkladığımda yukarıdaki Summary ve Description alanı ile ve sağ tarafta içerik bilgilerini göreceğim. Burada Summary alanına bir şeyler yazma zorunluluğu vardır. Çünkü bu yazı Github üzerinde gösterilecek. (Örneğin: Herhangi bir dosyada güncelleme yaptıysan bu alana şu dosyayı güncelledim falan yazabiliriz bu yazı Github'ta kullanıcı bilgisine sunulur). Description alanını boşta geçebiliriz, bilgiler de girebiliriz. Bunları hallettikten sonra altta Commit seçeneğine ve sonra sağ üst köşedeki Publish Repository alanına tıklıyoruz. Aynı alanda Sync seçeneği çıkacak. Onuda gösterirsem;

Sağ üstteki Sync'e tıkladığımızda dosyamız githubta paylaşılacaktır. Onu da gösterirsem:

şeklinde dosyalarımızı başarıyla github'a yüklüyoruz.

Bootstrap -Giriş

     

        Bu yazıyı yazmamdaki amacım Bootstrap ile uğraşmaya hevesi olan arkadaşların Github üzerinden bootstrap web sayfasını nasıl oluşturacağını göstermektir. Aslına bakılırsa bu işe hevesli olan kişilerin araştırıp bu işi yapmaları çok zamanlarını almayacaktır fakat en ufak bir zaman kaybının da çok önemli olduğunu düşünerek bu yazıyı yazmaya ihtiyaç duydum.
        Öncelikle bootstrap hakkında çok kısa bir bilgi vereyim. Bootstrap; büyük ölçüde günümüz teknolojisine uyumlu, HTML, CSS ve JS bileşenlerini içinde barındıran, web sitelerini hızlı, kaliteli hale getiren son derece popüler bir web teknolojisidir. Yani bootstrap ile oluşturulan web uygulamaları veya siteleri son derece efektif ve kullanışlıdır. Bootstrap'ı indirmek için http://getbootstrap.com/ tıklayarak ilgili adrese gidebilirsiniz.
       Github kullanıcılarına kullanıcı isimleri ile birlikte .github.io uzantılı olacak şekilde bir domain oluşturma hakkı tanıyor. Github kullanıcıları buradan çeşitli paylaşımlar ve benim şimdi yapacağım gibi bir web sitesi servisi sağlayabilir.
       Bootstrap'ı indirdikten sonra (ben distrubition 3.3.2 yi indirdim siz farklı sürümünü indirmiş olabilirsiniz) .zip dosyasını bir klasöre çıkartın.

        Normalde resimdeki .html uzantılı dosya hariç diğer 3 dosyayı göreceksiniz. İşte dosyaların hepsi bootstrap'in en sade şekliyle kendisidir. Yazılımcı'nın kullanacağı bileşenler buradadır. İhtiyaca göre dışardan ek dosyalar da eklenebilir. index.html dosyası tarayıcıdan sizin adresini yazan birinin karşılaşacağı içeriğin oluşturulduğu dosyadır. O yüzden sizde aynı şekilde bir dosya oluşturun. Bu index.html dosyasını açmak için size tavsiyem Sublime Text2'yi tavsiye ederim. Kodlarınız bu editör yardımıyla daha anlaşılır yazabilirsiniz. Konuya dönersek içeriği çok sade bir biçimde;

yaptım. Burada temel HTML içeriğinin yanında örnek olsun diye yine aynı dosya içine script kullanıp hedef gösterilerek hedefteki dosyayı kullanacağımı belirttim. Böylelikle sayfa belirtilen hedef içeriklerine ulaşabilecektir. Bunu binevi köprü olarak nitelendirebiliriz. index.html gibi fakat farklı isimde birden fazla .html dosyası oluşturup kullanıcılara görünteleyebilirsiniz. Ama unutmamak gerekir ki tarayıcıya sizin adresinizi yazan kişi ilk olarak index.html dosyasının içeriği ile karşılaşır. O yüzden index.html dosyasını oluşturmak önemlidir. Şimdi bu içerikleri web sunucuda çalıştırmak için Github hesabınızda kendi kullanıcıadınız.github.io isminde bir repository(depo) oluşturun. Buradaki kritik nokta kesinlikle kullanıcı adınızı kullanmanızdır. Aksi takdirde servisi veremezsiniz. Oluşturduğunuz bu repo'ya tüm bootstrap içeriğinizi (ilk resimdeki tüm dosya ve klasörleri) push edin ve kaydedin. Artık hemen hemen tüm tarayıcıdan kullanıcıadnız.github.io adresini aratan kişiler index.html sayfanızın içeriğini görüntüleyecektir. Bootstrap'ı iyi öğrenmek ve ayrıntılı bilgiler için http://www.w3schools.com/bootstrap/default.asp adresinden yararlanabilirsiniz.