JavaScript Örnekleri

JavaScript Örnekleri

Bu repoda JS kullanan örnek web sayfaları bulacaksınız

Temel Konular

Date and Color Date ve Color nesneleri ile işlem
Char Count tuşlara bastıkça metnin uzunluğu değişir
Word Count noktalama işaretleri yok gibi kelime say
Compare Colors Renk ve karşıt renk seçimi
HTML Items Programa veri girmenin yolları
Calculator adres çubuğunda aritmetik işlemler
Click Count localStorage kullanan basit bir sayaç
Clock setTimeout() kullanan animasyon
Simple Timer iki tıklama arası zaman ölçümü
JS Animation -- JS ile güçlü ve basit
CSS Transition -- çok daha basit
Array & Set Demo push(), pop(), add() and delete()
Image Carousel basit bir resim albümü
JSON Teacher -- nasıl çalışır?

Hesap ve Çizim

Counting Permutations & Subsets
Math Functions Math fonksiyonların hesabı
Numbers Sayı türlerinin JS class yapısında modeli
Base Conversion 16, 36, 80 tabanında sayılar
Primes Verilen bir sayıya kadar asal sayıların listesi
TC Kimlik numarası nasıl doğrulanır
Pythagorean Triples kağıt katlarken Pisagor üçlüleri
Graphics SVG ve Canvas ile çizim çok farklı
Pie Chart Canvas kullanarak pasta grafiği çizimi
Camera Video ve Canvas ile fotoğraf çekelim
Colliding balls Çarpışan renkli toplar
Sunflower Ayçiçeğinde altın oran nereden çıktı
Solar System Güneş-Yer-Ay üçlüsünün hareketi

İleri Konular

Page made by JS Tamamen JS ile yapılan örnek sayfa
Table Maker İstenilen boyda bir tablo ve tooltip örneği
Select Local Input/file ile yerel dosya okumak
Select directory lokal bir klasörün ağaç yapısı
Fetch Remote fetch() metodu ile uzak dosya okumak
Student Database 3000 öğrencinin bilgilerine erişim
List of Objects düz metni nesnelere çevir
Linear Equations Gauss-Jordan yöntemi
Automata dersinin örnek yazılımı
Expression tree Aritmetik ifadelerin ağaç yapısı
JSON Highlight RegExp ile renkli JSON yapalım
Dining Philosophers Tek Thread ile deadlock olabilir
Inspector JavaScript eğitim aracı
Employee Personel verilerinin class yapısında modeli

Events & Framework

Color Paragraphs JS içinde renk değişimi
Event Handlers click, touch, scroll event listeners
Battery & Internet pil seviyesi ve bağlantı durumu
Event Propagation click and keyup event listeners
Draggable Elements click ve touch olaylarının farkı
URL Parts verilen bir web adresinin parçaları
Menu & Context menu
Modal dialog örnekleri
Details-Summary ile menu ve dialog yapılabilir
Web Components <name-tag> and <emoji-picker>
DOM tree verilen bir HTML sayfasının ağaç yapısı

External API

QR Code kare kodu nasıl yapılır
GitHub Users key gerekmeyen basit bir API
Location iki farklı yöntemle enlem ve boylam
OpenWeather ile hava durumu
Maps 1 Google Maps API ile harita
Maps 2 MapBoxGL API ile harita
Maps 3 İBB Şehir haritası
YouTube play list Google API key ile
YouTube play list key yoksa copy/paste var
YouTube teacher Inspector içinde GAPI
Google Drive ile bulut erişimi
Drive teacher Inspector içinde GAPI

Web Sayfaları

HTML ile yapısı tasarlanır <html>
CSS ile görünümü düzenlenir <style>
JavaScript ile kodlanır <script>

Yani güzel bir web sayfası için üç farklı dil gerekiyor…
Ref: JavaScript Tutorial

Java avantajları

Daha profesyonel ve disiplinli
Server tarafında yaygın kullanım

JavaScript avantajları

Daha eğlenceli
Kullanımı kolay, kurulum yok
Web tasarımında vazgeçilmez
Her platformda çalışıyor

Ek Bilgiler