Javascript Oğuz İNAL.

Slides:



Advertisements
Benzer bir sunumlar
HTML.
Advertisements

HTML e GİRİŞ Temel HTML etiketleri.
HTML
MIT504 İnternet ve Web Programlama: Javascript programlama devam Yrd. Doç. Dr. Yuriy Mishchenko.
EKRAN ÇIKTISI.
PHP ile Lab Örnekleri Lab Çalışması.
Döngüler.
JavaScript Birinci Hafta.
Kontrol İfadeleri : 2.Kısım
MIT504 İnternet ve Web Programlama: Javascript programlama devam Yrd. Doç. Dr. Yuriy Mishchenko.
BTEP 203 – İnternet ProgramcIlIğI - I
DÖNGÜ “Şart sağlandığı sürece” içerisindeki komut satırlarını, artış değeri adedince tekrarlayan kodlardır.
C Programlama Diline Giriş
Visual Basic 6.0 Ders Notları
Bölüm 2: Program Denetimi
BTEP 203 – İnternet ProgramcIlIğI - I
SQL de Değişken Tanımlama
JAVA SCRIPT TEMELLERİ.
PROGRAMLAMA DİLLERİNE GİRİŞ Ders 3: Döngüler
T-SQL-2.Konu Akış Kontrolleri.
DÖNGÜ İFADELERİ.
JavaScript Javascript , Netscape firması tarafından C dilinden esinlenilerek yazılmıştır Yazılma amacı Html'in sahip olmadığı bazı özelliklerin web sayfalarında.
DÖNGÜLER.
Temel HTML Eğitimi Erman Yükseltürk.
HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ
While Döngüsü Tekrarlama deyimidir. Bir küme ya da deyim while kullanılarak bir çok kez yinelenebilir. Yinelenmesi için koşul sınaması döngüye girilmeden.
İnternet Programcılığı II
İNTERNET PROGRAMCILIĞI I BTP 207 Ders 9. Tek değişkende birden fazla bilgi tutulmak istendiğinde kullanılır. Kullanım şekli: var dizi_adı= new Array(eleman1,
NESNE TABANLI PROGRAMLAMA -METOTLAR-
Operatörler ve Denetim Yapıları
WEB TASARIMININ TEMELLERİ
İnternet Programcılığı II
SQL de Değişken Tanımlama
C++ Temelleri C++ genel amaçlı, nesne tabanlı, yüksek seviye programlama dilidir.
HTML HYPER TEXT MARKUP LANGUAGE Burcu Yılmaz – İ brahim Mert Bilişim Teknolojileri Ö ğ retmeni.
Koşul İfadeleri ve Akış Kontrolü Yazdığımız uygulamanın hangi koşulda nasıl davranacağını belirterek bir akış kontrolü oluşturabilmek için koşul ifadelerini.
Akış Kontrol Mekanizmaları
WEB TASARIMININ TEMELLERİ HTML. HTML FORMLARI VE BİLGİ GİRİŞİ FORM, FORM ELEMANLARI BARINDIRAN BİR ALANDIR. FORM ELEMANLARI KULLANICILARDAN BİLGİ GİRİŞİNE.
For Döngüsü Foreach Döngüsü While Döngüsü
DÖNGÜLER.
NESNEYE YÖNELİK PROGRAMLAMA
İnternet Programcılığı II
JAVA’DA DİZİLER Dr.Galip AYDIN.
Listeleme Etiketleri.
İNTERNET PROGRAMCILIĞI - 1
JavaScript Ödev Soruları
4. KONTROL VE DÖNGÜ KOMUTLARI
Göğüşhan KILIÇ twitter.com/gogushan_kilic OLMAYA HAZIR MIYIZ?
HTML HYPER TEXT MARKUP LANGUAGE Ayşe AK İ DA Ğ I Bilişim Teknolojileri Ö ğ retmeni.
Hazırlayan: Yrys Moidin kyzy. 1) html; 1. html (hypertext markup language ): hipermetin işaretleme dili. 2) Bu tag wep sayfasında bulunan ilk tagdır.
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.
Yrd. Doç. Dr. Murat Olcay Özcan
BMS-301 Kabuk Programlama Güz 2015 (6. Sunu) (Yrd. Doç. Dr. Deniz Dal)
İnternet Programlama-I
Nesne Yönelimli Programlama
SAYISAL ANALİZ Doç.Dr. Cüneyt BAYILMIŞ.
Web Tasarımı 2.Hafta. HTML Nedir  Hyper Text Markup Language (Hiper Metin İşaretleme Dili) web sayfalarını oluşturmak için kullanılan standart metin.
İbrahim Olgaç PROGRAMLAMA DİLLERİ SUNUMU C#
BİLİŞİM TEKNOLOJİLERİ 1 MODÜL : WEB TASARIM. HTML 2.
PHP'de Program Denetimi
JavaScript Çalışma Soruları
C Programlama Dili Bilgisayar Mühendisliği.
ACTIONSCRIPT TEMELLER İ SAVAŞ TUNÇER
WEB TASARIMI STİL ŞABLONLARI (CSS KULLANIMI) SAVAŞ TUNÇER.
WEB TASARIMI HTML LİSTELER VE FRAMELER SAVAŞ TUNÇER.
Excel’de VBA Programlama (Visual Basic Application)
JAVA’DA DİZİLER. Özet  Dizi: belirli sayıda ve aynı veri türünden de ğ işkenlere aynı adla erişilmesini sa ğ layan bir yapıdır.  Dizilerde döngü işlemleri.
Tasarım: Ali Topal.
NİŞANTAŞI ÜNİVERSİTESİ
Sunum transkripti:

Javascript Oğuz İNAL

Java Script Nedir? JavaScript HTML’nin yetersizliklerinin önemli kısmını ortadan kaldırabilen bir script dilidir. Script en basit tanımıyla HTML sayfalarına ek işlevler katabilen ve HTML kodlarının arasına yerleştirilebilinen küçük programlara verilen addır. Scriptler programlama dillerinde olduğu gibi(C, Visual Basic, Delphi) tek başına çalışabilen programlar değillerdir.

Script dilleriyle bir web sayfasının bütün nesneleriyle direk olarak çalışılabildiği gibi birkaç satır kodla oldukça önemli işler yapılabilmektedir. Java Script ile Java aynı şeyler değildir. Java Script ile web sayfalarını statik sayfalar olmaktan kurtarabilirsiniz. Etkileşimli formlar oluşturulabilirsiniz.

Java Script’e Başlamak İçin Gerekenler Scriptleri yazmak için metin editörü Scriptleri yazabilecek bir web tarayıcısı Temel HTML bilgisi

<script> Takısı Script kodları ya beraber çalışacakları HTML dosyalarında ya da ayrı kaydedilmiş Java Script dosyalarında bulunurlar. Script kodları HTML dosyalarında <script> </script> takılarının arasına yerleştirilir. Script takısı HTML dosyalarında iki yere yerleştirilebilinir. <head> </head> takılarının arası. (Genellikle bu tercih edilir.) <body> </body> takılarının arası.

<script> takısının 3 parametresi vardır. Language parametresi ile tarayacıya scriptin hangi dilde ve versiyonda yazıldığını bildiririz. Type parametresinde type=“text/javascript” satırı ile tarayacıya scriptimizin düz metin ile yazıldığını ifade ederiz. Src parametresi opsiyoneldir.. Eğer yazacağımız scripti bulunduğumuz HTML dosyasının dışında farklı bir yere JavaScript dosyası olarak (ayrı JavaScript dosyalarının uzantısı .js’dir) kaydedeceksek, src parametresi ile kullanacağımız script dosyasını HTML içinden çağırabiliyoruz.

Bir değişken tanımlamak ve değişkeni çağırmak Bir değişken var anahtar sözcüğü ile tanımlanır. Değişken ismi büyük, küçük harf ayrımı yapar. Değişken değerini ekrana yazdırmak için çift tırnak kullanılmamalı.

<script> tagı içinde html kodları kullanma

Ayrı Kaydedilen Java Script Dosyaları Bazı durumlarda scriptleri ayrı bir JavaScript dosyası olarak kaydetmek gerekebilir. Özellikle HTML sayfası çok büyükse ayrı bir JavaScript dosyası tercih edilebilir. Script takısına src parametresi ekleyip, değerini de kullanacağımız JavaScript dosyasının ismini vererek gerçekleştiririz. Webde herhangi bir yerde bulunan js uzantılı dosyanın linkini de src parametresi ile gösterebiliriz.

Prompt komutu Prompt komutu kullanılarak kullanıcıdan bilgi alınabilir. prompt ("Sorulan soru" , "Cevap örneği")

Yorum Satırı Tek satırlık yorum işareti için (//…) Satır sayısı çok ise yorum işareti(/* … */)

Kullanıcıyı Mesaj Kutusuyla Uyarma

Bir Sayının Değerini Artırma

Bir Sayının Değerini Artırma

Fonksiyon Tanımlama ve Fonksiyon Değerini Kullanma Javascript’te fonksiyon tanımlarken fonksiyona bir isim veriyoruz. Şematik olarak fonksiyon yapısı şöyle: function fonksiyonadi (parametre1,parametre2, …) { fonksiyon içeriğini oluşturan kodlar } Fonksiyonda parametre kullanmak opsiyoneldir. Parametre kullanmayacaksak da parantezler olmalı.

if…else Karar Yapıları if (sart) { Şart sağlanmışsa yapılmasını istediğimiz şeyler } else

While Döngüsü while (şart) { Her seferinde tekrarlanacak işlem } Parantezler içindeki şart doğru olduğu sürece döngümüz { } işaretleri arasında gördüğü işlemleri gerçekleştirecek ve tekrar döngünün başına gelip şartın tekrar doğru olup olmadığını test edecek.

For Döngüsü For( ) döngüsü işlevsel olarak while ( ) döngüsünün alternatifidir. Tek farkı while ( ) döngüsünde kullandığımız sayaç değişkeninin for( ) parantezleri içinde kullanılmasıdır.

Diziler (Sıralı Değişkenler) Bazı duırumlarda aynı yapıda ve belli bir sırada bulunması gereken bir sürü değişkenle çalışmamız gerekir. Diziler (arrays) belli bir sıarası olan değişken kolleksiyonları olarak tanımlanabilir. Dizilerin ilk elemanının indeks numarası daima 0’dır.

Etkileşimli Form Oluşturmak