Nedir Bu React? Neden Kullanmalıyız, Nasıl başlarız, Neler Yapabiliriz

react

Interactive UI tasarımlarını acısız bir şekilde yapmanızı sağlar.

React’ın resmi sitesindeki tanımı bu.

Aslında hiç fena bir tanımlama değil. Herkes galiba Facebookun web sitesinden mesajlaşırken yaptığı refreshleri hatırlıyordur.

Bu mesaj niye hala gelmedi yaaa!!!Hala mesaj atmadımı bana o??? F5-F5-F5

Facebook’da sağ tarafta sürekli bir hareketlilik vardır. Birşeyleri beğenenler ve online arkadaşlar anında güncellenir sağ kısımda. Hatırlayın hoşlandığınız kız acaba ‘online oldumu’ diye merak ederken yaptığınız refreshleri.

Gerçek zamanlı güncellenen web siteleri geliştirmek bukadar zor olmamalı…

Bunlara çözüm olarak birçok javascript frameworkleri var. Angular, Ember gibi birçok gelişmiş faremwork var. .net icin durum biraz vahim.

Facebook’un ise bu problemleri cozmek için gelistirdigi sistem React.

Continue reading Nedir Bu React? Neden Kullanmalıyız, Nasıl başlarız, Neler Yapabiliriz

JavaScript – Operatörler

asdsadas

Bu yazımızda JavaScript operatörler hakkında bilgi vereceğiz

Atama Operatörü

=   operatörü ile atama işlemleri yapabiliriz

var a = 3;
a = 4;
 

Toplama Operatörü

+   operatörü ile atama işlemleri yapabiliriz


var a = 3;
var b = 4;
var c = a + b;

İşlemler Tablosu

 
Operatör Açıklama Örnek X değeri Y Değeri
+ Toplama x=y+2 7 5
Çıkarma x=y-2 3 5
* Çarpma x=y*2 10 5
/ Bölme x=y/2 2.5 5
% Mod x=y%2 1 5
++ Artım x=++y 6 6
x=y++ 5 6
Azalma x=–y 4 4
x=y– 5 4

Atama İşlemleri

Operatör Örnek Benzer İşlem Sonuç
= x=y x=5
+= x+=y x=x+y x=15
-= x-=y x=x-y x=5
*= x*=y x=x*y x=50
/= x/=y x=x/y x=2
%= x%=y x=x%y x=0

 

Karakter Birleştirme İşlemleri
var txt1="Volkan";
var txt2="Ozturk";
txt3=txt1+txt2;

JavaScript – Fonksiyonlar

asdsadas

Bu yazımızda JavaScript fonksiyonlar hakkında bilgi vereceğiz

Parametresiz bir şekilde fonksiyon aşağıdaki gibi çağrılır

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Merhaba Dünya!");
}
</script>
</head>

<body>
<button onclick="myFunction()">Cagir</button>
</body>
</html>

Continue reading JavaScript – Fonksiyonlar

JavaScript – Değişkenler(Variables)

post_javascript-zamanli-yonlendirme

Bu yazımızda JavaScript değişkenler hakkında bilgi vereceğiz

JavaScript için değişken tanımlarken farklı veri tipi tanımlamaya gerek yoktur

Sayı Tipinde Değişkenler

 var a = 3;            
var b = 4;

Decimal Tipinde Değişkenler

var pi = 3.14;

Karakter setleri

var name = "Volkan";
var surname='OZTURK'; 

name="Merve";

Continue reading JavaScript – Değişkenler(Variables)

JavaScript – HTML Bileşenlerinin Değerinin Değiştirilmesi

post_javascript-zamanli-yonlendirme

Bu yazımızda JavaScript ile HTML elemanlarının nasıl değiştirilebileceğini inceleyeceğiz

document.getElementById(“id”)  metoduyla  HTML bileşenine erişebiliriz .    Bu metodun innerHTML metoduylada bileşenin html değeri değiştirilir

Örnek HTML

	<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Paragraf Değişti";
}
</script>
</head>

<body>

<h1 id="demo">Paragraf 1</h1>

<button type="button" onclick="myFunction()">Paragrafı Değiştir</button>

</body>
</html>

JavaScript – Genel Bakış

asdsadas

Bu yazımızda JavaScript diline giriş yapacağız

JavaScript Netscape firması tarafından geliştirilmiş , web sayfalarına etkileşimli ve dinamik özellikler katmamızı sağlayan standart bir script dilidir

JavaScript kullanarak HTML bileşenlerine erişip bu bileşenlerin değerlerini dinamik olarak değiştirebiliriz

Örnek JavaScript kodu

<html>
<head>
<script type="text/javascript">
 var d = new Date();
 var time=d.getHours();
 
 if(time < 12){
  alert('Günaydın');                             
 }else{
  alert('Merhaba');
 }

</script>
</head>
</html>

Güncel web tarayıcılarının hepsi JavaScript i desteklemektedir . Fakat bazı durumlarda Javascript kodları çalışırken tarayıcıların bazı fonksiyonları desteklememesi nedeniyle sıkıntı yaşanabilmektedir

JavaScript Kodları HTML kodlarının hangi bölümünde yazılmalıdır ? 

Javascript kodları HTML HEAD kısmına ve BODY kısmına yazılabilir

<html>
<head>
<script type="text/javascript">
 
         *******
         **
         **    JS KODLARI
         **
         *******

</script>
</head>
</html>

 

<html>
<head>
</head>
<body>
     <script>
       document.write("<p>This is a paragraph</p>"); 
     </script> 
</head>
</html>

Continue reading JavaScript – Genel Bakış