Html5 , CSS3 ve Javascript Dersleri

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 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...

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 ca...

Web tasarım ve kodlama derslerinde ilk öğreneceğimiz dil html teknolojisidir.Bir internet sitesinin iskeletide denen bu işaretleme diliyle web site yapmasını öğreneceğiz.Hiç bir kodlama bilginiz olmasa dahi bloğumu takip edin makalelerimi okuyun ve uygulamaya çalışın.Eminim siz de kendi web sitenizi kodlayarak sıfırdan kendi projelerinizi hayata geçirebileceksiniz. Öncelikle html nedir ,ne işe yarar nasıl kullanılır bunları öğreneceğiz.Html öğrenilmesi en kolay dildir ve ben size bildiğim herşeyi uygulamalı olarak anlatacağım.Sitede kullandığım kod editörüyle  anında ne işe yaradığını göreceksiniz. Html Dersleri başlıyor. Html5 Dersleri Başlangıç HTML Nedir   İnternet siteleri yapmamıza olanak sağlayan işaretleme dili olan html sayesinde Chrome,Firefox,İnternet Explorer,Safari ve Opera gibi tarayıcılar html etiketlerini (kodlarını) yorumlayarak kullanıcıya istenen formatta görüntülenmesini sağlatırlar.Örneğin Google'da bir arama yaptığımızda çıkan sonuç...

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...

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...

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ı 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 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  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ı...