bildirgec.org

“Sosyal Kodlama ve Paylaşım Ağı” Github, içinde Javascript, PHP ,C, * ActionScript* Arc ** C Sharp* C++ * Clojur* Common Lisp * Eiffe* Emacs Lisp* Erlang* FORTRAN , Python , Visual Basic gibi programlama dilleri ile hazırlanmış projeleri saklayabileceğiniz, ve açık kaynak kodu komünitesi ile paylaşabileceğiniz bir servis. ücretsiz üyelik sisteminin de bulunduğu geniş bir ağ sunuyor.
Ücretsiz üye olmak isyenlere 300MB alan veriyor ve projelerinizi paylaşmanıza yardımcı oluyor. Siteye buradan ulaşabilirsiniz…

Sitedeki Programlama Dillerinin Dağılımı

google’ın geliştiriciler için hazılamış olduğu onlarca api ve aracı bulunmakta. Bu api ve araçlar sayesinde özellikle web projelerinize bir kaç satırlık kod ile google’ın oldukça kullanışlı servislerini ekleyebilirsiniz. Üstelik ücretsiz.
google’ın bundan kazancı ise şu: bu api ve araçlar geliştiriciler tarafından ne kadar çok kullanılırsa, google’ın interneti etkileme gücü de o derece artıyor. Bu servislerin büyük çoğunluğu aşağıda listelenmiş durumda.

servislerin isimleri (orjinal isimleri ile google’da arama yaparak daha fazla bilgiye erişebilirsiniz), linkleri, kısa açıklamaları ve bazıları ile ilgili örnek sayfa linkleri mevcut.

Bir çok dilde örneğine rastladığımız ve olmazsa olmaz bazı kolaylıklar bulunmaktadır. Bunlardan biri de dizi değişkenlerdir (arrays). Normal bir değişken ile dizi değişkeni karşılaştırmak için kutu örneğini kullanalım. Basit bir değişkeni sadece tek gözü bulunan bir kutuya benzetir isek dizi değişkeni bir çok gözü bölmesi bulunan bir kutu ile benzeştirmek doğru olur.

Bazende verilerimizi dizi değişkenlerin bölmelerine doldurmak yerine yan yana getirip aralarına bir ayırıcı işaret ekleriz. Bu şekilde saklanan veri kümelerini daha sonra belirleyici işaretten keserek değişken bölmelerine aktaran fonksiyonlar bulunmaktadır.

css’de uzman olmak üzere olduğunuzu mu hissediyorsunuz? sonraki adımınız ne olacak?

bir sonraki adımınızı planlamak, kariyeriniz için önemlidir. hepimizin bildiği gibi zaman para demektir ve zamanımızı en verimli şekilde nasıl harcayacağımız üzerine odaklanmamız gerekir.

bazıları ön-yüz geliştirmeye (front-end development) kendilerini adayıp belki de javascript yeteneklerini ilerletmeyi deneyeceklerdir. bazıları ise tasarım alanında kendilerini geliştirip photoshop ve illustrator, ya da flash gibi araçlara odaklanacaklardır.

yazımın devamında web’in ileri gelenlerinin bu alanda neler söylediklerini bulacaksınız.

chris coyier
burada sorulan “öğrenmem gereken bir sonraki şey ne olmalıdır” sorusu, soruyu soran kişi tarafından cevaplanmalıdır.

web üzerindeki her yetenek kullanışlıdır. eğer zamanınız varsa web’deki her yetenek öğrenmeye değer. genellikle üzerinde çalışmak istediğiniz bir projeniz ya da gerçeğe dönüştürmek istediğiniz bir fikriniz vardır. onu en iyi kılacak şey ne ise onu öğrenin. eğer ne yapmak istediğiniz hakkında en ufak bir fikriniz yoksa, o zaman javascript öğrenin.

www.css-tricks.com

JavaScript framework kütüphaneleri ile uygulanmış bir kaç örnek ve kodları ..
1 – Puzzel uygulaması (Online Bulmaca)

puzzel

Kaynak Konu :

JavaScript‘ler web sitelerin vazgeçilmez kaynaklarıdır. JS ile kullanıcı dostu, interaktif arayüzler oluşturulurken bu arayüzlerin tarayıcıdan (browser) tarayıcıya farklılık göstermesi, hem web site geliştiricisi hem sitenin ziyaretçisi açısından en istenilmeyen durumlardan bir tanesidir.

JavaScript’in gücü ve etkileyici yanları çeşitli açık kaynak kodlu JavaScript kütüphanesinin yazılmasını sağladı. Bu kütüphanelerden siteler için hazırlanmış, açık kaynak kodlu, görselliği etkileyici ve çeşitli tarayıcılarda testleri yapılmış ExtJS ve ExtGWT‘den bahsetmek istiyorum.

Bu JS kütüphaneleri, yüksek performans elde etmek, zengin internet uygulamaları üretmek amacıyla geliştirilmiş.

Demolarda da göreceğiniz üzerine Ajax‘sal özellikler kütüphanelerin beğeni kazanmasını sağlıyor.

Şimdi ExtJS‘den örneklere bakalım.

• ExtJS Feed Viewer (demo)
  
  ExtJS Feed Viewer

Spry nedir?
Spry adobe‘ye ait bir yeniliktir. Birkaç yerde okuduğuma göre amaç Ajax‘ı en popüler hale getirmekmiş.

DW ile Spry arasındaki bağ…
Spry bağımsız da çalışabilir ama esasında Dreamweaver (DW) ile eşleşmiş bir yazılımdır. DW CS3 ile gelen bir yenilik.

Bu yenilik şunları yapabilir:
Yazılara, linklere efekt verebilir. ŞU ADRESten spry effect’lerin adını, adına tıkladığınızda da görevinin tanıtımını görebilirsiniz.

SPRY başka ne yapar?
Hani şu genelde haber sitelerinde gördüğümüz sekme panelleri vardır. (örnek) İşte mesela onu pratik bir şekilde oluşturabilir ve düzenleyebilir.
Ya da mesela menüler vardır ki bu menüler; alt menüleri de olan dinamik menülerdir. (örnek) işte bunu da yapabilir. (Spry ile sadece 3. alt menüye kadar inebiliyorsunuz.)

Spry’leri birleştirip örnek olarak bakın adobe bize neler yapmış…
1) Foto Galeri yapmış. (kaynak kodları) (tanıtımı)
2) Dinamik Form yapmış. (kaynak kodları) (tanıtımı)
3) Diğerleri de BURADA.

Siz de Spry özelliğini kullanarak bu tip scriptler yazabilirsiniz. Bu upload scriptti olabilir, fotograf galerisi olabilir artık arz-talep meselesi…

Javascriptte kullanılan parseInt fonksiyonunun ilginç bir özelliğini anlatıcam.
parseInt(‘sayı’) şeklinde kullanılan bir fonksiyondur.içerisine herhangi bir değer alıp onu integere çeviriyor. parseInt() fonksiyonuna bazı değerler verip çıkan sonuçları aşağıda göstericem.

parseInt(01)— > sonuç: 1
parseInt(02)— > sonuç: 2
parseInt(03)— > sonuç: 3………
parseInt(06)— > sonuç: 6
parseInt(07)— > sonuç: 7
parseInt(08)— > sonuç: 0
parseInt(09)— > sonuç: 0
parseInt(10)— > sonuç: 10
parseInt(11)— > sonuç: 11

CodeIgniter, PHP üzerine yazılmış ve MVC (Model-View-Controller) kalıbı kullanan bir çatıdır (framework). Eşdeğer PHP çatıları arasından hızlı oluşu, elastikliği ve öğrenim kolaylığı açısından diğerlerinden öne çıkmaktadır. Ancak, CodeIgniter küçük çaplı internet sitelerinde uygulanması dezavantajı nedeniyle, MVC yapılarına ilk başlayan programcılar için tercih edilir.

Geliştiriciler ve tasarımcılar gün geçtikçe modern tasarımlarında daha çok JavaScript kullanır oldular. Bazen JavaScript kullanımı kullanıcının işini zorlaştırıp tasarımın sadeliğini alırken kimi zaman da kullanıcı deneyimine çok önemli katkıları olur. Burada önemli olan a) doğru miktarda JavaScript kullanmak ve b) doğru JavaScript tekniklerini kullanmaktır. Bugüne kadar pek çok javascript tekniğini sizlerle paylaştım. Bu makale ile listeye bir yenisini ve kendimce en verimlisini eklemeyi planlıyorum.

Web’in JavaScript’e hızlı geçişi sağolsun JavaScript kütüphaneleri tasarımcıların ve geliştiricilerin işlerini kolaylaştırmak için çığ gibi büyümeye devam ediyorlar. Geliştiricilerin kullandığı JavaScript kütüphaneleri arasında jQuery, Prototype, Scriptaculous, mooTools, Dojo en çok kullanılan kütüphaneler olarak gösterilebilir. Bu çatıları kullanan komünite üyelerinin oluşturduğu sayısız eklentiler de JavaScript kütüphanelerine dahil edilebilmektedir.

Ancak bazen bazı özel ihtiyaçlara yönelik olarak geliştirilmiş JavaScript çözümlerine ihtiyacımız olabilir. İki bölüm halinde yayımlayacağım bu yazımda web sitelerini çok daha ilginç ve çekici kılan 75 gerçekten kullanışlı JavaScript Tekniğinden bahsetmek istiyorum.

Web’de Heceleme
Bu proje (X)HTML sayfaları için otomatik hecelemeye yönelik çalışan çözümleri bir araya getirmeyi hedefliyor. Hem farklı insan ve betik dilleri için, hem de sunucu ve istemci taraflı platformlar için. Hyphenator.js adı verilen bir JavaScript çözümü de mevcut. Hyphenator.js, HTML belgelerinin sunucu taraflı hecelemesini, bazı ortak heceleme kuralları ve Franklin M. Liang’ın LaTex ve OpenOffice’te de sıkça kullanılan heceleme algoritmasını tüm tarayıcılara getiriyor.