kodlamakampi - Tumblr blog

kodlamakampi · 4 years ago

Photo

Javascript Başlangıç Rehberi

Javascript'i en doğru tekniklerle sıfıran ileri seviyeye öğrenirken başucu kitabınız olabilecek bilgileri sizin için derledik.

Javascript kodlarımızı html ve css ile birlikte kullanabilir ve sitemizdeki dinamik özellikler kazandırabiliriz.

Javascript kodlarımızı <script></script> etiketleri arasına yazarız. script etiketimizi html kodlarımızın head kısmında kullanabiliriz.

<!DOCTYPE html>

<html>

<head>

<title>Javascript Başlangıç Rehberi</title>

// Javascript kodlarımız buraya yazılacak.

</script>

</head>

<body>

<p>Javascript derslerimizle sıfırdan ileri seviyeye javascript öğrenebilirsiniz.</p>

</body>

</html>

Peki javascript kodlarımızı ne zaman head bölümünde kullanmalıyız?

Bir web sitesini ilk açtığımız zaman kodlarımız sitenin başından sonuna doğru okunur ve satır satır işlenir. Sitemizin açılışında işlenmesini istediğimiz önem arz eden kodlarımızı her zaman head etiketinin içerisine yazmamızda fayda var.

script etiketimizi html kodlarımızın body kısmında da kullanabiliriz.

<!DOCTYPE html>

<html>

<head>

<title>Javascript Başlangıç Rehberi</title>

</head>

<body>

// Javascript kodlarımız buraya yazılacak.

</script>

</body>

</html>

Peki javascript kodlarımızı ne zaman body bölümünde kullanmalıyız?

Sitemizde yer alan herhangi bir etiketi manipüle etmek istediğimiz zaman veya sitemizde gerçekleştireceğimiz herhangi bir html kodu eklemek istediğimiz elemana ulaşmak istediğimizde javascript kodlarımızı body etiketinin alt tarafına yazmalıyız. Aksi takdirde yazdığımız javascript kodları manipüle girişiminde bulunmak istediğimiz etiketi bulamayacak ve kodlarımız düzgün bir biçimde çalışmayacaktır.

Dikkat Edilmesi Gerekenler Sitemize ekleyeceğimiz javascript kütüphanelerinin kodları arasına javascript kodu yazılmamalıdır. Kütüphanenin yolu src="ornek.js" ile belirtilir.<!DOCTYPE html> <html> <head> <title>Javascript Başlangıç Rehberi</title> <script type="text/javascript" src="kod.js"></script> </head> <body> <script type="text/javascript" src="kod.js"></script> </body> </html>

www.kodlamakampi.com

#kodlama yazılım programlama kodlamadersleri

2 notes · View notes

kodlamakampi · 4 years ago

Photo

Kodlamada ne kadar sürede uzmanlaşabileceğinizi ve bunun nelere bağlı olduğunu anlattık. İlgili makaleye kodlamakampi.com adresinden ulaşabilirsiniz. #kodlamakampı #kodlamadersleri #yazılımdersleri #programlamadersleri #kodlama #yazılım #programlama

#kodlamakampı #kodlamadersleri #yazılımdersleri #programlamadersleri #kodlama #yazılım #programlama

1 note · View note

kodlamakampi · 4 years ago

Photo

Kodlamaya en doğru şekilde başlangıç yapmak hem sizlere kodlama yapmayı sevdirecek hem de daha profesyonel bir şekilde hedefinize ulaşmanıza olanak sağlayacak. #kodlamakampı #kodlamadersleri #yazılımdersleri #programlamadersleri

#kodlamakampı #kodlamadersleri #yazılımdersleri #programlamadersleri #kodlama #yazılım #programlama

0 notes

kodlamakampi · 4 years ago

Photo

Kodlama Kampı ile 100% ücretsiz bir şekilde sıfırdan ileri seviyeye kodlama öğrenebilir ve kısa zamanda web sitesi kodlayarak kendinize ek gelir kaynakları oluşturabilirsiniz. - Sitemizde yer alan bütün kod örneklerini sitemiz üzerinden çalıştırabilir ve kodlama öğrenmenizi hızlandırabilirsiniz. Mevcut Kodlama Derslerimiz - Html - Css - Javascript Not: Derslerimiz sıfırdan ileri seviyeye makale şeklinde anlatılmıştır. #kodlamadersleri #yazilimdersleri #kodlamakampi #programlamadersleri #kodlama #yazılım

#kodlamadersleri #yazilimdersleri #kodlamakampi #programlamadersleri #kodlama #yazılım

2 notes · View notes

kodlamakampi · 4 years ago

Photo

kodlamakampi.com üzerinden ücretsiz kodlama dersleri yayınlıyoruz. Sitemiz üzerinden sıfırdan ileri seviyeye kodlama öğrenebilirsiniz. #kodlama #yazılım #programlama #bilgisayar #teknoloji

#kodlama #yazılım #programlama #bilgisayar #teknoloji

1 note · View note

kodlamakampi · 4 years ago

Photo

Bir amaç belirleme ve iş kurma birlikte olmalıdır. Beni heyecanlandıran şeyin sadece amaç olduğu doğru ama en başından beri ikisini birlikte yürütmemiz gerektiğini biliyorduk. ~Mark Zuckerberg

#htmldersleri

#cssdersleri

#javascriptdersleri

#html

#css

#javascript

#kodlamakampı

#websitesikodlama

#htmldersleri #cssdersleri #javascriptdersleri #html #css #javascript #kodlamakampı #websitesikodlama

1 note · View note

kodlamakampi · 4 years ago

Photo

www.kodlamakampi.com üzerinden ücretsiz kodlama dersleri yayınlıyoruz. Profilimizdeki linkten sitemize ulaşabilirsiniz. #kodlamakampı #kodlamaeğitimleri #yazilimdersleri #programlamadersleri

#kodlamakampı #kodlamaeğitimleri #yazilimdersleri #programlamadersleri

0 notes

kodlamakampi · 4 years ago

Photo

Elon musk geçen ay Bill Gates'i geçerek dünyanın en zengin 2. insanı oldu. Jeff bezos'a bir adım daha yaklaştı. Bu konu hakkında ne düşünüyorsunuz?

#kodlamakampı

#motivasyon

#girişimcilik

#kodlama

#yazılım

#programlama

#elonmusk

#kodlamakampı #motivasyon #girişimcilik #kodlama #yazılım #elonmusk #programlama

2 notes · View notes

kodlamakampi · 4 years ago

Photo

“Her yıl yaptığınız deneylerin sayısını iki katına çıkarırsanız, yaratıcılığınızı da iki katına çıkarırsınız.”

~Jeff Bezos

#kodlama

#yazılım

#kodlamadersleri

#yazılımdersleri

#kodlamakampı

#programlama

#programlamadersleri

#bilgisayarmühendisliği

#yazilimmuhendisligi

#kodlamaöğreniyorum

#kodlama #yazılım #kodlamadersleri #yazılımdersleri #kodlamakampı #programlama #programlamadersleri #bilgisayarmühendisliği #yazilimmuhendisligi #kodlamaöğreniyorum

3 notes · View notes

kodlamakampi · 4 years ago

Photo

Vatana millete hayırlı birer evlat olabilmek için çıktığımız bu yolda toplamda 50 tane kodlama eğitimi yayınladık ve yayınlamaya da devam edeceğiz. Hedefimiz bütün kodlama dillerinin eğitimlerini hazırlayabilektir. Sitemiz: www.kodlamakampi.com

1 note · View note

kodlamakampi · 4 years ago

Photo

Eğer bir şey yaptıysanız ve mükemmel bir şey olduğu ortaya çıktıysa, ona takılmadan bir sonraki mükemmel şeye başlamanız gerektiğini düşünüyorum. ~Steve Jobs

www.kodlamakampi.com #stevejobs #apple #kodlama #yazılım #programlama #kodlamadersleri #yazilim

#stevejobs #apple #kodlama #yazılım #software program #kodlamadersleri #yazilim

2 notes · View notes

kodlamakampi · 4 years ago

Photo

Html title etiketi dersimiz yayınlandı! https://kodlamakampi.com/pc/html-title-etiketi üzerinden html title etiketini öğrenebilir ve kod örneklerini çalıştırarak öğrenmenizi hızlandırabilirsiniz.

html title etiketi html title etiketi, hem body hem de head bölümünde kullanılabilir. html title etiketimizi iki farklı şekilde kullanmamız mümkün. Bunları sınıflandırmak gerekirse: -head bölümünde title etiketi kullanımı -body bölümünde title etiketi kullanımı -color komutu ile çizginin rengini beliryebiliriz. -widht komutu ile boyutunu değiştebiliriz. -align komutu ile çizginin konumu belirleyebiliriz.

head bölümünde title etiketi kullanımı head bölümünde kullandığımız title etiketi sayfamızın başlığını verir. Örnek kullanımı şu şekildedir:

<!DOCTYPE html> <html> <head> <title>html title etiketi</title> </head> <body> </body> </html>

body bölümünde title etiketi kullanımı body etiketleri arasında kullandığımız title etiketi kullanımı fare beklemesi olarak da bahsedilebilir. Yani imlecimizi ilgili etiketin üzerine getirdiğimizde bize bir mesaj kutucuğu göstertir. Örnek olması açısından bir paragraf tanımlayalım ve paragrafta geçen kısaltılmış bir kelime ile html title etiketi kullanımını görelim. <!DOCTYPE html> <html> <head> <title>html title etiketi</title> </head> <body> <p><span title="Kodlama Kampı">KK</span> projesi 4 Kasım 2020 tarihinde başlamış olup amacı vatana millete faydalı olabilmektir.</p> </body> </html>

Şimdide sitemize bir resim ekleyelim ve resim üzerinde title kullanalım. <!DOCTYPE html> <html> <head> <title>Html title Etiketi</title> </head> <body> <img src="kahve.jpg" title="Kahve Fotoğrafı"> </body> </html> html title etiketi tarayıcı desteği google destekliyor edge destekliyor firefox destekliyor safari destekliyor opera destekliyor www.kodlamakampi.com #html #htmldersleri #kodlamadersleri #yazilim #kodlama #programlama

#html #htmldersleri #kodlamadersleri #yazilim #kodlama #programlama

2 notes · View notes

kodlamakampi · 5 years ago

Photo

2 notes · View notes

kodlamakampi · 5 years ago

Photo

"Başarıyı kutlamak güzel, ama başarısızlıkların derslerine kulak vermek daha önemlidir." ~Bill Gates (Microsoft'un Kurucusu) #billgates #microsoft

1 note · View note

kodlamakampi · 5 years ago

Photo

kodlamakampi.com üzerinden html, css ve javascript öğrenebilirsiniz. Eğitimlerimiz hazırlandıkça sitemize yüklenmektedir. İyi çalışmalar dileriz. #yazilim #yazılımmühendisliği #webdesign #kodlama #kodlamaeğitimi #bilgisayarmühendisliği #bilgisayar #programlama

2 notes · View notes

kodlamakampi · 5 years ago

Photo

kodlamakampi.com üzerinden sıfırdan ileri seviyeye kodlama öğrenebilirsiniz. #kodlamaeğitimleri #yazılımmühendisliği #kodlamadersleri #programlamadersleri #yazılımdersleri #kodlamaogreniyorum

1 note · View note

kodlamakampi · 5 years ago

Photo

Sitemiz güncellendi! kodlamakampi.com üzerinden sıfırdan ileri seviyeye kodlama öğrenebilirsiniz. #stevejobs #kodlama #yazılım #programlama

3 notes · View notes