From 9e633f7a07e6015742dcf70e216d50ce2d8f3b1a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?H=C3=BCseyin=20Mert?= Date: Tue, 19 Aug 2014 13:51:47 +0300 Subject: [PATCH 01/15] j101 --- page/javascript-101.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/page/javascript-101.md b/page/javascript-101.md index ba6a4763..350b79ff 100644 --- a/page/javascript-101.md +++ b/page/javascript-101.md @@ -10,14 +10,14 @@ customFields: value: "pencil" --- -## Introduction +## Giriş -So you want to unlock the power of jQuery to make the web a better place? Awesome, but there are a few things you should know about JavaScript first. +jQuery'nin gücüyle web ortamını daha iyi bir yer yapmaya karar verdiniz öyle mi? Harika, fakat ilk olarak JAvaScript hakkında bazı şeyleri bilmek gerekiyor. -Introduced at the dawn of the web, [JavaScript](http://en.wikipedia.org/wiki/JavaScript) is a powerful and expressive language that runs inside the browser in conjunction with HTML and CSS. Based on an open standard called [ECMAScript](http://en.wikipedia.org/wiki/ECMAScript), JavaScript has quickly become the "programming language of the web." All the power of jQuery is accessed via JavaScript, so needless to say, it's an important language to learn. Having a basic knowledge of JavaScript will go a long way in understanding, structuring, and debugging your code. +Web'in ilk ortaya çıktığı zamanlardan beridir, [JavaScript](http://en.wikipedia.org/wiki/JavaScript) çok güçlü ve tesirli bir dil olarak tarayıcının içinde HTML ve CSS ile birlikte çalışıyor. [ECMAScript](http://en.wikipedia.org/wiki/ECMAScript) denilen standartı temel alıyor, JavaScript çok hızlı bir şekilde "webin programlama dili" haline geldi. jQuery'nin bütün gücü JavaScript'ten geliyor, bu yüzden javascripti iyi bilmeniz gerekiyor. Temelleri öğrenmek bile size kodunuzu anlamanızı, temellendirmenizi, hata ayıklamanızı uzun bir süre sağlayacaktır. -This guide covers the foundational concepts of JavaScript, as well as frequent pitfalls developers fall into during their first foray into the language. When possible, we'll relate the JavaScript you learn here to how it's applied in jQuery. +Bu kitapçıkta JavaScript'in temelini ve genel olarak geliştiricilerin düştüğü hataları ele alıyor olacağız. Mümkün olduğu kadarıyla buradaki öğrendiğiniz JavaScript'in jQuery'de nasıl uygulandığını göstermeye çalışacağız. -If you have experience with other programming languages, good for you! If not, don't worry. We'll take it slow and teach you everything you need to know to unlock the power of jQuery with JavaScript. +Eğer başka programlama dilleriyle haşır neşirseniz bu iyi sizin için. Eğer değilseniz korkmayın. jQuery'i tamamen sökmeniz için her şeyi adım adım anlatacağız. -## Table of Contents +## İçindekiler From ba712ec80a481c20648472998b088fb36d4d3466 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Wed, 20 Aug 2014 10:32:10 +0300 Subject: [PATCH 02/15] translated about-jquery --- page/about-jquery/additional-support.md | 119 ++++++++++++------------ 1 file changed, 59 insertions(+), 60 deletions(-) diff --git a/page/about-jquery/additional-support.md b/page/about-jquery/additional-support.md index ec90ab81..6f23b332 100644 --- a/page/about-jquery/additional-support.md +++ b/page/about-jquery/additional-support.md @@ -1,93 +1,92 @@ --- -title : Additional jQuery Support +Başlık : Ek jQuery Desteği --- +Biz en çok kullanılan ve bahsi geçen jQuery konularını kapsamasını umut ederken, bazı durumlarda yetersiz kalması veya acil bir çözüm süreci gerektirmesi halinde aşağıda yer alan kaynaklar yararlı olabilir. -While we hope to cover most jQuery-related topics on this site, you may need additional or more immediate support. The following resources can prove useful. - -### Official Forums +### Resmi Forumlar http://forum.jquery.com/ -There are many subforums where you can discuss jQuery, ask questions, talk about JavaScript, or announce your plugins. +Bu forum altında JQuery ile tartışma ortamı bulabileceğiniz, sorular sorabileceğiniz ve JavaScript hakkında konuşabileceğiniz veya kendi eklentilerinizi duyurabileceğiniz bir çok alt katagori mevcut. -* [Getting Started](http://forum.jquery.com/getting-started) - * This is the best place to post if you are brand new to jQuery and JavaScript. -* [Using jQuery](http://forum.jquery.com/using-jquery) - * This is the best place to post if you have general questions or concerns. - * If you've built a site that uses jQuery, or would like to announce a new plugin, this is the place to do it. -* [Using jQuery Plugins](http://forum.jquery.com/using-jquery-plugins) - * If you are a plugin author or user and you wish to discuss specific plugins, plugin bugs, new features, or new plugins. -* [Using jQuery UI](http://forum.jquery.com/using-jquery-ui) - * This is the place to discuss use of [jQuery UI](http://jqueryui.com/) Interactions, Widgets, and Effects -* [jQuery Mobile](http://forum.jquery.com/jquery-mobile) - * This is the place to discuss jQuery Mobile. -* [Developing jQuery Core](http://forum.jquery.com/developing-jquery-core) - * This forum centers around development of the jQuery library itself. - * Post here if you have questions about certain bugs, development with jQuery, features, or anything in the bug tracker or Git. -* [Developing jQuery Plugins](http://forum.jquery.com/developing-jquery-plugins) - * This forum covers development of jQuery plugins. -* [Developing jQuery UI](http://forum.jquery.com/developing-jquery-ui) - * This is the place to discuss development of [jQuery UI](http://jqueryui.com/) itself – including bugs, new plugins, and how you can help. - * All jQuery UI svn commits are posted to this list to facilitate feedback, discussion, and review. - * Also note that a lot of the development and planning of jQuery UI takes place on the [jQuery UI Development and Planning Wiki](http://wiki.jqueryui.com/). -* [Developing jQuery Mobile](http://forum.jquery.com/developing-jquery-mobile) - * This forum covers issues related to the development of jQuery Mobile. -* [QUnit and Testing](http://forum.jquery.com/qunit-and-testing) - * This is the place to discuss JavaScript testing in general and QUnit in particular +* [Başlarken](http://forum.jquery.com/getting-started) + * Burası eğer JQuery ve JavaScript konularına yeni başlıyorsanız en iyi başlangıç yeri. +* [JQuery Kullanımı](http://forum.jquery.com/using-jquery) + * Bu alan genel soruların sorulup tartışıldığı en iyi alanlardan birisi. + * Bu alanda jQuery ile tasarlanmış sitenizi veya yazdığınız yeni bir eklentinizi duyurabilirsiniz. +* [JQuery Eklentileri Kullanımı](http://forum.jquery.com/using-jquery-plugins) + * Eğer bir eklenti yazarı iseniz veya eklentilerle çalışan bir kullanıcı iseniz bu alanda özel eklentileri, eklenti buglarını, yeni özellikleri ve yeni eklentiler hakkında tartışma ortamı bulabilirsiniz. +* [JQuery Kullanıcı Arabirimi Kullanımı](http://forum.jquery.com/using-jquery-ui) + * Bu alan kullanıcı arabirimi ile ilgili tartışmaların yer aldığı kısımdır. [jQuery Arabirimi](http://jqueryui.com/) Etkileşimler, Küçük araçları ve Etkileri +* [Mobil jQuery](http://forum.jquery.com/jquery-mobile) + * Bu alan mobil için JQuery kullanımı ile ilgili konuların tartışıldığı kısımdır.. +* [JQuery Çekirdek Geliştirme](http://forum.jquery.com/developing-jquery-core) + * Bu forum alanı JQuery Kütüphanesinin gelişimi için ayrılmış alandır.. + * Burada yer alan gönderiler, bazı hatalar ile ilgili sorular, JQuery ile geliştirme, özellikler, hata takip veya Git hakkındadır. +* [JQuery Eklentileri Geliştirme](http://forum.jquery.com/developing-jquery-plugins) + * Bu forum alanı JQuery eklentileri geliştirme konusu için ayrılmış alandır. +* [JQuery Kullanıcı Arabirimi Geliştirme](http://forum.jquery.com/developing-jquery-ui) + * Bu alan kullanıcı arabirimi geliştirme konusunda yer alan tartışmaların bulunduğu forum alanıdır. [jQuery Arabirimi](http://jqueryui.com/) arabirim içerisinde yer alan buglar, yeni eklentiler ve nasıl yardımcı olunabileceği konusu. + * Tüm JQuery arabirimleri üzerinde geliştirme sırasında meydana gelecek çakışmaları önlemek için yayınlanan bu forum alanında tartışma ve yorumlar yer almaktadır. + * JQuery kullanıcı arabirimi geliştirme ve planlama konusu hakkında çok sayıda başlık mevcuttur. [jQuery Kullanıcı Arabirimi Geliştirme ve Planlama Wiki](http://wiki.jqueryui.com/). +* [JQuery Mobil Geliştirme](http://forum.jquery.com/developing-jquery-mobile) + * Bu alan mobil JQuery geliştirme ile ilgili konuları kapsamaktadır. +* [QUnit and Test](http://forum.jquery.com/qunit-and-testing) + * Bu alan genellikle JavaScript testlerinin bulunduğu özellikle QUnit konusu hakkındadır. -At the bottom of each of the forums is an RSS feed you can subscribe to. +Forumların alt kısımlarında bir abone olabileceğiniz bir RSS mevcuttur. -To ensure that you'll get a useful answer in no time, please consider the following advice: +Yararlı bir çözüm ve ya cevap alabilmek için aşağıda yer alan konular kontrol edilmelidir: -* Ensure your markup is valid. -* Use Firebug/Developer Tools to see if you have an exception. -* Use Firebug/Developer Tools to inspect the HTML classes, CSS, etc. -* Try expected resulting HTML and CSS without JavaScript/jQuery and see if the problem could be isolated to those two. -* Reduce to a minimal test case (keep removing things until the problem goes away, etc.) -* Provide that test case as part of your mail. Either upload it somewhere or post it on [jsbin.com](http://jsbin.com/). +* Markup(biçimlendirme) geçerli olduğundan emin olun. +* Bir istisna olup olmadığını görmek için Firebug/Developer Tools kullanın. +* HTML sınıfları, CSS vb. inceemek için Firebug/Developer Tools kullanın. +* HTML ve CSS çıktılarını JavaScript/JQuery olmadan test edin, sorunun bu ikisi yüzünden olmadığını kontrol edin. +* Testi küçültme yoluna gidin.(Sorunu çözene kadar bazı kısımları kaldırın) +* Başka bir ortamda test edin. JSBin platformunu kullanabilirsiniz. [jsbin.com](http://jsbin.com/). -In general, keep your question short and focused and provide only essential details – others can be added when required. +Genel olarak, sorular kısa tutulmalı, gerekli kısım ile bilgi verilmelidir. Diğer bilgiler ihtiyaç duyulduğu zaman kullanılmalıdır. -### Mailing List Archives +### Mail Listeleri Arşivi -The mailing lists existed before the forums were created, and were closed in early 2010. +Mail listeleri forum oluşturulmadan önce oluşturulmuştu ve 2010 yılında bu mail listeleri kapatıldı. -There are two different ways of browsing the mailing list archives. +İki farklı yol ile mail listelerine ait arşive ulaşmak için: -1. The official mailing list archives can be found here: - * [jQuery General Discussion Archives](http://groups.google.com/group/jquery-en) - * [jQuery Dev List Archives](http://groups.google.com/group/jquery-dev) - * [jQuery UI General Discussion Archives](http://groups.google.com/group/jquery-ui) - * [jQuery UI Dev List Archives](http://groups.google.com/group/jquery-ui-dev) - * [jQuery Plugins List Archives](http://groups.google.com/group/jquery-plugins) +1. Resmi mail listesi arşivi: + * [jQuery Genel Tartışma Arşivi](http://groups.google.com/group/jquery-en) + * [jQuery Geliştirici Listesi Arşiv](http://groups.google.com/group/jquery-dev) + * [jQuery Kullanıcı Arabirimi Genel Tartışma Arşivi](http://groups.google.com/group/jquery-ui) + * [jQuery Kullanıcı Arabirimi Geliştirici Listesi Arşivi](http://groups.google.com/group/jquery-ui-dev) + * [jQuery Eklenti Listesi Arşivi](http://groups.google.com/group/jquery-plugins) -2. Also, an interactive, browsable version of the General Discussion mailing list can be found on [Nabble](http://jquery.10927.n7.nabble.com/jQuery-General-Discussion-f3.html) (a forum-like mailing list mirror). +2. Ayrıca interaktif genel tartışma mail listesine ait göz atılabilir versiyonu: [Nabble](http://jquery.10927.n7.nabble.com/jQuery-General-Discussion-f3.html) (Bir forum tarzında). -### Chat / IRC Channel +### Sohbet / IRC Kanalı -jQuery also has a very active IRC channel, `#jquery`, hosted by [freenode](http://freenode.net/). +jQuery oldukça aktif bir IRC Kanalına sahip, `#jquery`, hosted by [freenode](http://freenode.net/). -The IRC Channel is best if you need quick help with any of the following: +Aşağıda yer alan konular ile ilgili acil bir çözüme ihtiyacınız var ise IRC Kanalı en iyi çözüm: * JavaScript -* jQuery syntax -* Problem solving -* Strange bugs +* jQuery söz dizimi +* Problem çözümü +* Garip hatalar -If your problem is more in-depth, we may ask you to post to the mailing list, or the bug tracker, so that we can help you in a more-suitable environment. +Eğer problem daha derinlemesine ise, biz soruyu mail listelerinde yayınlayabilir, daha uygun bir ortamda yardımcı olabiliriz. -####Connect info: +####Bağlantı Bilgileri: **Server:** irc.freenode.net **Room:** `#jquery` -You can also connect at http://webchat.freenode.net/?channels=#jquery. +Ayrıca bu linkten bağlanabilirsiniz: http://webchat.freenode.net/?channels=#jquery. -Additionally we have `#jquery-es` and `#jquery-de` if you want to speak your native language. +Eğer anadilinizde konuşmak istiyorsanız bizim `#jquery-es` ve `#jquery-de` dil seçeneklerimizde mevcut. -If you wish to post code snippets to the channel, you should use a paste site, like [jsfiddle.net](http://jsfiddle.net/) or [jsbin.com](http://jsbin.com/) +Eğer bir kod parçası paylaşmak istiyorsanız bu siteleri kullanıp linkini paylaşabilirsiniz. [jsfiddle.net](http://jsfiddle.net/) or [jsbin.com](http://jsbin.com/) ### StackOverflow -There is an active and well-informed support community at [StackOverflow](http://stackoverflow.com/questions/tagged/jquery). You can likely find an answer for whatever issue you're experiencing. If your question isn't addressed, you can ask a new question and often receive a quick response. +Aktif ve bilinçli bir topluluğa ulaşmak için [StackOverflow](http://stackoverflow.com/questions/tagged/jquery). Karşılaştığınız herhangi bir sorun karşısında cevabı bulabilirsiniz. Eğer aradığınız cevap mevcut değilse yeni bir soru açabilirsiniz. Cevap çok geçmeden gelecektir. From 9b3778391e72cc4bd99e32aaaf1a5c9599d00db2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Wed, 20 Aug 2014 10:33:51 +0300 Subject: [PATCH 03/15] translated additional-support --- page/about-jquery/additional-support.md | 1 + 1 file changed, 1 insertion(+) diff --git a/page/about-jquery/additional-support.md b/page/about-jquery/additional-support.md index 6f23b332..8825f65d 100644 --- a/page/about-jquery/additional-support.md +++ b/page/about-jquery/additional-support.md @@ -75,6 +75,7 @@ Aşağıda yer alan konular ile ilgili acil bir çözüme ihtiyacınız var ise Eğer problem daha derinlemesine ise, biz soruyu mail listelerinde yayınlayabilir, daha uygun bir ortamda yardımcı olabiliriz. + ####Bağlantı Bilgileri: **Server:** irc.freenode.net From 9784a94cfb59dc9c41ba42159194430dfecc09b4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Wed, 20 Aug 2014 15:28:58 +0300 Subject: [PATCH 04/15] fixed some wrongs --- page/about-jquery/additional-support.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/page/about-jquery/additional-support.md b/page/about-jquery/additional-support.md index 8825f65d..744c5ea7 100644 --- a/page/about-jquery/additional-support.md +++ b/page/about-jquery/additional-support.md @@ -1,5 +1,5 @@ --- -Başlık : Ek jQuery Desteği +title : Ek jQuery Desteği --- Biz en çok kullanılan ve bahsi geçen jQuery konularını kapsamasını umut ederken, bazı durumlarda yetersiz kalması veya acil bir çözüm süreci gerektirmesi halinde aşağıda yer alan kaynaklar yararlı olabilir. From 80ee7b75038b997410d39b560250bf7d88ca29c3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?H=C3=BCseyin=20Mert?= Date: Wed, 20 Aug 2014 15:40:53 +0300 Subject: [PATCH 05/15] arrays #1 --- page/javascript-101/arrays.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/page/javascript-101/arrays.md b/page/javascript-101/arrays.md index af86d78c..99073f1b 100644 --- a/page/javascript-101/arrays.md +++ b/page/javascript-101/arrays.md @@ -3,7 +3,7 @@ title: Arrays level: beginner source: http://jqfundamentals.com/legacy attribution: - - jQuery Fundamentals + - jQuery Temelleri --- Arrays are zero-indexed, ordered lists of values. They are a handy way to store a set of related items of the same type (such as strings), though in reality, an array can include multiple types of items, including other arrays. From ff91fe4a78a565c76e86cbd11ca35fe90efc2c79 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?H=C3=BCseyin=20Mert?= Date: Wed, 20 Aug 2014 15:53:06 +0300 Subject: [PATCH 06/15] =?UTF-8?q?yar=C4=B1s=C4=B1=20bitti=20#11?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 30 ++++++++++++++++++------------ 1 file changed, 18 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index 868f777a..4a92af1c 100755 --- a/README.md +++ b/README.md @@ -1,27 +1,33 @@ -# The jQuery Learning Site +# jQuery Öğren -* Primary Domain: [http://learn.jquery.com](http://learn.jquery.com) -* Staging Domain: [http://stage.learn.jquery.com](http://stage.learn.jquery.com) +_İnglizce_ +* Stabil : [http://learn.jquery.com](http://learn.jquery.com) +* Gelişirme: [http://stage.learn.jquery.com](http://stage.learn.jquery.com) -## About +_Türkçe_ +* Stabil : [http://learn.jquery.com](http://learn.jquery.com) +* Gelişirme: [http://stage.learn.jquery.com](http://stage.learn.jquery.com) -The goal of this site is twofold: -1. To serve as a central, trustworthy, narrative compendium of information about how to use jQuery and JavaScript. -2. To remain a timely, vibrant, and community-driven reference with a relatively low barrier to contribution. +## Hakkında -Much of the initial content - and spirit - comes from [jQuery Fundamentals](http://jqfundamentals.com/legacy), an open-source book about jQuery, originally written by [Rebecca Murphey](http://www.rmurphey.com/) and released in 2010. In 2011, Rebecca [bequeathed the book](http://rmurphey.com/blog/2011/03/17/the-future-of-jquery-fundamentals-and-a-confession/) unto the jQuery Foundation to serve as the basis for this site. +Bu sitenin iki amacı var: +1. jQuery ve JavaScript'in nasıl kullanıldığı hakkında merkezi, güvenilir, doyurucu bilgiler vermek. +2. Güncel, enerjik ve topluluk tarafından sürdürülen referans kaynak olmak. -## How This Site Works +İçeriğin çoğu - ve ruhu - [jQuery Fundamentals](http://jqfundamentals.com/legacy) üzerinden gelmekte, bir açık kaynak kitap olan, [Rebecca Murphey](http://www.rmurphey.com/) tarafından yazılıp and 2010 yılında yayınlanmıştır. 2011'de, Rebecca [bequeathed the book](http://rmurphey.com/blog/2011/03/17/the-future-of-jquery-fundamentals-and-a-confession/) jQuery Derneğine bu sitenin temellerini ve eğitim içerikleri olması için bağışlamıştır. -This site's core content consists of [Markdown](http://daringfireball.net/projects/markdown/) files. The template that controls the site's appearance is a [child theme](https://github.com/jquery/jquery-wp-content/tree/master/themes/learn.jquery.com) of [jquery-wp-content](https://github.com/jquery/jquery-wp-content), and any issues with the presentation should be directed to [that repository](https://github.com/jquery/jquery-wp-content). -### Site Organization +## Bu site nasıl çalışıyor + +Sitenin bütün içeriği [Markdown](http://daringfireball.net/projects/markdown/) dosyalarından oluşuyor. Siteyi bir wordpress türevi olan [jquery-wp-content](https://github.com/jquery/jquery-wp-content)'nin [alt teması](https://github.com/jquery/jquery-wp-content/tree/master/themes/learn.jquery.com) sunuyor. Eğer bu konuda bir öneriniz olursa lütfen çekinmeyin [that repository](https://github.com/jquery/jquery-wp-content). + +### Site Organizasyonu All of the content lives inside of the subdirectories of the `page` directory. Each of these subdirectories is considered a **chapter**, and contains one or more **articles**, and there is also a top level file that corresponds to each chapter, which contains the chapter's human-readable title and an overview, which will appear on the chapter's landing page. -The [`order.yml`](https://github.com/jquery/learn.jquery.com/blob/master/order.yml) file controls the order that chapters and articles appear in the site. +The [`order.yml`](https://github.com/okulbilisim/learn.jquery.com/blob/master/order.yml) file controls the order that chapters and articles appear in the site. ### YAML Conventions From 6aeb3f6b6e20cb1da68154bd7541f8f2b5980ccb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Thu, 21 Aug 2014 21:20:57 +0300 Subject: [PATCH 07/15] Update triggering-event-handlers.md --- page/events/triggering-event-handlers.md | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) diff --git a/page/events/triggering-event-handlers.md b/page/events/triggering-event-handlers.md index b4a55a0b..78249025 100644 --- a/page/events/triggering-event-handlers.md +++ b/page/events/triggering-event-handlers.md @@ -1,28 +1,25 @@ --- -title : Triggering Event Handlers -level: intermediate +title : Olay işleyicileri tetikleme +level: orta source: http://jqfundamentals.com/legacy attribution: - - jQuery Fundamentals + - jQuery Temelleri --- -jQuery provides a way to trigger the event handlers bound to an element without any user interaction via the -`.trigger()` method. +jQuery kullanıcıyla bir etkileşim sağlamadan bir öğeye bağlı olay işleyicileri tetiklemek için bir yol sağlar. +`.trigger()` yöntemi. -## What handlers can be .trigger()'d? +## Hangi işleyiciler .trigger() olabilir? -jQuery's event handling system is a layer on top of native browser events. When an event handler is added using -`.on( "click", function() {...} )`, it can be triggered using jQuery's `.trigger( "click" )` because jQuery stores a -reference to that handler when it is originally added. Additionally, it will trigger the JavaScript inside the -`onclick` attribute. The `.trigger()` function cannot be used to mimic native browser events, such as -clicking on a file input box or an anchor tag. This is because, there is no event handler attached using jQuery's -event system that corresponds to these events. +JQuery olay işleme sistemi yerli tarayıcı olayları için üst bir tabakadır. Bir olay işleyicisi kullanılarak `.on( "click", function() {...} )` eklendiğinde, bu jQuery'e ait `.trigger( "click" )` ile tetiklenebilir çünkü orjinal olarak ilave edildiği zaman, jQuery işleyicisi bu referansı depolar. + +Ayrıca, bu JavaScript içinde yer alan `onclick` elementini de tetikleyecektir. `.trigger()` fonksiyonu yerel tarayıcıyı taklit etmek için kullanılamaz, bir dosya giriş kutusunu veya bir tutturucu etiketi tıklamak gibi. Bunun nedeni, burada bu olaylara karşılık jQuery olay sistemini kullanacak bağlı bir olay işleyicisi yoktur. ``` Learn jQuery ``` ``` -// This will not change the current page +// Bu işlem geçerli sayfanızı değiştirmeyecektir. $( "a" ).trigger( "click" ); ``` From 2a909db4198271b701fbe688212b73fcd261acc0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Fri, 22 Aug 2014 09:34:16 +0300 Subject: [PATCH 08/15] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4a92af1c..e7db6385 100755 --- a/README.md +++ b/README.md @@ -25,7 +25,7 @@ Sitenin bütün içeriği [Markdown](http://daringfireball.net/projects/markdown ### Site Organizasyonu -All of the content lives inside of the subdirectories of the `page` directory. Each of these subdirectories is considered a **chapter**, and contains one or more **articles**, and there is also a top level file that corresponds to each chapter, which contains the chapter's human-readable title and an overview, which will appear on the chapter's landing page. +Tüm içerikler `page` dizini altında yer almaktadır. Each of these subdirectories is considered a **chapter**, and contains one or more **articles**, and there is also a top level file that corresponds to each chapter, which contains the chapter's human-readable title and an overview, which will appear on the chapter's landing page. The [`order.yml`](https://github.com/okulbilisim/learn.jquery.com/blob/master/order.yml) file controls the order that chapters and articles appear in the site. From 364e3d36dbea94d17b14d6216c0eeb1dc7eff28d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Thu, 28 Aug 2014 21:25:09 +0300 Subject: [PATCH 09/15] Update README.md --- README.md | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index e7db6385..9f6f73c1 100755 --- a/README.md +++ b/README.md @@ -25,33 +25,33 @@ Sitenin bütün içeriği [Markdown](http://daringfireball.net/projects/markdown ### Site Organizasyonu -Tüm içerikler `page` dizini altında yer almaktadır. Each of these subdirectories is considered a **chapter**, and contains one or more **articles**, and there is also a top level file that corresponds to each chapter, which contains the chapter's human-readable title and an overview, which will appear on the chapter's landing page. +Tüm içerikler `page` dizini altında yer almaktadır. `page` dizini altında yer alan dosyaların her biri bir **konu** olarak kabul edilir ve bir çok **makaleyi** içinde bulundurur. Ayrıca bu durum üst düzey dosyalar içinde geçerlidir. Her konu dizininde insanlar tarafından okunabilir konu başlıkları ve kısa bir özeti mevcuttur. Bu konu başlıkları açılış sayfasında görünecek başlıkları oluşturmuş olur. -The [`order.yml`](https://github.com/okulbilisim/learn.jquery.com/blob/master/order.yml) file controls the order that chapters and articles appear in the site. +[`order.yml`](https://github.com/okulbilisim/learn.jquery.com/blob/master/order.yml) dosyası bölümleri ve makaleleri sitede görünen dosya sırasını kontrol eder. -### YAML Conventions +### YAML Kuralları -Each of the articles on the site has some YAML "Front Matter" that contains metadata. All articles should include the following: +Makalelerde bir karmaşa olamaması için belli standartlar getirilmiştir. Bir makalede olması gereken şartlar şunlardır. -* `title` - The title of the article as it will appear in the site. If it contains special characters, put the string in quotes. +* `title` - Sayfada makale başlığı olarak çıkacak olan kısımdır. Özel karakter içeriyor ise tırnak işareti kullanılmalıdır. -`title: "jQuery Event Extensions"` +`title: "jQuery Olay Uzantıları"` -* `level` - The approximate level of jQuery experience required to find the article useful. Options: `beginner`, `intermediate`, or `advanced`. +* `level` - Makalelerin anlaşılabilmesi için gerekli olan bilgi seviyelerini belirterek okuyucunun faydalı makaleye yönelmesini sağlamak için kullanılır. Örnek olarak: `başlangıç`, `orta`, or `ileri`. -`level: advanced` +`level: ileri` -## Building & Working Locally +## Building & Yerel Ağ Üzerinde Çalışma -As this site is part of the jQuery network of sites, its presentation is controlled by [jquery-wp-content](https://github.com/jquery/jquery-wp-content). To preview the site locally, first follow the [instructions there](https://github.com/jquery/jquery-wp-content) to set up a local version of the jQuery WordPress network. Then, clone this repo and run the following steps (node.js required). +Bu site jQuery ağının bir sitesidir ve [jquery-wp-content](https://github.com/jquery/jquery-wp-content) tarafından kontrol edilir. Yerel ağ üzerinde çalışmak için ilk olarak jQuery Wordpress ağı kurulur. [başlangıç](https://github.com/jquery/jquery-wp-content) Sonra, repo klonlanır ve aşağıda yer alan adımlar takip edilir. (node.js gereklidir.). 1. `npm install` 2. `cp config-sample.json config.json` -3. Edit config.json to use the username and password for your local WordPress network +3. config.json dosyası yerel ağ üzerinde çalışacak wordpress ağı için kullanıcı adı ve şifre düzeltilir. 4. `grunt` -## How Can I Help? +## Nasıl yardımcı olabilirim? -We encourage contribution from anyone. For more comprehensive documentation on how to get involved, please read our [contributing guide](http://learn.jquery.com/contributing). +Herkes learn.jquery.com'a yardımcı olabilir. Daha kapsamlı belgelerle katkı sağlamak için lütfen [katkıda bulunma rehberini](http://learn.jquery.com/contributing) okuyunuz. From 32b1a6d1bd07f5d5d1e7cb25282ca2af6d3ce6cd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Thu, 28 Aug 2014 21:26:21 +0300 Subject: [PATCH 10/15] =?UTF-8?q?readme.md=20=C3=A7eviri=20tamamland=C4=B1?= =?UTF-8?q?.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9f6f73c1..431a717f 100755 --- a/README.md +++ b/README.md @@ -43,7 +43,7 @@ Makalelerde bir karmaşa olamaması için belli standartlar getirilmiştir. Bir `level: ileri` -## Building & Yerel Ağ Üzerinde Çalışma +## Kurulum ve Yerel Ağ Üzerinde Çalışma Bu site jQuery ağının bir sitesidir ve [jquery-wp-content](https://github.com/jquery/jquery-wp-content) tarafından kontrol edilir. Yerel ağ üzerinde çalışmak için ilk olarak jQuery Wordpress ağı kurulur. [başlangıç](https://github.com/jquery/jquery-wp-content) Sonra, repo klonlanır ve aşağıda yer alan adımlar takip edilir. (node.js gereklidir.). From 4575e9ae384851e8a729a86bc5a018f52b481d05 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Fri, 29 Aug 2014 11:49:29 +0300 Subject: [PATCH 11/15] =?UTF-8?q?yar=C4=B1s=C4=B1=20bitti?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- page/about-jquery/how-jquery-works.md | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/page/about-jquery/how-jquery-works.md b/page/about-jquery/how-jquery-works.md index 5b8dfa00..19ccb8ef 100644 --- a/page/about-jquery/how-jquery-works.md +++ b/page/about-jquery/how-jquery-works.md @@ -1,11 +1,11 @@ --- -title : How jQuery Works -level: beginner +title : jQuery Nasıl Çalışır? +level: başlangıç --- -### jQuery: The Basics +### jQuery Temelleri -This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page setup yet, start by creating the following HTML page: +Bu basit bir giriş seviyesi dökümanı olup size başlangıç için yardımcı olması için tasarlanmıştır. Eğer henüz sayfa yükleyiciyi test etmediyseniz, HTML sayfayı oluşturarak başlayabilirsiniz: ``` @@ -19,46 +19,46 @@ This is a basic tutorial, designed to help you get started using jQuery. If you ``` -The `src` attribute in the `` element must point to a copy of jQuery. Download a copy of jQuery from the [Downloading jQuery](http://jquery.com/download/) page and store the `jquery.js` file in the same directory as your HTML file. +`src` yapısı `` elementinin jQuery kopyasını oluşturmasını sağlar. jQuery kopyasını [buradan](http://jquery.com/download/) indirebilirsiniz. -### Launching Code on Document Ready +### Hazır Döküman Üzerinde Kod Çalıştırma -To ensure that their code runs after the browser finishes loading the document, many JavaScript programmers wrap their code in an `onload` function: +Tarayıcının yüklemesi bittikten sonra bir çok JavaScript programcısı kodlarını `onload` fonksiyonu ile sarmalar: ``` window.onload = function() { - alert( "welcome" ); + alert( "Hoş Geldiniz!" ); } ``` -Unfortunately, the code doesn't run until all images are finished downloading, including banner ads. To run code as soon as the document is ready to be manipulated, jQuery has a statement known as the [ready event](http://api.jquery.com/ready/): +Ne yazık ki kod tüm resimleri ve reklamları indirme işlemini bitirmeden çalışmayacaktır. Dökümantasyon işlenir işlenmez kod çalışır. Bunun için jQuery [ready event](http://api.jquery.com/ready/) olarak bilinen bir yapıya sahiptir: ``` $( document ).ready(function() { - // Your code here. + // Kodlar buraya yazılacak. }); ``` -For example, inside the `ready` event, you can add a click handler to the link: +Örnek olarak, `ready` olayında, linke bir handler(işleyici) verilebilir: ``` $( document ).ready(function() { $( "a" ).click(function( event ) { - alert( "Thanks for visiting!" ); + alert( "Sitemizi ziyaret ettiğiniz için teşekkür ederiz!" ); }); From 4a773d93298d130860860eebd7a7f4ae276a27e7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Fri, 29 Aug 2014 16:15:29 +0300 Subject: [PATCH 12/15] =?UTF-8?q?how-jquery-works=20yar=C4=B1s=C4=B1=20?= =?UTF-8?q?=C3=A7evrildi?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- page/about-jquery/how-jquery-works.md | 1 - 1 file changed, 1 deletion(-) diff --git a/page/about-jquery/how-jquery-works.md b/page/about-jquery/how-jquery-works.md index 19ccb8ef..5d42ba11 100644 --- a/page/about-jquery/how-jquery-works.md +++ b/page/about-jquery/how-jquery-works.md @@ -4,7 +4,6 @@ level: başlangıç --- ### jQuery Temelleri - Bu basit bir giriş seviyesi dökümanı olup size başlangıç için yardımcı olması için tasarlanmıştır. Eğer henüz sayfa yükleyiciyi test etmediyseniz, HTML sayfayı oluşturarak başlayabilirsiniz: ``` From 23570fb751b2c074cd8ba430a04b9674189db3f0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Sun, 31 Aug 2014 19:41:37 +0300 Subject: [PATCH 13/15] Update how-jquery-works.md --- page/about-jquery/how-jquery-works.md | 46 ++++++++++++++------------- 1 file changed, 24 insertions(+), 22 deletions(-) diff --git a/page/about-jquery/how-jquery-works.md b/page/about-jquery/how-jquery-works.md index 5d42ba11..33441469 100644 --- a/page/about-jquery/how-jquery-works.md +++ b/page/about-jquery/how-jquery-works.md @@ -64,16 +64,16 @@ $( document ).ready(function() { }); ``` -Save your HTML file and reload the test page in your browser. Clicking the link should now first display an alert pop-up, then continue with the default behavior of navigating to http://jquery.com. +HTML sayfanızı kaydedip tarayıcınızda test sayfasını tekrar yükleyiniz. Linke tıkladıktan sonra ilk olarak bir uyarı penceresi görüntülenecek daha sonra ise varsayılan görünüm ile http://jquery.com için devam edebilirsiniz. -For `click` and most other [events](http://api.jquery.com/category/events/), you can prevent the default behavior by calling `event.preventDefault()` in the event handler: +`click` ve daha bir çok olay için [buraya](http://api.jquery.com/category/events/) göz atabilirsiniz. Ayrıca eğer istenirse varsayılan davranış olay işletici içinde `event.preventDefault()` ile önlenebilir. ``` $( document ).ready(function() { $( "a" ).click(function( event ) { - alert( "As you can see, the link no longer took you to jquery.com" ); + alert( "Göründüğü gibi link artık jquery.com görünümünü aldı." ); event.preventDefault(); @@ -82,16 +82,16 @@ $( document ).ready(function() { }); ``` -### Complete Example +### Örneği Tamamlama -The following example illustrates the click handling code discussed above, embedded directly in the HTML ``. Note that in practice, it is usually better to place your code in a separate JS file and load it on the page with a `` element's `src` attribute. +Aşağıda yer alan örnek yukarıda tartışılan HTML `` içinde yer alan click olayını göstermektedir. Unutulmaması gerek önemli bir nokta ise JavaScript kodunu ayrı bir sayfaya yazıp daha sonra `` elementine ait `src` özelliğiyle yazmak daha iyi bir yöntemdir. ``` - Demo + Deneme jQuery @@ -100,7 +100,7 @@ The following example illustrates the click handling code discussed above, embed $( document ).ready(function() { $( "a" ).click(function( event ) { - alert( "The link will no longer take you to jquery.com" ); + alert( "Bağlantı artık jquery.com üzerinde görüntülenecektir." ); event.preventDefault(); }); }); @@ -110,13 +110,13 @@ The following example illustrates the click handling code discussed above, embed ``` -### Adding and Removing an HTML Class +### Bir HTML Sınıfı Ekleme ve Çıkarma İşlemi -**Important:** *You must place the remaining jQuery examples inside the `ready` event so that your code executes when the document is ready to be worked on.* +**Önemli:** *`ready` olayı içinde yer alan JQuery örnekleri yerleştirilmelidir. Bu sayede döküman üzerinde çalışmaya hazır olduğunda yazılan kod yürütülmüş olacaktır.* -Another common task is adding or removing a class. +Başka bir ortak görev sınıf ekleme veya çıkarmaktır. -First, add some style information into the `` of the document, like this: +Öncelikle, `` dökümanı içine stil dosyaları ekleyin: ``` ``` -Next, add the [.addClass()](http://api.jquery.com/addClass/) call to the script: +Daha sonra, scripti [.addClass()](http://api.jquery.com/addClass/) ile çağırın: ``` $( "a" ).addClass( "test" ); ``` -All `` elements are now bold. +Tüm `` elementleri kalın puntolu olacaktır. -To remove an existing class, use [.removeClass()](http://api.jquery.com/removeClass/): +Var olan bir sınıfı kaldırmak için [.removeClass()](http://api.jquery.com/removeClass/) kullanılır: ``` $( "a" ).removeClass( "test" ); ``` -### Special Effects +### Özel Efektler -jQuery also provides some handy [effects](http://api.jquery.com/category/effects/) to help you make your web sites stand out. For example, if you create a click handler of: +jQuery sayfaların göze çarpması için bazı kullanışlı [efektler](http://api.jquery.com/category/effects/) sunmaktadır. Örnek olarak, bir tıklama işleyicisi oluşturmak için aşağıda yer alan kod kullanılabilir: ``` $( "a" ).click(function( event ) { @@ -154,17 +154,19 @@ $( "a" ).click(function( event ) { }); ``` -Then the link slowly disappears when clicked. +Link tıklandığı zaman yavaş yavaş kaybolacaktır. + +## Callback(Geri Bildirimler) ve Fonksiyonlar -## Callbacks and Functions +Diğer bir çok programlama dilinden farklı olarak JavaScript fonksiyonların serbestçe hareket etmesini ve daha sonraki bir zamanda çalıştırılmasına olanak sağlar. -Unlike many other programming languages, JavaScript enables you to freely pass functions around to be executed at a later time. A *callback* is a function that is passed as an argument to another function and is executed after its parent function has completed. Callbacks are special because they patiently wait to execute until their parent finishes. Meanwhile, the browser can be executing other functions or doing all sorts of other work. +Bir *callbacks(geri bildirimler)* fonksiyon olarak başka bir yere argüman olarak gönderilir. Ana fonksiyon tamamlandıktan sonra yürütülür. Callbacks(geri bildirimler) özeldir çünkü onlar ana fonksiyonların görevlerini bitirmelerini sabırla beklerler. Bu arada tarayıcı geri kalan işleri yapabilir potansiyele sahiptir. -To use callbacks, it is important to know how to pass them into their parent function. +Callbacks(Geri bildirimleri) kullanmak için, nasıl ana fonksiyona geçileceğini bilmek önemlidir. -### Callback *without* Arguments +### Callback(Geri Bildirim) *olmadan* Bağımsız Değişkenler -If a callback has no arguments, you can pass it in like this: +EĞer callback hiç bir argümana sahip değilse, aşağıdaki gibi geçilebilir: ``` $.get( "myhtmlpage.html", myCallBack ); From 3bbc4fdded7b851bff9b6878f2027d22d4f89674 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Sun, 31 Aug 2014 20:10:26 +0300 Subject: [PATCH 14/15] Update how-jquery-works.md --- page/about-jquery/how-jquery-works.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/page/about-jquery/how-jquery-works.md b/page/about-jquery/how-jquery-works.md index 33441469..0fa5770f 100644 --- a/page/about-jquery/how-jquery-works.md +++ b/page/about-jquery/how-jquery-works.md @@ -172,26 +172,26 @@ EĞer callback hiç bir argümana sahip değilse, aşağıdaki gibi geçilebilir $.get( "myhtmlpage.html", myCallBack ); ``` -When [$.get()](http://api.jquery.com/jQuery.get/) finishes getting the page `myhtmlpage.html`, it executes the `myCallBack()` function. +[$.get()](http://api.jquery.com/jQuery.get/) `myhtmlpage.html`'i getirmeyi bitirdiği zaman, o `myCallBack()` fonksiyonunu çalıştırır. -* **Note:** The second parameter here is simply the function name (but *not* as a string, and without parentheses). +* **NOT:** İkinci parametre sadece fonksiyon ismidir.(String ve parantezsiz değildir.). -### Callback *with* Arguments +### Bağımsız Değişkenler ile Callback(Geri Bildirim) -Executing callbacks with arguments can be tricky. +Argümanlar ile callback çalıştırılması yanıltıcı olabilir. -#### Wrong -This code example will ***not*** work: +#### Yanlış +Bu kod ***çalışmayacaktır***: ``` $.get( "myhtmlpage.html", myCallBack( param1, param2 ) ); ``` -The reason this fails is that the code executes `myCallBack( param1, param2 )` immediately and then passes `myCallBack()`'s *return value* as the second parameter to `$.get()`. We actually want to pass the function `myCallBack()`, not `myCallBack( param1, param2 )`'s return value (which might or might not be a function). So, how to pass in `myCallBack()` *and* include its arguments? +Bu hatanın nedeni kod `$.get()` için ikinci parametre olarak `myCallBack( param1, param2 )` hemen ardından `myCallBack()`'e ait *değer dönderir* . Bizim aslında istediğimiz `myCallBack()` fonksiyonunu geçmek,`myCallBack( param1, param2 )`'e ait dönüş değerine değil. (ki fonksiyon olabilirde olamayabilirde). Peki nasıl `myCallBack()`e geçilir *ve* onun argümanlarını içerir? -#### Right +#### Doğru -To defer executing `myCallBack()` with its parameters, you can use an anonymous function as a wrapper. Note the use of `function() {`. The anonymous function does exactly one thing: calls `myCallBack()`, with the values of `param1` and `param2`. +`myCallBack()`fonksiyonunu parametrelerle ertelenir ve sarmalayıcı olarak bir anonim fonksiyon kullanılabilir. Note the use of `function() {`. The anonymous function does exactly one thing: calls `myCallBack()`, with the values of `param1` and `param2`. ``` $.get( "myhtmlpage.html", function() { From b6606dc966360e52f6aa70188bbcc9b362adc38a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Ta=C5=9Fc=C4=B1?= Date: Sun, 31 Aug 2014 20:31:21 +0300 Subject: [PATCH 15/15] =?UTF-8?q?how-jquery-works=20=C3=A7eviri=20tamamlan?= =?UTF-8?q?d=C4=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- page/about-jquery/how-jquery-works.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/page/about-jquery/how-jquery-works.md b/page/about-jquery/how-jquery-works.md index 0fa5770f..74fba1eb 100644 --- a/page/about-jquery/how-jquery-works.md +++ b/page/about-jquery/how-jquery-works.md @@ -191,7 +191,7 @@ Bu hatanın nedeni kod `$.get()` için ikinci parametre olarak `myCallBack( para #### Doğru -`myCallBack()`fonksiyonunu parametrelerle ertelenir ve sarmalayıcı olarak bir anonim fonksiyon kullanılabilir. Note the use of `function() {`. The anonymous function does exactly one thing: calls `myCallBack()`, with the values of `param1` and `param2`. +`myCallBack()`fonksiyonunu parametrelerle ertelenir ve sarmalayıcı olarak bir anonim fonksiyon kullanılabilir.`function() {` kullanımına dikkat edilmelidir. Anonim fonksiyon tam olarak bir şey yapar: `param1` ve `param2` ile `myCallBack()` fonksiyonunu çağırır. ``` $.get( "myhtmlpage.html", function() { @@ -201,4 +201,4 @@ $.get( "myhtmlpage.html", function() { }); ``` -When `$.get()` finishes getting the page `myhtmlpage.html`, it executes the anonymous function, which executes `myCallBack( param1, param2 )`. +`$.get()` `myhtmlpage.html` işlemini bitirdiği zaman, o `myCallBack( param1, param2 )` çalıştıran anonim fonksiyonu çalıştırır.