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
Onaylı Üye
html-CSS-Java öğrenmenizde çok fayda var zamanında pawno dili ile uğraşıyordum dil bile denmez 
bazen diyorum ki erkenden keşke html css öğrenseydim kafama yazık. Konu yararlı ellerine sağlık.
bazen diyorum ki erkenden keşke html css öğrenseydim kafama yazık. Konu yararlı ellerine sağlık.
- Konuyu başlatan
- #32
Uzman Üye
öğrenene kadar başıma cok ağrılar girdi eskiler...
teşekkürler konu icin
teşekkürler konu icin
Onaylı Üye
Bilmiyenler için yararlı konu olmuş
Uzman Üye
Teşekkür ederim eline emeğine sağlık
Üye
a sim voce pode me indicar um curso pq eu to com um pouco de duvida ainda, em css ??
voce poderia me indicar um curso pq eu tenho apetição para programação e estou começando por html.Selam, 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ış elemento 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. Rádio, texto, e-mail 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ğ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 gore 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 em ç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 e 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, o JavaScript kodlarınızı sunucu tarafında çalıştırmanızı sağlar. Böylelikle lado do servidor işlerinizi yaptırabilirsiniz. Abra o arquivo JavaScript 2 para o usuário. O lado do cliente está usando JavaScript e o lado do servidor usando 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 file Click eventini yakalamanız gerekli. Genellikle bu tür işleri yapmak için kullanılır. JavaScript'em temelidir.
Server Side üzerinde yazılan JavaScript kodlarını çalıştırmak no 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. Em primeiro lugar, faça o 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 ü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 gomelim. Diğer progamlama dillerine göre nelerin kötü olduğuna bakalım. Programa dileri 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...
FILHO
Tamanho HTML CSS e 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 anos yazılım sektörü içerisindeyim. Filho, profissional de 4 anos, 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 fora xD
- Durum
Benzer Konular
