Genel

JavaScript setTimeout Kullanımı

Örneklerle JavaScript setTimeout Kullanımı

Yorum bırakın / Genel, JavaScript /

Belirli bir süre sonra bir kod bloğunun çalışmasını istediğimiz durumlar olmaktadır. Bunun için bize JavaScriptin sunmuş oluduğu setTimeout bu işe güzelce yapmaktadır. Javascript setTimeout Nedir? Javascript setTimeout yöntemi, belirtilen süre sonrasında bir kod bloğunu çalıştırır. Yöntem, kod bloğunu sadece bir defa çalıştırır. Yaygın olarak kullanılan sözdizimi setTimeout(fonksiyon, milisaniye) şeklindedir. Eğer belirli bir süre geçtikten sonra çalıştırılmasını istediğimiz […]

Örneklerle JavaScript setTimeout Kullanımı Read More »

Javascript ve Html Arasındaki Farklar

Html ile JavaScript Arasındaki Farklar Nedir?

Yorum bırakın / Genel, JavaScript /

Günümüzde web safyası olsun uygulamalar olsun geliştirilirken çok kullanılan dillerden iki tanesi Html ve JavaScript dilleridir. Bir birinden farklı kulvarlada koşan bu iki dil sayfa tasarımı yaparken bir birini tamamlamaktadır. Öncelikle bu iki dilin ne olduğuna bakalım. Html Nedir? HTML ( Hyper Text Markup Language ) hyper metin işaretleme dili şeklinde bir açılıma sahiptir. Web

Html ile JavaScript Arasındaki Farklar Nedir? Read More »

JavaScript İle Html Etiketini Gizleme

JavaScript Kullanarak Bir Html Etiketini Sayfadan Gizleme

Yorum bırakın / Genel, JavaScript /

Bir etiketi / elemanı websayfasından gizlemek için display özelliğini none yapmak yeterlidir. Bu şekilde bir işlem yapılığında etiket sayfadan kaybolacaktır. Bunu hem CSS ve hemde JavaScript ile yapabiliriz. Kod içerisinde bu işlemi gerçekleştirmemiz gerektiğinde ilgili DOM elementini bulup, onun style.display özelliğini none yapıyoruz. Şimdi bunun için bir örnek yapalım. JavaScript İle DIV Gizleme Örneği Elimizde kutu id değerine sahip olan bir DIV etiketini sayfada gizleyelim. Öncelikle kutu ID değerine

JavaScript Kullanarak Bir Html Etiketini Sayfadan Gizleme Read More »

JavaScript For Döngüsü

Örneklerle JavaScript for Döngüsü

Yorum bırakın / Genel, JavaScript, Programlama /

Benzer işleri tekrar tekrar yapmak istediğimizde döngüler bizim yardımımıza koşar. Farklı kullanım amaçları için farklı döngüler geliştirilmiştir. Bunlardan bir taneside for döngüsüdür. for Döngüsü Nedir? Aynı işlemi belli bir şart sağlanana kadar yapmak için kullanılan döngü modelidir. Belirtilen şart sağlandığında veya break ifadesi kullanıldığında döngü sona erer. for döngüsü kullanırken bir parametre veririz ve her döngü tekrarında parametre değerini değiştiririz. Bu

Örneklerle JavaScript for Döngüsü Read More »

JavaScript Öğrenmek

HTML ve CSS Bilmeden JavaScript Öğrenilebilir miyim?

Yorum bırakın / Genel, JavaScript, Programlama /

Sık gelen sorulardan bir tanesi de JavaScript öğrenmek için HTML ve CSS bilmeye gerek olup olmadığıdır. Aslında buna evet veya hayır diye bir cevap vermek gerekirse, günümüzde HTML ve CSS bilmeden evet JavaScript öğrenebilirsiniz. Web Uygulamaları Geliştirirken JavaScript Kullanma Evet olarak bu cevabı verdikten sonra konuyu biraz daha derinlemesine inceleyelim. JavaScript web sayfalarına hareket katmak

HTML ve CSS Bilmeden JavaScript Öğrenilebilir miyim? Read More »

React Inline Style

React Inline Style Kullanımı

Yorum bırakın / Genel, JavaScript, React JS /

React JS ile geliştirme yaparken sitil özelliklerini farklı şekillerde verebilirsiniz. Bunlardan bir tanesi de satır için stil verme (inline style) kullanmadır. Genel olarak çok tavsiye edilmese de bazı durumlarda inline style kullanmak gerekebilir. Inline Style Nedir? Satır için sitiler bir etiketin içerisinde direkt olarak sitil bigilerinin style özelliği ile girilmesidir. Mesela bir div etiketinin zemin rengini şeklinde satır içi

React Inline Style Kullanımı Read More »

ReactJS Map Kullanımı

ReactJS Map Kullanımı

Yorum bırakın / Genel, React JS /

Diziler için çok kullanılan ve bir metod olan map React JS ile geliştirme yaparken de geliştiricilerin çok faydalandıkları bir metoddur. Array map metodu orjinal diziyi değiştirmeden dizideki tüm elemanlar üzerinde işlem yaparak yeni bir dizi oluşturur. Array map ile ilgili olarak JavaScript Array Map Metodu ve Kullanımı yazımıza bakabilirsiniz. Array.map Metodu Nedir? Array.map metodu bir dizi elemanları tek tek bir

ReactJS Map Kullanımı Read More »

React İle Hangi Backend?

React ile Express JS mi yada PHP mi kullanmalı yım?

Yorum bırakın / Genel, Programlama, React JS /

React JS arayüz geliştirmek için geliştiriciler için kolayca öğrenilebilen ve hızlı geliştirme yapılabilen bir kütüphane. Güzel arayüzler çıkartmak için gerekli kolaylıkları sağlıyor. Ayrıca geniş bir geliştirici kitlesi olduğu için destek lazım olduğunda yardım alacak çok sayıda kaynak bulunuyor. Bununla birlikte sadece arayüz geliştirmek için kullanıldığından, eğer backend üzerinde yapılacaklar varsa farklı framework ve programlama dillerine

React ile Express JS mi yada PHP mi kullanmalı yım? Read More »

React JS Props Kullanımı

React JS Props Kullanımı

Yorum bırakın / Genel, React JS /

ReactJS Props nedir sorusuna cevap aramadan önce, kısaca veri ve verilerin farklı yerlere aktarılması ihtiyacından bahsetmek gerekiyor. Bir arayüz geliştirirken, çok farklı bölümler oluşturmak zorundayız. Bu bölümleri bir bileşen (komponent) olarak oluşturuyoruz. Yapısı gerepi komponentler iç içe geçiyor ve çoğu durumda bizim hazırladığımız komponentin içerisinde bir veri kullanmak zorundayız. Mesela sayfamızın bir bölümünde hoşgeldin mesajı

React JS Props Kullanımı Read More »

Babel JS Kullanımı

Babel Js Nedir? Nasıl Kullanılır?

Yorum bırakın / Genel, JavaScript /

JavaScript geliştikçe ve yeni özellikler eklendikçe eski tarayıcılar ile bir uyum sorunu oluşturmaktadır. ECMAScript 2015+ kodlarının eski tarayıcılar ile çalışması için bu kodları onların anlayacağı şekilde düzenlemek gerekiyor. Aksi halde yeni sürüm JavaScript kodları eski tarayıcılarda çalışmayacaktır. Tüm bilgisayar kullanıcıları tarayıcılarını güncel tutmadığı için şuanda büyük bir kitle eski sürüm tarayıcı kullanıyor. Bu nedenlede eğer

Babel Js Nedir? Nasıl Kullanılır? Read More »

React İle Backend Geliştirilebilir Mi?

React İle Backend Uygulama Geliştirilebilir Mi?

Yorum bırakın / Genel, JavaScript, React JS /

React JS arayüz (frontend) uygulama oluşturmak için geliştirilmiş popüler bir JavaScript kütüphanesidir. Backend (sunucu tarafı) uygulama geliştirmek için kullanılmaz. Fakat sunucu ile API üzerinden iletişime geçerek veri alışverişinde bulunabilir. Günümüzde oldukça revaçta olan React JS ile uygulama arayüzü geliştirme oldukça kolaylaşmaktadır. Komponent yapısı, gelişmiş hazır paketler ve geniş geliştirici seçeneği ile arayüz geliştirmek için oldukça

React İle Backend Uygulama Geliştirilebilir Mi? Read More »

JavaScript Split String

JavaScript Split String Kullanımı

Yorum bırakın / Genel, JavaScript /

Stringler ile çalışırken çoğu durumdan onları bölerek dizi haline getirmemiz gerekiyor. Bu durumda JavaScript string split metodu devreye giriyor. Bu metod ile elimizdeki metini istediğimiz şekilde parçalara ayırarak bir diziye çevirebiliyoruz. JavaScript Split Nedir? Elimizde bulunan metini istediğimiz şekilde parçalara bölerek ondan bir array oluşturan JavaScript String metodudur. JavaScript string nesnesinin bir metodu olduğu için elimizdeki string

JavaScript Split String Kullanımı Read More »

React Bootstrap İle Sayfa Tasarımı

React Bootstrap İle Çalışmak

Yorum bırakın / Genel, JavaScript, React JS /

Uygulama veya web sayfası geliştirirken hazır CSS frameworkler ile çalışmak, tasarımcı açısıdan çok daha hızlı ve etkin bir yoldur. Çok sayıdan geliştirilmiş CSS frameworkü vardır ve bunlardan en meşhur olanlarından bir tanesi ve belkide en meşhur olanı Bootstrap kütüphanesidir. Gerek mobil ve gerekse web sitesi geliştirirken kullanabileceğimiz harika bir yardımcıdır. Çok sayıda tema bootstrap ile

React Bootstrap İle Çalışmak Read More »