- Yasaklandı
- #41
Banlı Üye
güzel anlatım sagolun
Neden HTML CSS ve JS? Neden bu kadar önemli?
- Konuyu başlatan ZyraPasaa
- Başlangıç tarihi
-
- Etiketler
- css discord framework html javascript nodejs web design website
- Durum
Ultra Üye
gayet güzel anlatmışsın kral eyw
- Yasaklandı
- #45
Banlı Üye
güzel ve başaralı anlatım olmuş.
Üye
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
Ultra Üye
Aksine benim en az önemli olduğunu düşündüğüm dillerdi. Çoğu kişi bunlara yazılım dili bile demiyor. html aslında bir websitesine girdiğimizde gördüğümüz şeylerin koda dökümü gibi birşeydir. ama garip yine de tabii
- Konuyu başlatan
- #48
Reaper
Ultra Üye
HTML, CSS ve JS dillerinin önemini ve kullanım yerlerini paylaştığın için teşekkür ederim. Web siteleri ve web servisleri sayesinde online alışveriş yapmak, kendimizi ve işlerimizi tanıtmak ve memoryhackers.org gibi forum siteleri oluşturmak gibi birçok şey yapabiliriz. Dahası, sosyal medya ve web tabanlı oyunlar bile geliştirebilir ve müşterilerle canlı görüşmeler yapabiliriz. Web sayesinde sunabileceğimiz sayısız kategori ve hizmet bulunmaktadır.
Onaylı Üye
abi sence yakin gelecekte web sitesi yazdirma isini yapay zekalar ele alabilir mi?
emegine saglik iyi forumlar
emegine saglik iyi forumlar
Software Engineer
Seçkin Üye
Neden önemli diye saçma bir soru olabilir mi web sitesi oluşturabilmek html css kullanman gerekiyor. Harici framework kullanacağım desen yine html css bilmen gerekiyor. Neden önemli diye bir şey mi var saçma
Uzman Üye
web sitesi yazarken güvenlik açıklarına da dikkat etmek lazım güvenli kod yazmakta fayda var
Ben de bir zamanlar araştırmıştım bildiğim kadarıyla söyle açıklayayım.
HTML yazılımın bel kemiğidir ve çok kolaydır (diğer dillere göre)
JavaScript yazılıma fonksiyonlar eklemeni sağlar (işaretleme kutucuğu, seçenekler vs.)
CSS ise işin tasarım kısımında kullanırsın
HTML yazılımın bel kemiğidir ve çok kolaydır (diğer dillere göre)
JavaScript yazılıma fonksiyonlar eklemeni sağlar (işaretleme kutucuğu, seçenekler vs.)
CSS ise işin tasarım kısımında kullanırsın
Onaylı Üye
1 saatlik video izlesem anlamazdım 
eline sağlık <3
eline sağlık <3aslinda direk uygulamali olarak css olmayan sadece htmli yazilmis bir siteye bakarsaniz(ki bunu ogeyi denetle secenegi ile konsoldan yapabilirsiniz css dosyalarini silerek) cssin onemini anlarsiniz. js de olmazsa olmaz(html vs css in de bir yazilim dili olmadigini da belirtmem gerekir, html css biliyorum yazilimciyim derseniz ortamalarda gulerler adama iyi forumlar)
iyi forumlar)- Durum
Benzer Konular
