Web sayfalarında kullanılan JavaScript nedir, ne işe yarar, ne demek gibi sıkca sorulan sorularla ilgili kısa bilgiler yer alıyor.
JavaScript 1995 yılında Brendan Eich tarafından geliştirilmiş tarayıcı üzerinde çalışan, web sayfalarına dinamiklik katmak ve kullanıcı ile etkileşimi arttırmak için kullanılan betik dilidir.
Java ile JavaScript karıştırılmaktadır. Java bir programlama dili JavaScript ise betik dilidir.
Programlama dili kodları makine koduna çevrilip çalıştırılırken betik dili kodları interpreter tarafından yorumlanarak çalıştırılır.
JavaScript günümüzde tüm tarayıcılar tarafından desteklenmektedir.
HTML ve CSS’in yetersiz kaldığı hesaplama, form elemanlarını kontrol etmek gibi işlemlerde kullanılır.
Örneğin; HTML ile oluşturulan iki adet input nesnesine girilen sayıları butona tıkladığımızda hesaplamak için JavaScript kullanabiliriz.
JavaScript web sayfalarında kullanılmak için çıkmış olsa da günümüzde JavaScript yorumlayıcısı (interpreter) kullanılarak sunucu taraflı çalışan uygulamalar geliştirilmektedir.
Tarayıcınızın JavaScript desteğini http://enable-javascript.com adresindeki adımları takip ederek etkinleştirebilirsiniz.
JavaScript Derslerine buradan ulaşabilirsiniz…
Hayırlı günler dilerim.
Bu yazımda web tasarım örnekleri ile ilgili daha önceden yapmış olduğumuz örneklerin tamamını listeledim. Örneklerimizin bazılarında Html ve Css, bazılarında etkileşim kazandırmak adına Javascript ve Jquery kullandım. Son olarakta Bootstrap kullanarak bazı web tasarım örnekleri oluşturdum.
Yapmış olduğumuz örnekleri kendi bilgisayarınızda uygulamalı olarak öğrenmeye çalışırsanız, hem daha hızlı hem de daha kalıcı bir şekilde öğrenmiş olursunuz.
Örnekleri incelerken;
⇒ Html ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE HTML DERSLERİ yazımdan tüm konulara göz atabilirsiniz.
⇒ Css ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE CSS DERSLERİ yazımdan tüm konulara göz atabilirsiniz.
⇒ Jquery ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE JQUERY DERSLERİ yazımdan tüm konulara göz atabilirsiniz.
⇒ Bootstrap ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE BOOTSTRAP DERSLERİ yazımdan tüm konulara göz atabilirsiniz.
Şu ana kadar web tasarım örnekleri ile ilgili yapmış olduğumuz bütün uygulamaları aşağıda listeledim. Herbir örnek için ilgili örneğin detaylarına ve kodlarına link verdim. Bundan sonra yapacağımız yeni örneklerin linklerini de buraya eklemeye devam edeceğim.
Burada bulunan örneklerin dışında web tasarım ile ilgili neyin nasıl yapıldığını öğrenmek istiyorsanız yorum kısmından önerilerde bulunabilirsiniz. Böylece bu örneklere öncelik verebiliriz.
⇒ Css ile Html İletişim Formu (İletişim Sayfası) Oluşturma
⇒ Css ile Buton Yapımı (3d Buton, Yuvarlak Buton, Animasyonlu Buton vb..)
⇒ Html ve Css ile Sosyal Medya Butonları Yapımı
⇒ Css ile Dikey Menü Yapımı
⇒ Css ile Dikey Sabit Menü Yapımı
⇒ Css ile Yatay Menü Yapımı
⇒ Css ile Yatay Açılır Menü Yapımı
⇒ Css ile Yatay Sabit Menü Yapımı
⇒ Css ile Yatay Sticky Menü Yapımı
⇒ Css ile Dropdown Yapımı
⇒ Hazır Css Kodları (Margin ve Padding)
⇒ Css ile Html Ortalama (Yazı, Resim, Form, Tablo, Sayfa, Menü vb..)
⇒ Html ve Css ile Üçgen Yapımı
⇒ Css ile Tooltip Yapımı
⇒ Html ve Css ile Breadcrumb (İçerik Haritası) Yapımı
⇒ Css ile Özel Checkbox (Custom Checkbox) Yapımı
⇒ Css ile Özel Radio Button (Custom Radio Button) Yapımı
⇒ Html ve Css ile Dikey Çizgi Nasıl Yapılır?
⇒ Html ve Css ile Animasyonlu Arama Kutusu Yapımı
⇒ Html ve Css ile Pagination (Sayfalama Butonları) Yapımı
⇒ Css ile Loading Yapımı
⇒ Loading Gif Örnekleri – Yükleniyor Gif Örnekleri
⇒ Css ile Toggle Switch Yapımı
⇒ Html ve Css ile Responsive Timeline Yapımı
⇒ Html ve Css ile Güp Güp Atan Kalp Yapımı
⇒ Css ile Resimleri Responsive (Mobil Uyumlu) Yapma
⇒ Html ve Css ile Zıplayan Top Uygulaması
⇒ Html ve Css ile 2 Duvar Arasında Gidip Gelen Top Uygulaması
⇒ Html ve Css ile Kalp Yapımı
⇒ Html ve Css ile Responsive Takvim Yapımı
⇒ Html ve Css ile Sabit/Yapışkan Sosyal Medya Butonları Yapımı
⇒ Html ve Css ile Yan Menü Butonları Yapımı
⇒ Html ve Css ile Türk Bayrağı Yapımı
⇒ Html ve Css ile Gökyüzü Tasarımı Yapımı
⇒ Html ve Css ile Zıplayan Toplar Animasyonu Yapımı
⇒ Responsive Menü Yapımı
⇒ JQuery ile Tabloda Arama Yapmak
⇒ JQuery ile Listede Arama Yapmak
⇒ Animasyonlu Hamburger İcon Yapımı
⇒ Jquery ile Butona Tıklayınca Metin Kutusundaki Sayıyı Artırmak ve Azaltmak
⇒ Jquery ile Beğendim – Beğenmedim Uygulaması
⇒ JQuery ile Kalan Karakter Sayısı Uygulaması
⇒ JQuery ile Tab Menü Yapımı (Sekmeli Menü Yapımı)
⇒ Html, Css ve JQuery ile Sekmeli Galeri Yapımı (Tab Gallery)
⇒ Html, Css ve JQuery Kodları ile Slider Yapımı
⇒ Html, Css ve JQuery ile Haber Galerisi Yapımı (News Gallery)
⇒ JQuery ile Popup Yapımı (Popup Kodları)
⇒ Jquery ile Rating Stars Yapımı – Puan Verme
⇒ Jquery ile Rating Stars Yapımı – Verilen Puanların Ortalamasını Gösterme
⇒ JavaScript ile Resmin Üzerine Gelince Zoom Yapma
⇒ Bootstrap 4 ile İletişim Formu (İletişim Sayfası) Oluşturma
⇒ HTML ve SCSS ile Yatay Menü Yapımı
⇒ Html ve SCSS ile Üçgen Yapma Fonksiyonu (Mixin ve if-else Uygulaması)
Web tasarım örnekleri ile ilgili örnek ve uygulamalar şimdilik bunlar.
Umarım sizin için faydalı örnekler olmuştur.
Yeni bir yazımda görüşmek üzere.
Benzer belgeler
JAVASCRİPT ÖRNEKLERİ WWW.YAZILIMBILISIM.NET İçindekiler Sayının tek mi çift mi olduğunu bulma(fonksyion Kullanmadan)... 2 Sayının tek mi çift mi olduğunu bulma(fonksyionlu)... 3 Text kutusuna girilen sayının
Detaylı5 JavaScript örneği ve bu örneklerin çalışan uygulamaları JavaScript Örnekleri PDF www.yazilimbilisim.net.. İçindekiler Tablosu Javascript Text Kutusuna Sadece Sayı Girdirme... 2 PROGRAM KODU... 3 Javascript
DetaylıCSS(CASCADING STYLE SHEETS) CSS NEDİR NE İŞE YARAR? Sıralı Sitil Şablonları olarak bilinen CSS Web sayfalarının biçimsel özelliklerini düzenlediğimiz ve yönettiğimiz kodlar bütünüdür. CSS kodları ile sayfamızdaki
DetaylıWEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri
Detaylı1 Aralık 2011 / Perşembe Örnek :İki adet panel var.eğer 1nci panelde şifre Mustafa ise kendimiz bir session değişkeni oluşturup tamam yazdıracağız.değilse Şifre hatalı yazdıracağız. protectedvoid Page_Load(object
DetaylıC++ Dilinde Bazı Temel Algoritmalar Bazı eşyalar için her eve lazım derler. Az sonra bahsedeceğimiz algoritmalar da her kodcuya lazım cinsten. Sayının tek mi çift mi olduğuna karar veren programdan, çarpım
Detaylı. onclick 2. onmouseover ve OnMouseOut 3. onload ve onunload 4. onsubmit 5. onreset 6. onfocus ve onblur 7. onchange 8. onabort, onerror 2 Bir olayın oluşması, mevcut durumda bir değişiklik olması anlamına
Detaylı11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ Bu bölümü bitirdiğinizde, Sekmeli menünün nasıl yapıldığını, Dikey menünün nasıl yapıldığını, Yatay menünün nasıl yapıldığını, Dikey açılır menünün nasıl yapıldığını,
DetaylıİÇİNDEKİLER IX İÇİNDEKİLER 1 GİRİŞ 1 Kitabın Amacı 1 Algoritmanın Önemi 2 Bilgisayarın Doğuşu ve Kullanım Amaçları 3 Programlama Dili Nedir? 3 Entegre Geliştirme Ortamı (IDE) Nedir? 4 2 ALGORİTMA VE AKIŞ
DetaylıASP.NET Web Kontrolleri ASP.NET web sayfalarında kullanılmak üzere çeşitli işlevleri yerine getiren hazır kontroller sunar. Bu kontroller çeşitli özelliklere ve işlevlere sahip olmakla beraber uygulamalarda
DetaylıSINIF İÇİ UYGULAMA KODLARI ARABA HAREKET ETTİRME using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text;
DetaylıJAVASCRIPT JAVASCRIPT DİLİ Netscape Navigator 2.0 ile birlikte geliştirilen JavaScript dili istemci taraflı (client-side) script dilidir. Web sayfalarında dinamik içerik sağlamak ya da kullanıcıyla iletişim
DetaylıBTP 207 İNTERNET PROGRAMCILIĞI I Ders 9 Dizi Değişkenler (Array) 2 Tek değişkende birden fazla bilgi tutulmak istendiğinde kullanılır. Kullanım şekli: var dizi_adı= new Array(eleman1, eleman2,, elemann)
DetaylıBİLG214 20.10.2009 Dr. Mustafa T. Babagil 1 Yapısal bilgi türlerinin tanımlanması. (C++ daki struct yapısı. ) Daha önce öğrenmiş olduğumuz bilgi tipleri char, int ve float v.b. değişkenler ile dizi (array)
Detaylı12.05.2010 Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+ da örnekler Web Teknolojileri ve Programla Bölüm
DetaylıWeb Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz? Örnek siteler Örnek Projeler
DetaylıGoogle Search API ile ajax arama 14 Ağustos Salı 12 http://mfyz.com/google-search-api-ile-ajax-arama Eğer bir kaynak arıyorsanız, indexlerin güncelliği, genişliği gibi nedenlerden dolayı, diğer arama motorları
DetaylıJavaFx neden çıktı? JAVA FX Eskiden desktop için swing kullanılırdı fakat pek iyi değildi. Javafx bu konuda css kullanmaya da izin verdiği için daha iyi bulundu. xml veriyi biçimlendirmek için kullanılan
DetaylıC++ Dilinde Bazı Temel Algoritmalar Bazı eşyalar için her eve lazım derler. Az sonra bahsedeceğimiz algoritmalar da her kodcuya lazım cinsten. Sayının tek mi çift mi olduğuna karar veren programdan, çarpım
DetaylıJavaScript & DOM XML & JSON Ele alınacak başlıklar JavaScript Dili DOM (Document Object Model) JavaScript ve OO Programlama XML ve JSON JavaScript Kısım 1 Gelişim JavaScript, 1995 yılında Netscape tarafından
Detaylı1 C# ÖRNEK UYGULAMALAR 1) Klavyeden girilen herhangi bir cümlenin ekrana 10 defa yazdırılmasını sağlayan programı yazınız. string cumle; cumle = txtcumle.text; for (int i = 1; i
DetaylıHTML5, CSS3 ve JavaScrıpt ile Web Tasarımı Burak Tokak İçindekiler Bölüm 1: Web Geliştiriciliğine Giriş 1 Kavramlar 2 Web Teknolojileri 2 Client-Side Web Teknolojileri 2 Server-Side Web Teknolojileri 4
DetaylıİÇİNDEKİLER IX İÇİNDEKİLER 1 JAVASCRIPT NEDİR? 1 2 TEST ORTAMINI TANIMAK (FİREFOX VE FİREBUG) 5 Firefox 6 Firebug 8 CSS Sekmesi 10 DOM Sekmesi 11 Net ve Çerezler Sekmeleri 11 Script Sekmesi 11 Konsol Sekmesi
DetaylıPHP ile İnternet Programlama Doç.Dr. Gazi Üniversitesi Gazi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü 3. BÖLÜM: Formlarla Çalışmak HTML Formlarının Temelleri Dinamik etkileşim
Detaylı2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar * Htm Sayfasının Oluşturulması * Temel Html Komutları * Html Sayfalarının Düzenlenmesi * Html Sayfalarının İncelenmesi Html Komutlarının
DetaylıFacebook connect ile kullanıcı giriş çıkış 12 Mayıs Salı 09 Diğer Dökümanlar http://mfyz.com/facebook-connect-ile-kullanici-giris-cikis Facebook Connect Nedir? Facebook, uzun süredir api'si dışında connect
DetaylıEĞİTİMDE BİLGİSAYAR PROGRAMLAMA FİNAL SINAVI App İnventor-Pide Sipariş Uygulaması 1)Ekran Tasarımı, ekranda kullanılan elementler ve özellikleri Bütün işlemler tek bir ekrandan yapılmaktadır. Arka plan
DetaylıDEÜ Bilgisayar Bilimleri Bölümü BİL1001 Bilgisayar Bilimlerine Giriş 1 Öğr. Gör. Dr. Alper VAHAPLAR 2017 Yaz Okulu Tekrarlı Yapılar Algoritmanın belirli bir kısmının, belirli kere ya da belirli durumlar
DetaylıMysql_fetch_assoc, mysql_fetch_row, mysql_fetch_object, mysql_fetch_array ve mysql_result metodları Uygulamada kullanacağımız veritabanı Veritabanı: kitaplik Tablo: kitaplar isbn adi yazari 944503382 Adım
DetaylıWEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri
DetaylıGoogle bazı ürünlerini kısıtlı kullanım alanlarından sıyırıp yaratıcı ellere teslim ederek hem kendisine duyulan sempatiyi arttırıyor hem de biz kullanıcılara yeni kullanım alanları açabiliyor. Mesela
DetaylıMatlab da Dizi ve Matrisler Mustafa Coşar MATLAB Değişkenleri Matlab da değişkenler; skaler, dizi(vektör), matris veya metin (string) türünde olabilirler. Örnek olarak: a=1; b=-3.2e3; c=22/5; metin= mustafa
DetaylıBİLGİSAYAR PROGRAMLAMA DERSİ 5. DERS NOTU Konu: Döngü Yapıları Hazırlayan: Yrd. Doç. Dr. Ahmet DUMLU DÖNGÜ YAPILARI Birçok uygulamada bazı işlemlerin tekrar tekrar gerçekleştirilmesi gerekir. Bizlere bu
DetaylıWEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri
DetaylıYZM 3215 İleri Web Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 4 Bootstrap Bu bölümde; Responsive Web Design
DetaylıSite Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5c2acf77c2a0b746634170/] İndir (DOCX, 15KB) İlk Hafta Sunumu
DetaylıYZM 2105 Nesneye Yönelik Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 2 C# Programlama Dili Örnekler 2 Örnek1:
DetaylıPHP ile İnternet Programlama Doç.Dr. Gazi Üniversitesi Gazi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü 5. BÖLÜM: Oturum Yönetimi ve Güvenlik Sayfaya Yönlendirme PHP sayfamızdan
DetaylıPhp 5 ile Filtreleme İşlemleri Yazan: altayalp (izzet ögetürk) E-Posta: altayalp [a-t] gmail.com Belgede eksik ve yanlış gördüğünüz yerler için ya da görüşlerinizi belirtmek için bana e-posta adresimden
DetaylıTAPU VE KADASTRO BİLGİ SİSTEMİ MEKÂNSAL GAYRİMENKUL SİSTEMİ (MEGSİS) HARİTA SERVİSLERİ DOKÜMANI Sürüm: 0.1 Revizyon Bilgileri Revizyon No: Revizyon Tarihi Revizyonu Yapan Revizyon Nedeni 0.1 17.04.2013
DetaylıDaha World Wide Web fikri ortaya çıkmadan, “Netscape” yazılım ekibinden “Brendan Eich”, Eylül 1995’te yaklaşık 10 günlük bir sürede ileriki zamanlarda “LiveScript”, günümüzde “Javascript” olarak tanıdığımız script dilini geliştirmiştir. O zamanlar bu script diline Netscape yazılımının navigatör özelliği için ihtiyaç duyulmuş, Netscape’in kendi web tarayıcısındaki Java desteğinden dolayı Livescript’in adı sonralardan Javascript olarak güncellenmiştir.
Brendan Eich
Belirttiğim gibi Javascript, Netscape’in kendi web tarayıcısındaki Java desteğinden dolayı bu isme sahiptir fakat başka bir açıdan da bakmak gerekiyor. Livescript’in ortaya çıktığı yıllarda Java programlama dili popüler olduğundan dolayı Livescript’in imajını bir üst seviyeye çıkarmak için biz buna artık Javascript diyelim denmiştir. Tabii ki uzun bir zaman sonra Javascript Java’dan bile daha popüler bir programlama dili haline gelmiş ama adında bir değişiklik yapılmamıştır.
Javascript günümüzde birçok framework bir başka ifade ile hazır olarak kullanılabilecek kütüphaneye sahip olduğu için eskiye göre kullanımı daha da kolaylaşmış, ayrıca web sayfa geliştiricilerinin iş üretim hızını bir üst noktaya taşımış, bunlarla da kalmayarak web sayfaların daha güvenli bir hale gelmesine katkılar sağlamıştır. İşte bu frameworklerden arındırılmış bir şekilde Javascript yazmaya başladığınızda yazdıklarınız Vanilla Javascript olarak adlandırılır.
Birkaç örnek vermek gerekirse…
İlk olarak class değeri “my-pg” olan bir p yani paragraf oluşturduk. Ve ekrana “Hello World!” yazdırmak istedik. Web tarayıcınızda bu kodları çalıştırdığınızda Hello World yazıldığını görmeyi umabilirsiniz fakat yazdığımız küçük “Vanilla Javascript” sayesinde paragrafın içeriğini “This is going to be printed!” yaparak ekrana yazılacak değeri değiştirmiş olduk.
Ta da…
Peki bunu bir framework kullanarak nasıl yapardınız?
Gelin beraber “jQuery” kütüphanesini kullanarak aynı sonucu elde edelim.
Hadi başlayalım! Öncelikle jQuery kütüphanemizi HTML dosyamıza dahil etmemiz gerekiyor (head etiketi içerisinde bu işi hallettik). Sonra jQuery’de bir seçici ($) kullanarak paragraf etiketinin sahip olduğu sınıf adı ile birtikte ilgili HTML elemanına erişiyoruz. Bundan sonrası p objesine bağlı text fonksiyonunu çağırarak paragrafın içeriğini değiştiriyoruz. Bütün aşamaları uyguladığınızda Vanilla Javascript ile aldığımız sonucun aynısını göreceksiniz.
Kısaca bir web sayfasını açtığınızda neler olduğundan bahsedeyim. Bir web tasarım açtığınızda HTML, CSS, Javascript, ilgili imajlar ve birçok farklı dosya çalıştırılmak ya da görüntülenmek üzere yüklenir. Bütün bu işlemler “execution environment” yani web tarayıcınızın bir tabinde gerçekleşir. Bu işlemler bir kek yapmak için sıfırdan malzemeleri hazırlamak ve sonunda ortaya bir ürün çıkarmaya benzer.
Her web sayfasının kendine özel bir “execution environment”ı vardır. Bu durum web sayfaların birbirinden bağımsız bir şekilde çalışmasına olanak sağlar. Böylelikle çeşitli güvenlik sorunlarının önüne geçilmiş olur. Tabii ki bahsettiğimiz durum web sayfaların birbirleriyle iletişim kuramadıkları anlamına gelmez fakat bu makalede bu konuyla ilgilenmeyeceğiz.
Javascript, hafif yapıdaki bir programlama dilidir. Modern Javascript derleyiciler, “just-in-time compiling” adını verdikleri bir metod ile hali hazırda çalışan scriptleri “binary” yani makinelerin daha hızlı çalıştırabildiği bir formata dönüştürerek web sayfaların Javascript’ten dolayı yavaşlamasını engeller. Bu derleme sürecinin aksine Javascript günümüzde halen bir yorumlanan (interpreted) dil olarak kabul edilir. Bunun sebebi derlemenin kodlar çalıştırmadan önce değil, kod çalışıyor olduğu zamanda (run time) yapıldığı içindir.
Interpreted programlama dilleri, bir compiled programlama dilinin üzerine inşa edilmiştirler ve daha basit yapıdadırlar. Fakat derlenen dillerden daha az performasa sahiptirler. Yorumlanan diller, makine dili formatına dönüştürülmeden çalıştırılırlar.
Compiled programlama dilleri ise derleme işlemine tabi tutularak makinelerin anlayabileceği talimatlara bir başka ifade ile daha önceden tanımlanmış kod bloklarına dönüştürülürler.
Yorumlanan bir dil kullanarak yazılmış programlar, her çalıştırılmak istendiğinde tekrar tekrar yorumlanır fakat derlenen bir programlama dili ile yazılanlar ise bir kez derlenir ve bir daha başka bir işleme ihtiyaç duymazlar. Böylelikle daha hızlı bir şekilde çalıştırılırlar.
Javascript’in yapısı ve her yazılım geliştiricinin farklı tercihlerinden dolayı JS bazen tercih edilmiyor olabiliyor. Bu ve bunun gibi ihtiyaçlardan yola çıkarak Javascript mimarisi üzerine yeni yeni diller geliştirilmiştir ve kullanıma sunulmuştur. Bu dillerden bazıları: CoffeeScript, TypeScript, Flow, Dart… Bu dillerin temeldeki çalışma prensibine bakacak olursak, kendi dil kuralları çerçevesinde yazılanları daha çalıştırmadan Javascript’e dönüştürdüklerini görürüz. Böylelikle Javascript yazmıyor olsak bile o teknolojiden faydalanmış oluyoruz.
Ve bunlar gibi birçok alanda da karşımıza çıkar.