[JavaScript][CoffeeScript] Degisken/Fonksiyon Etki Alanlari

JavaScript'te alisilmisin disinda -PHP'nin disinda!- bir etki alani prensibi mevcut. Ust seviyede tanimlamis oldudugunuz bir degisken ya da fonksiyona asagi seviyelerden ulasabilirsiniz. Alt seviyeden ust seviyeye ise hayir. (Yani bunun yontemleri var ancak konuyla alakali olmadigindan dolayi pas geciyorum.)

Beni bu arastirmaya iten "CoffeeScript'teki -> ile => arasindaki farkin nedenir nedir?" sorusuydu. Sorunun cevabi yukaridaki bilginin varligindan haberi olan kisiler icin gayet net olarak dokumante edilmis CoffeeScript tarafindan. Durumu aciklamaya calisalim:

	$('#menu a').click(function(event)
	{
	// $(this)
	// Bize '#menu a'ya ait tiklanmis olan elementi gosterecektir.
	$('#menu li').each(function(index)
	{
	// $(this)
	// Bize '#menu li'ye ait elementleri isaret edecektir.
	});
	});

view raw 1_scope.js hosted with ❤ by GitHub

Peki ya yukaridaki gibi bir kodlamada ust seviyedeki elementi secmek istersek? Ki buyuk ihtimalle oyle bir seye ihtiyaciiz olacaktir. Oyleyse asagidaki gibi yapip baska bir degiskene atamak gerekli, referans gosterip elbette.

	$('#menu a').click(function(event)
	{
	$me = $(this);
	$('#menu li').each(function(index)
	{
	// $(this)
	// Bize '#menu li'ye ait elementleri isaret edecektir.
	//$me
	// Bize '#menu a'ya ait tiklanmis olan elementi gosterecektir.
	});
	});

view raw 2_scope.js hosted with ❤ by GitHub

Islem bu kadar. Simdi gelelim bunun CoffeeScript ile olan iliskisine:

CoffeeScript ile calisiyorken nesne tabanli calismak zorunda hissediyorsunuz kendinizi, "class" etiketini gordukten sonra, ehehe. Elbette boyle bir durumda this kelimesi sizin icin gerekli oluyor, gerci bu ornekte sinif tanimlanmiyor ancak yine de ilintili. Lafi da  fazla uzatmadan CoffeeScript'in kendi ornegi uzerinden olayi aciklamak istiyorum:

	Account = (customer, cart) ->
	@customer = customer
	@cart = cart
	$('.shopping_cart').bind 'click', (event) ->
	# Burada @ bize bind'in icerisindeki 'this'e yonlendirecek,
	# haliyle asagidaki degiskenler hata verecektir. Cunku
	# bind'in icerisinde bunlar tanimli degil!
	@customer.purchase @cart

view raw 3_scope.coffee hosted with ❤ by GitHub

Sorun kendini bellli ettigine gore cozumune de asagidan ulasabilirsiniz:

	Account = (customer, cart) ->
	@customer = customer
	@cart = cart
	$('.shopping_cart').bind 'click', (event) =>
	# -> yerine => kullandiktan sonra CoffeeScript artik @ 'i
	# kullandigimizda bind'e degil, sinifin kendisine atif yapacaktir.
	# yani artik degiskenlerimiz sinifta tanimli oldguklarindan dolayi
	# artik erisilebilir durumda olacaktirlar.
	@customer.purchase @cart
	# Peki ya burada bind'in kendisine atif yapmak icin ne gerekli?
	# Uzuuun uzun 'this' yazilmasi gerekli. Biliyorum Coffee'nin
	# kisa sozdizimine alistiktan sonra buyuk bir zulum bu ancak
	# mecburiyet... :)

view raw 4_scope.coffee hosted with ❤ by GitHub

Bu kadar... :)

[NodeJS][Ipucu] npm Paketlerini Global Olarak Yuklemek

CoffeeScript, underscore gibi bazi paketler her projede (daha dogrusu bir projeden de bagimsiz her yerde) gerekli olarbilir. Boylesi durumlarda "Yok mu bu paketleri her yerde kullanabilmenin bir yolu?!" diyebilirsiniz. Elbette var! Paketleri yuklerken tek yapmaniz gereken npm install <pkg> -g
 seklinde -gparametresinden faydalanmak.

Kaynaklar
http://blog.nodejs.org/2011/03/23/npm-1-0-global-vs-local-installation/

[Facebook API] Bir Gorusmedeki Tum Mesajlari Almak

Eger bir arkadasinila uzun sureli Facebook'tan iletisim kuruyorsaniz, ve o kisi  ile suan iletisimde degilsiniz ancak iletisime gecmek icin hos bir seyler yapmak istiyorsaniz, Facebook'ta olan guzel konusmalarinizi ona iletmek isteyebilirsiniz.

Kodlama kisisel olduguu icin, ne sintaks, ne testler hic bir sey yoktur. Sadece isinizi gorsun yeterli. :)

Oncelikle mesajlari Facebook API'si ile 30'arli gruplar halinde cekiyoruz. Sonrasinda onlari PHP tarafinda birlestiriyoruz.

	// Should run under Graph API Explorer
	SELECT thread_id, recent_authors, snippet FROM thread WHERE folder_id = 0 AND snippet = 'LAST MSG'

view raw 1_get_thread_id.fql hosted with ❤ by GitHub

	var last_page = 217;
	var current = 0;
	function fetch(){
	var xmlhttp = new XMLHttpRequest();
	xmlhttp.onreadystatechange = function () {
	if (xmlhttp.readyState == 4) {
	var msg = (xmlhttp.responseText);
	var data = new FormData();
	data.append('data', msg);
	var xhr = new XMLHttpRequest();
	xhr.open('POST', 'SOMEWHERE/fetch.php', true);
	xhr.onload = function () {
	};
	xhr.send(data);
	if (current > last_page) {
	console.log('Finished.');
	return;
	}
	current++;
	fetch();
	}
	};
	xmlhttp.open("GET", "https://graph.facebook.com/fql?q=SELECT%20author_id%2C%20body%2C%20created_time%20FROM%20message%20%0AWHERE%20thread_id%20%3D%20%271565550332685%27%20%0AORDER%20BY%20created_time%20ASC%0ALIMIT%20" + current * 30 + "%2C%2030&format=json&suppress_http_code=1&access_token=TOKEN_COMES_HERE", true);
	xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlhttp.send();
	}

view raw 2_fetch_messages.js hosted with ❤ by GitHub

	<?php
	$data = $_REQUEST['data'];
	file_put_contents(__DIR__ . '/chats2/'. microtime(true) , $data);

view raw 3_fetch.php hosted with ❤ by GitHub

	<?php
	// requies PHP5.4
	$messages = [];
	foreach (glob('chats2/*') as $file) {
	/*if (filesize($file) < 120) {
	unlink($file);
	}*/
	$data = json_decode(file_get_contents($file), true);
	$messages = array_merge($messages, $data['data']);
	}
	$time [];
	foreach ($messages as $message) {
	$author[] = $message['author_id'];
	$time[] = $message['created_time'];
	$msg[] = $message['body'];
	}
	array_multisort($time, SORT_ASC, $messages);
	foreach ($messages as $msg) {
	if ($msg['author_id'] == 'YOUR FB ID') {
	$sender = 'YOURNAME';
	}
	else {
	$sender = 'FRIENDNAME';
	}
	echo '<b>', $sender, ' </b>', '<i>', date('d.m.Y H:i', $msg['created_time']), '</i><br>', $msg['body'], '<br><br>';
	}

view raw 4_list.php hosted with ❤ by GitHub

[CoffeeScript] Watcher Shell/Command

Appends seperated .coffee files into one file, and compiles as application.js. So cool, hah?

Example structure:
-- 10_controllers
---- home.coffee
---- show.coffee
---- admin.coffee
-- 90_ui
---- home.coffee
---- show.coffee
---- admin.coffee

Example output:
Imagine all of above Coffee files in one compiled file as well as every hitting CTRL+S!

	#!/bin/sh
	clear
	echo "CoffeeScript watching you!"
	coffee -j js/application.js -wc js/

view raw coffee_watcher.sh hosted with ❤ by GitHub

AngularJS Ogreniyorum!

Uzunca zmandir kendimi pratik anlamda bir seylerde gelistirmedigimi fark ettim. Teorik bilgimin oldugu Single-Page Application'lar da zaten ne zamandir aklimda iken AngularJS'yeogrenmek uzere kollanrimi sivadim. Umuyorum ki Onumuzdeki birkac yazimda AngularJS hakinda goruslerimi yazacagim. "Neden AngularJS?" sorusuna simdilik tek cevabim "Cunku arkasinda Google var!" olacaktir. Bakalim ilerleyen asamalarda neler olacak...

Yazilar (yazilmasi plananan yazilar)

• Single-Page Applicationlarda SEO Uzerine
• AngluarJS vs. Backbone
• Ucmaya Hazirlik: AngularJS, jQuery ve CoffeeScript!