- Yasaklandı
-
- #41
Banlı Üye
güzel anlatım sagolun
güzel anlatmışsın helal olsunSelam, iyi günler!
Bu gün sizlere başlıkta gördüğünüz gibi html, css vs js dillerinin önemini, kullanım yerlerini anlatacağım. Aslında bu konudan önce "webste neden bu kadar önemli?" sorusuna cevap vermem gerekli. Website ve web servisleri sayesinde uygulamalarmıza patch, online alışveriş, kendimizi ve yaptığımız işleri tanıtabiliyoruz. Bunlardan farklı olarak, "memoryhackers.org" gibi forum sitelerini kurup insanlarla belirli konular hakkında tartışabiliyoruz. Daha da ileri gidersek sosyal media, web tabanlı oyunlar bile yapabiliyoruz. Müşteri yani client ile bire bir, canlı canlı görüşebiliyoruz. Belki sayamadığım bin farklı kategori, bin farklı hizmet...
HTML Nedir?
Çoğu insanın yanlış bildiği bir konu. "HTML bir progamlama dilidir." HAYIR! HTML sadece işaretleme dilidir. Nedir peki bu işaretleme dili? Progamlama dili ile aralarındaki fark nedir?
HTML dışında başka hiçbir dil işaretleme dili olarak kabul edilmez. Website, sadece ve sadece HTML dosyasını okur. Bildiği tek bir dil HTML'dir. HTML'in bu kadar sade bir dil olması onu basit ve tek kurallı olmasını içerir. "<" aç, tagını yaz ve ">" ile kapat. En çok kullanılar HTML DOM nedir, onlara bakalım.
- İşaretleme dili, metin işlemesi için kullanılır.
- İşaretleme dili, tanımlama için kullanılır.
- İşaretleme dili, çalıştırılabilir bir komut dosyası oluşturmaz.
- İşaretleme dili okuma ve yorumlama üzerine ilerler.
- İşaretleme dili, mantıksal operator, değişken, değer, döngü gibi komutları bünyesinde barındırmaz. (Örn: 2+2 işleminin sonucunu bulamazsınız.)
Bunlar gibi, yüzlerce farklı DOM bulunmaktadır. Bu yazdıklarım en bilindik ve en çok kullanılanlar. Bunlar ile websitemizde tanımlanmış element oluşturuyoruz.
- <html>HTML</html> => İçerisine html kodları yazılacağını belirtilen tag. Sayfa içerisinde sadece 1 defa kullanılır ve bütün taglar bunun içerisine yazılmak zorundadır.
- <head>Tag</head> => Sayfa hakkında ön bilgileri barındırır. İçerisine sadece tarayıcının bizlere sunduğu meta ve taglar yazılabilir.
- <body>İçerik</body> => Kullanıcıların gördüğü kısımdır. İçeriklerin hepsi buranın içerisine yazılmak zorundadır.
- <div>İçerik</div> => Kutu anlamına gelir. Elementleri kaplamak için kullanırız.
- <a href="
Bağlantıları görmek için lütfen Giriş Yap">İçerik</a> => Yönlendirmek için kullanırız. Tıklandığı zaman "href" içerisindeki adrese yönlendirir kullanıcıyı.- <ul>İçerik</ul> => Bir liste kapsayıcısını belirtir. İçerisine li elementi ile kullanırız.
- <li>İçerik</li> => Listenin elementini belirtmek için kullanırız. İçine yazılanlar ul kapsayıcısının elemanıdır.
- <h1>İçerik</h1> => Paragraf başlığını belirtmek için kullanırız. H1 ve H6 arasında boyutları mevcuttur.
- <p>İçerik</h1> => Paragraf oluşturmak için kullanılır.
- <button>İçerik</button> => Button oluşturmak için kullanır. Geriye click eventini fırlatır.
- <input type="text"> => Kullanıcıdan değer almak için kullanılır. Radio, text, email gibi tipleri vardır.
CSS Nedir?
HTML'de olduğu gibi CSS'de bir progamlama dili değildir. Fakat HTML gibi işaretleme dili de değildir. CSS kendine özgü, stillendirme dilidir. HTML gibi sadece tek çeşitli bir dildir. Başka stillendirme dili yoktur, tarayıcı sadece CSS dilinden anlar. CSS'in komutlarına göre HTML elementlerini stillendirir. Rengini, şeklini, konumunu, hizalanmasını, boyutunu hatta animasyonunu CSS ile yaparız.
CSS kullanmak için biraz ezber gerekiyor. Biraz da emir dinlemek gerekiyor. Kafanıza göre stil yazamazsınız. CSS'in size sunduğu komutlar dışı komut kullanamazsınız yani. HTML'de yazdığım gibi en çok kullanılan CSS dizilerini yazmak isterdim fakat az önce dediğim gibi ezber isteyen bir dildir ve o kadar fazla içeriği vardır ki yazmaya gözüm korkuyor xD
JavaScript Nedir?
HTML'de olduğu gibi JavaScript bir progamlama dili değildir yazmak isterdim fakat yalan söylemiş olurum. JavaScript HTML ve CSS'den bağımsız olarak bir progamlama dilidir. İçerisinde mantıksal operator, döngüler ve değişkenler barındırırlar. Peki JavaScript'i bu kadar değerli yapan şey nedir? Bunun tek bir cevabı vardır o da NodeJS. NodeJS, sizin JavaScript kodlarınızı sunucu tarafında çalıştırmanızı sağlar. Böylelikle server side işlerinizi yaptırabilirsiniz. Bunun ile birlikte JavaScript 2 bölümden oluşuyor. Client Side üzerinde kullanılan JavaScript ve Server Side için yazılan NodeJs.
Client Side üzerinde yazılan JavaScript çalıştırılmak için bir kural belirlenmez. Tarayıcı üzerinden bu kodlara erişilebilir ve değiştirilebilir. Genellikle eventlere cevap vermek için kullanılır. Mesela site üzerinden bir buttona basıldığı zaman bir şey yaptırmak istiyorsanız JavaScript ile Click eventini yakalamanız gerekli. Genellikle bu tür işleri yapmak için kullanılır. JavaScript'in temelidir.
Server Side üzerinde yazılan JavaScript kodlarını çalıştırmak için NodeJS ile çalıştırmamız gerekmekte. Bu kodlara dişarıdan kimse erişemez ve değiştiremez. SQL bağlantıları, veri alıp vermek, veri okumak için kullanılır. Kısacası arkaplan sistemleri yazılır. En basit örnek, login olayı. Giriş yapıldığı zaman SQL ile bağlantı kurar, kullanıcının kullanıcı adı, şifresini kontrol eder. Duruma göre yönlendirme ve işlemler yapar. JavaScript'i değerli ve ünlü yapan kısım burasıdır. Web sağlayıcısını sunucu tarafına taşıdığı için çoğu işi yapmamızı sağladı. Basit örnekler verecek olursak discord ile bağlantı kurar ve discord bot kodlamamızı sağlar. API'ler ile siteler arası ilişki kurar, bağımsız veri alıp vermeyi sağlar.
JavaScript'i övdük. Biraz da gömelim. Diğer progamlama dillerine göre nelerin kötü olduğuna bakalım. Progamlama dilleri ile haşır neşir olanlar iyi bilir. JavaScript'in OOP(Object Oriented Programming) kısmı çok zayıftır. ES6 ile gelen Class yapıları ile bu düzeni kapatmak istediler. Fakat JavaScript doğası gereği OOP'si hiçbir zaman C# ve ya daha detaylı diller ile aynı düzey olamaz. JS'de kullandığımız Class yapıları aslında objedir. Doğası gereği OOP güçlü olmuyor. Eğer çok güçlü olsaydı, belki şu an çok farklı konuları konuşuyor olurduk...
SON
Sizlere HTML CSS ve JavaScript hakkında temel ve bilinmesi gereken şeyleri anlattım. Umarım sizlere yardımcı olmuşumdur ve bilgilendirmişimdir. Bilgili arkadaşlar yanlış bildiğim bir yer fark ederlerse yoruma yazmalarını rica ediyorum. Hızla düzeltirim. Kendimi tanıtmak gerekirse ben Batuhan, 7 yıldır yazılım sektörü içerisindeyim. Son 4 yıldır profesyonel olarak işler yapıyorum. Ulaşmak isterseniz "ZyraPasaa#2802" ekleyebilirsiniz veya "zyrapasaa" instagram adresinden takip edebilirsiniz. Ayrıca sormak istediğiniz farklı sorular olursa yorumlarda cevap vereceğime emin olabilirsiniz. Benlik bu kadar, ZyraPasaa out xD
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?