STAJ: Ağustos 2013

Blog Oluşturma ve Arkadaşları Ekleme(12.08.2013)

------------------------------------------------------------------------------------------------------------

Linux Hakkında (13.08.2013)
-------------------------------------
Linux GNU/LINUX olarak adlandırılır.Linux Torvalds adın da Finlandiya lı bilgisayar mühendisinin öncelikle kendi bilgisayarın da kullanmak için başlattığı bir çalışmadan sonra ortaya çıkmıştır.Torvalds 1991 de çekirdeği oluşturmaya başlamıştır.Yazdığı program diğer programcılar tarafından da desteklenerek büyük bir hızla gelişti.Böylece gönüllüler tarafından geliştirilen ve türevleri olan işletim sistemi haline gelmiştir.GNU için yazılmış olan özgür yazılımlar Linux çekirdeği ile uyumlu çalışacak hale getirilmiş ortaya güçlü, esnek ,açık kaynak kodlu işletim sistemi açığa çıkmıştır.GNU/LINUX olarak anılması gereken işletim sistemi zamanla Linux olarak adlandırıldı.Linuxun kararlı bir yapısı vardır.Lisans maliyeti yoktur.İşlemciyi en verimli yollardan kullanan işletim sistemidir yani bellek kullanımı çok iyidir çok sayıda projeyi beraber çalıştırabilir.Linux da bir hata tespit edilirse dünyanın herhangi bir yerinde ki programcı çok kısa sürede hatayı çözebilir.Sunucu ve gömülü sistemler tarafından sıklıkla kullanılmaktadır.UNIX yerini alabilmektedir ve dünyada en güçlü IO süper bilgisayarlar da kullanılmaktadır.Eskiden çok tercih edilmeyen Linux son yıllarda ubuntu , pardus gibi dağıtımlar da son kullanıcıya hitap etmektedir.Özellikle ubuntu sayesin de çok sayıda insan Linuxu tercih etmektedir.Bunda ubuntunun görselliğe verdiği önem neden olmaktadır.Linux altın çağına IBM,Oracle ... gibi devlerin bu işletim sistemine verdiği destekle ortaya çıkmıştır.Linux günümüz de profesyonel bilişimciler tarafından kullanılmaktadır.Ama Linux Windows kadar kolay kullanım sunmuyor.Windowsta ki program sayısı Linux dan daha fazladır.

Linuxun Farklı Sürümleri
---------------------------------------
Linux herkes tarafından ayrı ayrı geliştirilebilmesi ,piyasa da pek çok sürümün boy göstermesiyle sonuçlanmıştır.Bu sürümler birbirinden farklı özelliklere sahip olabilir.Bazıları özel programlara sahip olurken bazıları sade olabilir.Yaygın Linux sürümleri : Red ,Mandrake ,Ubuntu ,Linux Mint,Pardus...
Linuxda Farklı Arayüzler
---------------------------------------
2 farklı arayüze sahiptir.Daha çok ilk dönemler de kullanılan ve Microsoftun DOS adını verdiği işletim sistemine benzeyen birinci arayüz , iletişimi kısa komutların girilmesiyle olur , grafik tabanlı değildir, hızlı çalışır güvenlidir.
İkinci arayüz ise yeni nesil de kullanılandır.Tamamen grafik tabanlıdır , Windows'u hatırlatır , en tanınmış Linux sürümleri :KDE ve Gnome dur.
------------------------------------------------------------------------------------------------------------

Linux Çekirdeği (14.08.2013)
------------------------------------------

Linux Yapısı
--------------------------------------------

İlk Linux Çeşitleri
------------------------------------------
GNU Linuxu ilk kullanan Debiandır ,Fedora ,CentOS, ALTLinux,AMSEL,Amigo Linux,AndLinux,ArchLinux,Ark Linux,ASP Linux,Basic Linux,BLAG ...

Linuxun Artıları Eksileri
----------------------------------------
En büyük avantajı tamamen ücretsiz olmasıdır. Ve birkaç yıl öncesinin donanım özelliklerini taşıyan bilgisayarlarda da çalışır.Sistem hatalarına karşı çok güçlü sistemdir.Linuxun dezavantajı Windows kadar kolay kurulamamasıdır ve programların da windows kadar basit indirilememesidir.Windows da kullandığı bazı programları kullanıcı Linux da bulamayabilir.Linuxun en büyük sorunların dan biri de donanım konusudur.Donanım üreticilerinin bu işletim sistemine önem vermemektedir bu yüzden Linux desteğine sahip donanım sayısı çok da fazla değildir.

------------------------------------------------------------------------------------------------------------

UBUNTU (15.08.2013)
----------------------------------------

Ubuntu çok kullanılan Linux sürümlerindendir.

Ubuntu 12.10 Kurulumu
----------------------------------
Önce internetten Ubuntuyu indiriyoruz ve biz DVD takıyoruz sonra kurulum için gerekli dosyaları DVD ye yazdırıyoruz.Ve karşımıza aşağıda ki ekran geliyor.

Sonra Wubi yi çalıştırıyoruz.Ve aşağıda ki ekran karşımıza geliyor ve ilk seçeneği seçiyoruz.

Ve aşağıda ki pencere gelerek sistemi yeniden başlatmamız isteniyor.

Son olarak ubuntu kurulmaya başlıyor.

Bu süre zarfı bittikten sonra bizden deneme sürümünü yada bilgisayara Windowsun yanın da kurmamızı seçmemizi isteyen seçenekler geliyor. Windowsun yanına kurduktan sonra aşağıda ki ubuntu nun masaüstü penceresi karşımıza geliyor.

--------------------------------------------------------------------------------------------------------------------------------------

Ubuntu da Komut Satırı ve Kabuk Temel Komutları (16.08.2013)
---------------------------------------------------------------------------------------------------------
Bu komutları terminal de (uç birim de) yazıyoruz ve çıktıları elde ediyoruz.
“$” -->Kullanıcı olduğunu gösterir
“#” --> root admin olduğunu gösterir
“~” -->Kullanıcının home dizinini ifade eder.Ve aşağıda ki görüntü ekran da gösterilir.

uname--> işletim sistemi bilgisini verir.Ve aşağıda ki görüntü ekran da gösterilir.Linux İşletim sisteminde olduğumuzdan çıktı da Linux adını verdi.

whoami --> Kimlik hakkında bilgi verir (ben kimim) Ve aşağıda ki görüntü ekran da gösterilir.

date --> Tarih hakkın da bilgi verir.Ve aşağıda ki görüntü ekran da gösterilir.

free --> Kullanılan ve boşta kalan bellek (ram) bilgisini verir.Ve aşağıda ki görüntü oluşur.

who --> sisteme giriş yapan (açık olan) kullanıcıları gösterir.

Linux da Kabuk Nedir=?
--------------------------------------------
Komutları yorumlamak ve yönetmek için kullanılan programa kabuk denir. Bilgisayar ekranımızın yönetimini pencereler ve simgeler ele geçirmeden önce bilgisayarlarımızı çalıştırmak için kullandığımız komutları yazdığımız bir tür paneldir .Bütün LINUX dağıtımlarında bir kabuk bulunur. Kabuk sayesin de programları, dosya sistemlerini çalıştırabilir, bilgisayar kodunu derleyebilir, Bir sistemi çalıştırabiliriz.

Temel kullanılan kabuklar :
------------------------------------------------
• sh
• bash
• csh
• tsh
• zsh
Kendi bilgisayarımız da hangi kabuk kullanıldığını bulmak için terminale "echo $SHELL" yazarız ve çıktıdan da görüldüğü gibi benim bilgisayarım da "bash " kullanıldığı görülür.

-----------------------------------------------------------------------------------------------------------------------------------

Ubuntu da Wine Kurulumu (19.08.2013)
---------------------------------------------------------------------

Wine Nedir=?
------------------------
Windows tan Linux a geçen kullanıcıların aklına gelen ilk soru bundan sonra Windows programlarını kullanılabilecek olup olmadıklarıdır.Bu wine sayesin de bu işlem gerçekleştirilmektedir.Wine Windows için geliştirilmiş programları Linux işletim sistemi üzerinde tıpkı diğer programlar gibi görünür şekilde herhangi bir bellek ya da program kaybı olmadan çalıştırır. Normalde Linux EXE ve MSI uzantılı dosyaları açamaz ama Wine sayesin de bu dosyalar çalıştırılabilir.

Wine Kurulumu
-----------------------------------
Wine ' ı Synaptic Paket Yöneticisi ya da Ubuntu Yazılım Merkezinde kurmak mümkün.

Ve wine kuruldu.

Ubuntu da Opera Kurulumu
--------------------------------------------------
Opera Kurulumu :
---------------------------------

Ve son olarak sayfamız açılıyor.

Opera uygulamasını yüklerken daha önce görmediğimiz bir .deb uzantılı bir dosya ile yüklemeyi gerçekleştirdik.Yoksa elimizde arşiv olarak sakladığımız operaya ait setup.exe dosyası ubuntu için bir işe yaramayacaktı.Ama önceden Wine indirdiğimiz için opera kolay olarak indirildi.

-----------------------------------------------------------------------------------------------------------------------------------

Ubuntu da Mono Nedir ve Mono Kurulumu (20.08.2013)
----------------------------------------------------------------------------------------------
.NET in Linux da kullanılabilmesi için Mono da kullanılarak geliştiriliyor. .NET dillerini kullanmamız için MonoDevelop kurmamız gerekiyor.Aslın da Windows da Visual Studio ya alışmıştık Linux da ise onun yerine Mono kullanabiliriz çünkü Linux da Visual Studio kullanılamıyor.MonoDevelop u Ubuntu Yazılım Merkezini açarak kurabiliriz.Aşağı da kurulum aşamaları verilmiştir.

Ve bilgisayarımıza kurmuş olduk.

Ubuntu da Eclipse Kurulumu
-----------------------------------------------

Terminal Sunucu Bağlantısı(TSC) :Uzak Masaüstü İstemcisi
-------------------------------------------------------------------------------------------------
Uzak masaüstü bağlantısı kendi bilgisayarınızdan uzakta ki başka bir bilgisayara bağlanıp , masaüstünü kullanmamızı sağlar.Bu sayede evden işyerinde ki bilgisayara bağlanabiliriz.Uzak masaüstü bağlantısı yapılabilmesi için bağlantı yapılacak makinenin buna izin vermesi gerekir.Daha doğrusu bağlantı yapılacak bilgisayara ait IP adresi ,kullanıcı adı ve parolanın bilinmesi gerekmektedir.
Bu bilgilere ulaşıldıktan sonra Uzak Masaüstü İstemcisini çalıştırıp ve bağlantı adresine bağlantı yapılacak bilgisayarın IP adresini giriyoruz.Protokol olarak RDP seçili kalsın.Kullanıcı adı ve parola bilgileri girildikten sonra bağlan dediğiniz de bilgisayara bağlanabiliriz.

Bilgisayarın IP Adresini Öğrenme
------------------------------------------------------
Uç birime "ifconfig" yazıyoruz.

Bozuk Bigisayarları Tespit Etme ve Temin Etme(21.08.2013)

------------------------------------------------------------------------------------------------------------

Bilgisayar Kasasının İçi Temizlendi (22.08.2013)

Doctype nedir?
------------------
Döküman tipini belirler.Yazdığın kodların tarayıcı tarafından nasıl yorumlanacağını belirler. Doctype HTML-XHTML döküman tipini belirler.Html kodlama yaparken doctype bildirimi tarayıcının tarama metodunu belirler.Bir döküman Doctype tanımı yapılırsa bu sayfa belli standartlara uygundur denir.Eğer kullanılmızsa web tarayıcılarımız tarafından sitemiz doğru okunmaz.Yani her tarayıcı farklı şekilde sayfamızı yorumlayabilir.Bu yüzden bazen yazdığımız kodu google crome da farklı internet explorer da farklı şekilde görebiliriz.

Genel kullanımı ;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Burada dökümanımızın XHTML 1.0 verisyonu dikkate alınarak yazıldığı ve kullanılan bu kuralların etiketi verilmiştir.Bu tanımlamadan sonra web tarayıcıları bu kurallara göre sayfayı yorumlayacak ve buna göre bir görünümü kullanıcıya sunacaktır.

html = ?

-------------------

Düz metin ve çeşitli anlamlara göre kodlardan oluşur.İçerisine yazılan kodlar ancak bir web browser tarafından anlamlı hale gelir.Yazıldığı dosyaların uzantıları htm yada html dir.Ayrıca video, resim, yazıyı birbirine kolayca bağlar ve bunların söz konusu web tarayıcısı tarafından düzgün bir şekilde görüntülenmesini sağlar.

head = ?

---------------------
Sitemizin başlık etiketidir.Yani sitemizin içeriğiyle ilgili başlıklar koyarız , sitemizin tanımlanmasını yaparız.

link = ?
---------------------
Başka "css" sayfasına yönlendirme yapılır.

div = ?
---------------------
Blok oluşturmaya yarar ; html de table dan farklıdır çünkü table da belli ölçütlere göre sayfanı bölersin ama div sayesin de istediğimiz ölçütlerde sayfamızı bölebiliriz.Herhangi bir görsel özelliği yok bu yüzden css kullanımı işi kolaylaştırır.
Sayfanın her yerine yerleştirebileceğimiz bloktur.Div ile kullanılacak özellikler: id , class, position , float , top , left , right, bottom , width, height , margin , padding , border , background , text-align

id : Eşsiz kimliğini belirtir. Aslında div imize vereceğimiz özel bir isimdir harf yada sayı olabilir.

Ör: <div id="ebru"> </div>
class: stil dosyanız da belirlenen özellikleri dive aktarmamızı sağlar.

...

span = ?
--------------
Div e benzer sayfamızı bölümlendirme de yardımcı olur.Bazen div kullandığımız da hata verebilir ama span kullanmak o hatayı önleyebilir.

h1 = ?
---------------------
Ana başlık demektir.Web sayfamızın bir ana başlığı olur bu yüzden her sayfanın bir ana başlığı olur bu yüzden bir tane h1 tagı kullanmalıyız.Anasayfamızın header kısmın da h1 kullandıysak başka yerde kullanmamalıyız.

ul = ?
------------
Sıralama niteliğine sahip olmayan ögeler için kullanılır ,listeleme de kullanılır , ögelerin başına yuvarlak kare gibi şekiller konur.

li = ?
-------------
Listeleyeceğimiz ögelerin başına yazılır.

a = ?
------------
Başka bir web adresine yönelmek için link atmamız gerekir bunun için de "a" kullanılır.

strong = ?
---------------
İçerisine yazılan metnin kalın gösterilmesini sağlar.

label = ?
-------------
Web sayfamıza etiket koymamızı sağlar.

form = ?
-------------
Web sayfasını ziyaret eden kullanıcıdan bilgi almak için kullanılır.

input = ?
-------------
Kullanıcıdan giriş yapmasını ister.

textarea = ?
-----------------
Normalde text (textbox) de sadece tek bir satır için de bilgi girişi yapabiliyorduk birden fazla satır da bilgi girişi yapabilmek için bu tag kullanılır.

b = ? ve p=?
------------------------
b etiketi "bold" dan gelir yani kalın yazmamızı sağlar.p etiketi paragraf tanımlar.

footer=?
-----------------------
Sayfamızda ki bir bölümün alt bilgisini tanımlar.Sitelerde ki en alt kısmı içine alır.

article=? aside=?
-------------
article= Sayfamıza gireceğimiz içerik kısmını kolayca belirleyebiliriz.aside=içerikte bulunan bir yer ile ilgili açıklama yapmak için kullanılır.

css = ?
---------------
Sitemiz de tasarımlar oluşturup düzenlemeyi ve değiştirmemizi sağlar.Stil oluşturmamızı sağlar bir html kodlarının web sitesin de nasıl görünmesini istiyorsak işte o istediğimiz yapıya sokan ve .css uzantılı yapıya css denir

background = ? overflow=?border=? float=? margin=? padding=?height=?width=?display=?font weight=?liststyle=?text -decoration=?
background arka plan rengini ayarlamamızı sağlar.overflow blog elementlerin de bir içeriğin taşması durumun da içeriğin gösterilme şeklini belirler.Border
sayfamızda ki alana kenarlık veririz sağa ,sola, alta, üste kenarlık verebiliriz.float yerleşim konusun da kullanılır.margin dışa doğru boşluk bırakmayı sağlar , bu etiketi div de kullanırsak mesela diğer nesneler ile bloğumuz arasında ki mesafeyi belirler.padding içe doğru boşluk bırakmaya yarar.height yüksekliği ayarlamamızı sağlar.width genişliği ayarlamamızı sağlar.Bazen html kodlarını kullanıcıdan saklamak gerekebilir bunun görünme şeklini ve gizlenmesini display sağlar.font weight fontun kalınlık incelik durumunu belirler.list style oluşturduğumuz listelere sitil vermemizi sağlar.text-decoration metinlerimize özel işaret vermemizi sağlar altını çizmek , üstü çizili yapmak ...

Ör :

Çıktı:

Web Sayfası Oluşturma :::::

JQUERY (23.08.2013)

---------------------------

Bir javascript kütüphanesidir.Yada bir javascript frameworküdür denebilir.Daha çok sayfada ki animasyonlar için kullanılır. Fotogaleri, slaytlar... oluşturulabilir.Jquery ve css içiçedir.Öyle ki css ile geliştirilen sayfalar jquery ile tamamlanarak görsel açıdan zenginleştirilebilir.

Jquery nin Çalıştırılması

------------------------

Sadece bir dosya uzantılı olan ".js" uzantılı dosyadır.Bu dosyayı jquery nin gerçek sitesin den indirebiliriz.Ve sonra bunu kendi html kodumuzun içine entegre edebiliriz.Bu kod="<script type="text/javascript" src="latest-jquery.js"></script>" dir.

Bir Sayfa Yüklendiğinde Jquery Çalıştırma
-------------------------------------------

<html>

<head>

<style>

.ebru{

padding :120px;

background-color:black;

}

</style>

</head>

<body>

<a href ="#" class="ebru" >Yonlenecek Sayfaya Gidiniz</a>

alert(1);

$('ebru')

alert ('ekran yüklenirken alert oluştu...');

</script>

</body>

</html>

----------------------------------------------------------------------------------------------------------

Jquery Click Çalıştırma

-------------------------

<html>

<head>

<style>

.ebru{

padding :120px;

background-color:black;

}

</style>

</head>

<body>

<a href ="#" class="ebru" >Yonlenecek Sayfaya Gidiniz</a>

$('a.ebru').click(function(){

alert('Bu taga tiklanildi.');

}

);

</script>

</body>

</html>

Jquery Hover

------------------------

Hover linkin üzerine gelindiğin de oluşacak görüntüdür.

<html>

<head>

<style>

.ebru{

padding :120px;

background-color:black;

}

</style>

</head>

<body>

<a href ="#" class="ebru" >Yonlenecek Sayfaya Gidiniz</a>

$('a.ebru').hover(

function(){ $('a.ebru').hide();

}

);

</script>

</body>

</html>

---------------------------------------------------------

JQUERY DE show , hide, animate , slideup,slidedown, fadeout , fadein , fadeto , size kullanımı

-------------------------------------------------------------------------------------------------

<html>

<head>

.slideDown, .slideUp{

float:left;

padding:8px;

margin:16px;

border:1px solid red;

width:900px;

height:50px;

background-color:#000000;

color:white;

}

div {

background:#ebebeb;

width:490px;

height:420px;

border:2px dotted black;

}

</style>

</head>

<p>Bu bir paragraftır.</p>

<a href="#" class="burcu">FADEOUT</a>

<a href="#" class="mehmet">FADEIN</a>

<a href="#" class="turgay">FADETO</a>

slideDown()

</div>

slideUp()

</div>

<button id="calistir">Animasyon</button>

<div id="bolum">Selam!</div>

//for

for (i = 1; i <= 6; i++)

{

document.write("<h" + i + ">Baslik " + i);

document.write("</h" + i + ">");

}

//ANİMATE

$("#calistir").click(function(){

$("#bolum").animate({

width: "20%",

opacity: 0.4,

marginLeft: "1.4",

fontSize: "2em",

borderWidth: "4px"

} );

});

//each

var renkler = [

{ "kırmızı": "#f00" },

{ "yesil": "#0f0" },

{ "mavi": "#00f" }

];

$.each(renkler,function(){

$.each(this,function(name,value){

alert(name + '=' + value);

});

//show için

$('a.ebru').click(function(){

$('p').show(2000);

});

//hide için

$('.eren').click(

function(){ $('p').hide();

}

);

//fadeout için

$('a.burcu').click(function(){

$('p').fadeOut(100);

});

//fadeIn için

$('a.mehmet').click(function(){

$('p').fadeIn(100);

});

//fadeTo kUllanımı

$('a.turgay').click(function(){

$('p').fadeTo("slow",0.25);

});

//Slide Up , Slide Down kullanımı

$(".slideDown").click(function () {

$(this).hide().slideDown('slow');

});

$(".slideUp").click(function () {

$(this).slideUp(2000);

});

//size için

$("a.size").click(function(){

var sayi=$('div').size();

alert(sayi);

});

</script>

</body>

</html>

------------------------------------------------------------------------------------------------------------

Jquery de Merhaba Dünya

---------------------------

<html>

<head>

$(document).ready( function() {

$("div").html("Merhaba Dünya!");

});

</script>

</head>

<body>

</body>

</html>

-------------------------------------------------------------------------------------------------------

STAJ

27 Ağustos 2013 Salı

Stajda Yapılan Çalışmalar

Genel kullanımı ;