En çok okunan

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Resim
  İnternetten para kazanmanın yolları ile ilgili yazılar paylaşmaya devam edeceğim. Sizler de internetten gelir elde etmek istiyorsanız yazılarımı takip ederek internetten para kazandıran siteler ve uygular ile hızlı ve kolay para kazan abilirsiniz. Harika Bir pasif gelir elde et Uyurken Bile Para Kazan Ücretsiz bitcoin kazan dıran bu harika sitenin ayrıca referans sistemi var. Üye olduğunuzda Refer(sayfasına gidip kendi linkinizi heryerde paylaşın ve para kazanmaya hemen başlayın.) Arkadaşlarınızı da üye yaparak  pasif gelir elde edebilirsiniz . Genelde uyurken bile para kazan   denildiğinde anlamanız gereken bu sistemdir. Haydi Ücretsiz Bitcin kazanmaya başlayalım ve paraya dönüştürelim. Siteye Hemen Üye ol: FreeBitcoin  ( tıkla ) Ücretsiz Bitcoin Kazandıran siteye hemen üye ol (arkadaşlarınla paylaş) uyurken bile para kazan Her saat bitcoin kazanabilirsin ( Şanslı isen 200 Dolar değerinde Bitcoin ) Kazandığın her bitcoinle ücretsiz  çekiliş bileti alabilirsiniz. Dikkatle oku
Yorum Gönder

Javascript Derslerine Giriş

Javascript ,kullanıcı taraflı(client) yani bilgisayarımızdaki tarayıcılarda çalışarak html kodlarını biçimlendiren,değiştirebilen ve dinamik web sayfaları üretmemizi sağlayan bir script dilidir.
javascript dersleri
Javascript öğreniyorum

Javascriptin özellikleri
Kullanıcı taraflı çalışan bir scripttir.
Javascript dosyalarının uzantıları .js uzantılıdır.
Sitelerin kullanıcıları tanımak için kullandıkları çerezler hariç bilgisayarda dosya oluşturamaz değiştiremez veya yazamaz.
Tarayıcılarda(browser) çalışırlar.
<script> </script> etiketleri arasına yazılırlar.
Farklı tarayıcılarda aynı şekilde çalışmayabilirler.

Javascript kodlarını iki şekilde sayfada kullanabiliriz

Javascript kodları html sayfası içerisinde yazılabileceği gibi, harici bir dosyadan da çağırabiliriz.Aşağıdaki bir html sayfası kaynak kodlarına dikkat edin,javascript kodları script etiketleri arasına yazılmıştır.
<!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Javascripte Giriş</title> </head> <body> <script type="text/javascript"> // kodları html sayfasının içinde yaziyoruz burada var isim="ersan"; alert(isim); </script> </body> </html>
Şimdi ise bir js uzantılı bir javascript dosyasını html kaynak kodlarına dahil etmeyi gösteriyorum.
<!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Javascript dosyasını harici dosyadan çağırma </title> <!--"abc" adlı javscript dosyasını ana dizinimizdeki konumundan sayfaya dahil etmiş olduk--> <script src='abc.js'></script> </head> <body> </body> </html>

Javascript ile kodları çalıştırma videosu


Şimdi ise sıra sizde javascript ile hoşgeldin dünya alertbox'ını çalışır.
Örnek Kodlama
<!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Javascript dosyasını harici dosyadan çağırma </title> <!--"abc" adlı javscript dosyasını ana dizinimizdeki konumundan sayfaya dahil etmiş olduk--> <script src='abc.js'></script> </head> <body> </body> </html>
Kendin Dene»

Yorumlar

Yorum Gönder

Popüler yayınlar

CSS justify-content Özelliği

CSS justify-content Css justify-content özelliğini esnek kutu modelinde kapsayıcı kutunun elemanlarının genişliği kabı doldurmadığında değişik hizalama seçenekleri sunar. Örnek: Bu örnekte bir esnek kutu içerisinde genişlikleri kabı doldurmayan elemanlar vardır.Kapsayici kutuya justify-content özelliğinin space-between değeri verildiğindeki etkisini görmek için aşağıdaki kendiniz deneyin tuşuna tıklayınız. #anakutu { width: 300px; height: 250px; border: 2px solid black; display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between; } #anakutu div { width: 50px; height: 50px; } Kendiniz deneyin » CSS justify-content nedir nasıl kullanılır Esnek kutu içerisindeki elemanlar yatay eksende tüm genişliği kaplamadığı zaman justify-content özelliği elemanları hizalamak için kullanılabilir. CSS justify-content CSS justify-content özellikleri
Devamı

CSS flex-wrap Özelliği

CSS flex-wrap Css flex-wrap özelliğini kullanarak esnek kutu içerisindeki html elemanlarının kaydırılma işlemi gerçekleştirilir. Örnek: Bu örnekte 1'den 6'ya kadar sıralanmış kutulara flex-wrap: wrap-reverse özelliği ve değeri verildiğinde kutular hem aşağıya kaydırılacak hemde ilk üç kutu ile alttaki üç kutu sıralama olarak yer değiştirecektir. #anakutu { width: 150px; height: 150px; border: 1px solid #c5c5c5; display: -webkit-flex; -webkit-flex-wrap: wrap-reverse; display: flex; flex-wrap: wrap-reverse; } Kendiniz deneyin » CSS flex-wrap nedir nasıl kullanılır Flex-wrap özelliğini office programlarından word'teki sözcük kaydırma özelliğine benzetebilirsiniz. Bu kelimenin yanına reverse geldiğinde ise tersten bu işlemi gerçekletireceğini unutmayınız. CSS flex-wrap CSS flex-wrap özellikleri   Varsayılan Değer: nowrap   Kalıtsallık: yok  
Devamı

CSS align-items özelliği

CSS align-items özelliği Css align-content özelliği ile bir HTML elemanının içerisindeki alt elemanlarını hizalama ve konumlandırma işlemleri için kullanabiliriz Örnek: Align-items özelliğini kullanarak esnek kutu modülü ("flex") uygulanan bir kapsayıcı div içerisindeki elemanların konumlarına center değerini uygulayalım ! div { width: 220px; height: 350px; border: 2px solid black; display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; } Kendiniz deneyin » CSS align-items nedir nasıl kullanılır Flex ile (esnek kutu modeli) ile yapılandırılmış bir div kutusundaki elemanları hizalamak için kullanılır. CSS align-items CSS align-items özellikleri &nbsp Varsayılan Değer: stretch   Kalıtsallık: yok   Animasyon Özelliği: yok   Ver
Devamı

CSS border-bottom Özelliği

CSS border-bottom Css border-bottom özelliği , html elemanının alt kenar özelliklerinin belirtilmesi için kullanılır. Örnek: Bu örnekte bir paragraf elemanın alt kenarına stil tanımlayacağız. p { border-style: solid; border-bottom: thick dashed orange; } Kendiniz deneyin » CSS border-bottom nedir nasıl kullanılır Css border-bottom özelliği html elemanının alt kenar özelliklerinin tanımlanmasını sağlayan bir özelliktir. CSS border-bottom CSS border-bottom özellikleri   Varsayılan Değer: medium none color   Kalıtsallık: yok   Animasyon Özelliği: var Oynat Versiyon: CSS1   JavaScript border-bottom: object.style.borderBottom="3px solid blue" Oynat CSS border-bottom Tarayıcı Desteği CSS Kodu:
Devamı

CSS top Özelliği

CSS top Css top özelliği ile durağan halde bulunmayan html elementlerinin konumları düzenlenebilir. Örnek: Bu örnekte kapsayıcısı içinde bulunan küçük kutu büyük kutuya göre 150px uzaklıktadır. div.relative { position: relative; width: 250px; height: 280px; border: 2px solid yellow; } div.absolute { position: absolute; top: 150px; width: 100px; height: 100px; border: 2px solid blue; } Kendiniz deneyin » CSS top nedir nasıl kullanılır Css top özelliğini kullanırken dikkat edilmesi gereken elementin position değeridir.Bu değer varsayılan olarak relative dir.Yani eleman durağan haldedir.Top değeri girilse bile eleman konum değiştirmez. CSS top CSS top özellikleri &nbsp Varsayılan Değer: auto   Kalıtsallık: yok   Animasyon Özelliği: var Oynat Versiyon: CSS2   JavaScript t
Devamı

CSS content Özelliği

CSS content Css content özelliğini sayfaya seçilen elemandan önce veya sonrasında içerik eklemek için kullanılabilir. Örnek: Bu örnekte bir linkin title değerini linkten önce yazmak için content özelliği uygulanmıştır. a:before { content: " (" attr(title) ")"; color: red; font-size: 1.1em; } Kendiniz deneyin » CSS content nedir nasıl kullanılır Css content ile seçilen html elemanından önce veya sonrasında bir url ,resim, içerik, tırnak işareti gibi elemanlar eklenebilir. CSS content CSS content özellikleri   Varsayılan Değer: normal   Kalıtsallık: yok   Animasyon Özelliği: yok   Versiyon: CSS2   JavaScript content: Açıklama Oynat CSS content Tarayıcı Desteği Tablodaki sayılar özelliği tam destekleyen ilk tarayıcı sürümlerini gösterir. CSS Kodu:
Devamı

CSS flex-grow Özelliği

CSS flex-grow Css flex-grow özelliği esnek kutu içerisindeki elemanları girilen değere göre göreceli olarak genişliğini ayarlayan özelliktir. Örnek: Bu örnekte bir esnek kutu içerisine 5 adet eleman yerleştirilmiştir. Ve bunlara flex-grow özelliğine sırasıyla 1 ,3, 1, 2, 1 değerleri verildi.Verilen örneği incelediğinizde göreceğiniz üzere elemanların genişlikleri bu sayılarla orantılıdır ! #anakutu div:nth-of-type(1) { flex-grow: 1; } #anakutu div:nth-of-type(2) { flex-grow: 3; } #anakutu div:nth-of-type(3) { flex-grow: 1; } #anakutu div:nth-of-type(4) { flex-grow: 2; } #anakutu div:nth-of-type(5) { flex-grow: 1; } Kendiniz deneyin » CSS flex-grow nedir nasıl kullanılır Bir esnek kutu modelinde elemanlara verilen flex-grow özelliğiyle göreceli genişlik değerleri verilerek boyutlandırma işlemi gerçekleştirilir. CSS flex-grow CSS flex-grow özellikleri   Varsayılan Değer:
Devamı

HTML5 Canvas Oyun Yapımı Dersleri

Resim
Html5 canvas etiketi ve Javascript ile nasıl oyun yapılır ? Web oyunu geliştirme ve animasyon teknikleri nelerdir ? Javascript'te yılan oyunu nasıl yapılır ? Siz de kendi canvas oyununuzu geliştirmek istiyorsanız önce videoyu izleyelim . Html5 Canvas oyun yapımı ve Javascript Animasyon Dersleri  Bir web geliştiricisi ya da yazılımla uğraşıyorsanız eminim oyun yapımı ya da oyun programlama ve geliştirme ile ilgili mutlaka bir deneyiminiz  olmuştur.İşte oyun programlama ve Html5 canvas animasyon derslerimizden görüntüler.Bakalım beğenecek misiniz ? İyi seyirler.  "Bu yılan  başka yılan :)" Javascript ile kendi oyununu geliştirmeye hazır mısın ? 6 saatlik dolu dolu uygulamalı Canvas Oyun Yapımı kursuna sadece 24.99TL ye hemen kayıt yaptırabilirsiniz.Harika eğlenceli ve bilgi dolu kursu bitirip  yılan oyunu ile kendinizi ödüllendirin. Kursu içeriğini incelemek için Udemy HTML5 Canvas Animasyon Dersleri ve Javascript Oyun Yapımı   linkine tıklayın. Html5 canvas
Devamı

CSS background-repeat Özelliği

CSS background-repeat Css background-repeat özelliği , arka plan olarak eklenen resmin hangi eksende tekrar edip ya da etmemesini düzenler. Örnek: Bu örnekte arka plan olarak eklenen resim yatay eksende (x) tekrar edecektir. body { background-image: url("resim.png"); background-repeat: repeat-x; } Kendiniz deneyin » CSS background-repeat nedir nasıl kullanılır Css background-repeat arka plan olarak kullanılan resmin hangi eksende tekrar edip ya da etmemesini düzenler. CSS background-repeat CSS background-repeat özellikleri   Varsayılan Değer: repeat   Kalıtsallık: yok   Animasyon Özelliği: yok   Versiyon: CSS1   JavaScript background-repeat: object.style.backgroundRepeat="repeat-x" Oynat CSS background-repeat Tarayıcı Desteği CSS Kodu:
Devamı

CSS text-decoration Özelliği

CSS text-decoration Css text-decoration : metni üstünü , altını veya tam ordasından çizgi çekerek sitil tanımlar. Örnek: Bu örnekte farklı paragraf elemanlarına farklı değerlerde text-decoration özelliği uygulanmıştır. .p1 { text-decoration: overline; } .p2 { text-decoration: line-through; } .p3 { text-decoration: underline; } p { font-size: 25px; } Kendiniz deneyin » CSS text-decoration nedir nasıl kullanılır Bu özellik: text-decoration-line, text-decoration-color, text-decoration-style özelliklerinin kısa bildirim şeklidir. Ama bu özellik her tarayıcıda çalışmamaktadır. CSS text-decoration CSS text-decoration özellikleri   Varsayılan Değer: none   Kalıtsallık: yok   Animasyon Özelliği: yok   Versiyon: CSS1, renewed in CSS3   JavaScript text-decoration: object.style.textDecoratio
Devamı