Yayınlar

javascript-dersleri etiketine sahip yayınlar gösteriliyor

Javascript Oyun Yapma Dersleri HTML5+CSS3

Resim
Javascript ile oyun nasıl yapılır,   oyun nasıl programlanır   öğrenmek ister misin  ? Javascript class yapısı kullanarak nesne yönelimli modern kod yazımları  ile  sen de  kendi oyununu çok kolay programlayabilirsin   ve algoritma yeteneğin çok iyi gelişecek.

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Resim
Html5 canvas etiketi ve Javascript yardımı ile çok güzel animasyonlar yapabilir oyunlar programlayabilirsiniz.Sizlere bu yazımda  Udemy'de Yayınladığım harika kurs hakkında  bilgi vereceğim. Html5 Canvas Animasyon Dersleri  6 Saatlik eğitim sonunda  Html5 canvas  animasyonları ve oyunları çok kolay bir şekilde yapabilirsiniz.Öncelikle yılan oyunu yapımı ve kurs önizlemesini izleyelim. Eğer sıfırdan oyun geliştirmek istiyorsanız ve javascript ile aranız iyi ise hemen kendi oyununuzu programlamaya başlayın. Yılan oyununu yapmak sadece 1 saat 5 saat boyunca Html5 Canvas yolculuğuna çıkacağız. Javascript Yılan Oyunu Yapımı Diyeceksiniz ki çok basit bir oyun bu  ! Kesinlikle öyle basit  fakat normal bir oyun yapımında kullanılan neredeyse bütün algoritmalar sorgulamalar bu oyun içerisinde var.Javascript ve programlama gücünüz oyun yapmaya çalışırken maximum seviyeye çıkabilir.Ben denedim :) Udemy'deki Html5 Canvas Animasyon dersleri ve Javascript Oyun Yapımı k

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 oyunu nası

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

Resim
Merhaba arkadaşlar bu yazımda  eski tarayıcılarda çalışmayan kodları nasıl gizleyebileceğimizi ve  uzunca yazılan  javascript kod satırlarını bölme yi öğreteceğim. Web tasarım ve kodlama dersleri adı altında  başlatmış olduğum javascript dersleri makalelerimin hepsini okumanızı istiyorum ve sizler için hazırlanan uygulamaların hepsini dikkatle uygulayarak öğrenin.Bir önceki yazımda javascript ile neler yapılabilir  konusunu işledim. Js de eski tarayıcılarda çalışma ve kod satırlarını gizleme Bazen web site yapmak istediğimizde  hangi programlama dilini kullanırsak kullanalım kodlar uzayabiliyor bu gibi durumlarda javascript kodlarını bölerek alt satıra rahatlıkla geçişler yapabiliriz.Aşağıdaki örnekte javascript kodunu  ters slash (\) ile bölerek rahatça kod yazımına devam edeceğiz.Örneği inceleyiniz. <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile kod satırını bölme</title

Javascript kodları nereye yazılır

Resim
Javascript kodlarını genel olarak 4 farklı yöntemle kullanabiliriz,istersek html sayfasının head bölümünde istersek body etiketinden önce ,harici bir dosyadan çağırarak yada tarayıcımızın console bölmesinde görüntülenmesini sağlayabiliriz.Unutmadan bir de eğer kullanıcıya uyarı vermek istiyorsak window nesnesinin alert metodunu kullanarak da javascript kodlarını çalıştırabiliriz. Javascript kodları nereye yazılır öğreneceğiz. Javascript kodları nerelerde kullanılır ve çalıştırma şekilleri Bu javascript dersi nde js kodlarını html sayfalarında farklı şekillerde çağırmayı öğreneceğiz. Alert metodu kullanarak görsel bir uyarı alacağız. Script kodunu harici bir dosyadan çağırarak kullanarak kullanacağız. Document nesnesinin write metodunu kullanarak örnek kod uygulaması yapacağız. Son olarak html belgesinin head bölümüne script tagları arasında kod yazıp çalıştıracağız. Tarayıcımızın console bölmesinde de js kodlarının çalışmasını öğrenmiş olacağız. html sayfalarının hea

Javascript ile neler yapılabilir

Resim
Javascripti web prokelerimizde hangi amaçlarla nasıl kullanabileceğimizi ve javascript ile neler yapılabilir bu yazımda bunları anlatmaya çalışacağım.Javascript  kullancı taraflı bir dildir.Öğrenilmesi en kolay  web programlama dilidir.Ve bir webmasterın öğrenmesi gereken temel 3 dilden biridir.Bu diller:Html,Css ve Javascripttir.

Javascript yapısı ve DOM nedir

Resim
Javascript yapısı denildiğinde ilk akla gelmesi gereken nesne yönelimli  program olduğudur.Object Oriented bir dilde denilebilir.Nesne yönelimli programlamada her şey bir nesneden oluşur.Nesnelerin özellikleri ve davranışları(metodlar) vardır. Javascript Nesne Yönelimli bir programlama dilidir. Şimdi aşağıdaki kodları incelemenizi istiyorum. Javascript ile bir yazı yazdırmak istediğimizde klasik olarak kullanılan bir kod var.Document nesnesinin  write metodu kullanılarak html dökümanına yazı yazdıracağız. <!DOCTYPE html> <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile yazı yazdırma metodu</title> </head> <body> <script type="text/javascript"> document.write("şu anda saat 18:53"); </script> </body> </html> Görüldüğü üzere DOM modelindeki document nesnesi'nin  write m

javascript ile aciklama satiri ve haftanın gunünü bulma

Resim
Javascript kodlarıyla haftanın hangi günü olduğunu nasıl yazabiliriz öğrenebiliriz? Küçük bir uygulama ile bunu hemen gösterelim. Javascript açıklama satırı makalesinden gelen arkadaşlar da koddaki açıklama satırı nı incelesin.Bu örnekteki kodları şuan anlayamadığınızı düşünüyorsanız dert etmeyin.Yinede açıklayarak anlatmaya çalışacağım. Javascript haftanın gününü bulma uygulaması <!DOCTYPE html> <html> <body> <p id="container"></p> <script> // Javascript ile bugünün tarihini yazdırıyorum var t = new Date(); var hafataningunleri = ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"]; document.getElementById("container").innerHTML = "Bugün günlerden " + "<b>" + hafataningunleri[t.getDay()] + "</b>" + " değilmi ?"; </script&

javascript açıklama satırı

Resim
Javascript  dersleri serimizde açıklama satırlarını inceleyeceğiz..Bir web sitesini kodlamaya kalktığınızda bir yerde kodlar birikiyor ve nerede hangi kodu uygulamıştık, niçin o kodu yazmıştık kafamız karışabilir.Bu gibi durumlarda  js uzantılı dosyamızda ya da html içerisindeki script tagları arasına  açıklama satırıları ve yorumlar yazabiliriz. javascript-aciklama-satiri Javascript açıklama satırı örneği   Diyelim ki ben bugünün günlerden ne olduğunu javascript ile yazmak istiyorum.Javascripti html içersine gömdüğüm için // çift slash işaretiyle bir açıklama satırı yorum bloğu ekleyebilirim.Sonradan çalışmama döndüğüm zaman ne işe yaradığını hızlıca anlayabilirim. // Javascript ile bugünün tarihini yazdıracağım var t = new Date(); Javascript derslerimizin ilerleyen safhalarında daha çok örneklerle ve uygulamalarla destekleyeceğiz. Javascript hakkında bir kaç hatırlatma Kullanıcı taraflı bir script dili olduğun

javascript yazım kuralları

Resim
Tekrardan merhaba arkdaşlar bu dersimizde javascript yazım kuralları nı inceleyeceğiz. İngilizce olarak karşımıza javascript syntax olarak da çıkabilir.

javascript ile hoşgeldin dünya örneği

Resim
Sayfa yüklenir yüklenmez dikkat ederseniz alert fonsiyonu ile uyari penceresi göstermesini sağlıyoruz. Javascript merhaba dünya uygulaması

Javascript Derslerine Giriş

Resim
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 öğreniyorum

JavaScript CSS tab-size Örnek

javascript css tab-size özelliği örnek uygulama Css derslerine hoşgeldiniz! Javascript ile tab-size özelliğine "20" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("tab5").style.tabSize = "20"; document.getElementById("preid").style.OTabSize = "20"; document.getElementById("preid").style.MozTabSize = "20"; } Çalıştır

JavaScript CSS right Örnek

javascript css right özelliği örnek uygulama Javascript ile right özelliğine "200px" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.right = "200px"; } Çalıştır

JavaScript CSS quotes Örnek

javascript css quotes özelliği örnek uygulama Yürürken başımın yerde oIması sizi rahatsız etmesin. Benim tek derdim; yere düşen edebinize takıImamak. Hz.Mevlana Javascript ile quotes özelliğine "'«' '»'" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.quotes = "'«' '»'"; } Çalıştır JavaScript css quotes © htmlvecssegitimi.blogspot.com

JavaScript CSS perspective Örnek

javascript css3 perspective özelliği örnek uygulama css perspective özelliği nin etkisini öğrenmek için aşağıdaki çalıştır tuşuna basınız. Javascript ile perspective özelliğine "500px" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.perspective = "500px"; document.getElementById("anakutu").style.WebkitPerspective = "500px"; } Çalıştır

Javascript css order sitil atama

<!DOCTYPE html> <html> <head> <style> #anakutu { width: 300px; height: 150px; border: 1px solid black; display: -webkit-flex; display: flex; } #anakutu div { width: 50px; height:50px; } </style> </head> <body> <div id="anakutu"> <div style="background-color:coral;" id="kirmizi"></div> <div style="background-color:lightblue;" id="mavi"></div> <div style="background-color:lightgreen;" id="yesil"></div> <div style="background-color:pink;" id="pembe"></div> </div> <p>Aşağıdaki butona tıkladğınızda sıralama "yeşil-pembe-mavi-kirmizi" şeklinde olacaktır.</p> <button onclick="fonk()">Çalıştır.</button> <script> function fonk() { /* Code for Safari 6.1 and newer versions */ document.getElementById(&

JavaScript CSS min-height Örnek

javascript css min-height özelliği örnek uygulama Bu kutu için bir yükseklik (height) değeri tanımlanmadı ..içerik ne kadar uzun olursa o kadar kendi boyutunu artıracaktır. Böyle olmasını istemediğimiz durumlarda min-height özelliği ile kutunun minumum yüksekliği sınırlandırılabilir . Bu örnekte kutunun yüksekliği minumum 400px olacaktır. Javascript ile min-height özelliğine "400px;" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.minHeight = "400px"; } Çalıştır

JavaScript CSS list-style Örnek

javascript css list-style özelliği örnek uygulama Html Dersleri ve örnek uygulamalar Css Dersleri ve örnek uygulamalar Javascript Dersleri ve örnek uygulamalar Javascript ile list-style özelliğine decimal değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("liste").style.listStyle = "decimal "; } Çalıştır

JavaScript CSS font-size Örnek

javascript css font-size özelliği örnek uygulama Bu yazının font-size değeri 16px'tir..Bu uygulamada 20 px olması sağlanacak.. Javascript ile font-size özelliğine "20px" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.fontSize = "20px"; } Çalıştır JavaScript css font-size © htmlvecssegitimi.blogspot.com