İstemci tarafında JavaScript’e erişimi basitleştirmek ve soyutlamak için Lift’in sağladığı bazı teknikleri tartışacağız. Bu tesislerin kullanılması, Scala’da temel olarak JavaScript kodu yazmanıza izin vererek, Lift’in kodu sunumdan ayırma modelini takip eder. Lift ayrıca jQuery veya YUI kullanıcı arabirimi kitaplıkları aracılığıyla gelişmiş JavaScript işlevselliğini kullanmanıza izin veren bir katman sağlar.

Üst Düzey JavaScript Soyutlamalarını Kullanma

Lift’in zaten AJAX ve COMET desteği biçiminde zengin istemci tarafı işlevleriyle geldiğini fark etmişsinizdir. Bu desteği her kullandığınızda, Lift, kitaplıkların dahil edilmesi için döndürülen sayfada uygun <script> öğelerini otomatik olarak oluşturur.

Ancak Lift, JavaScript ifadelerini temsil eden bir sınıf hiyerarşisi sağlayarak bir adım daha ileri gider. Örneğin, Lift’teki bir AJAX form öğesiyle, istemci tarafını güncellemek için geri arama yönteminin JavaScript kodu döndürmesi gerekir.

İstemci tarafından yorumlanacak ham bir JavaScript dizesi döndürmek yerine, istemci için uygun JavaScript’e dönüştürülmüş net.liftweb.http.js.JsCmd özelliğinin bir örneğini (doğrudan veya örtük dönüştürme aracılığıyla) döndürürsünüz.

JsCmd, istemcide yürütülebilen bir JavaScript komutunu temsil eder. Bir JavaScript ifadesini temsil eden JsExp adlı ek bir temel özellik vardır. Bir JsExp örneği dolaylı olarak bir JsCmd örneğine dönüştürüldüğünden, aralarındaki farklar genellikle geliştirici için önemli değildir.

Ayrıca, Lift’in JavaScript sınıfları her şeyi yazım açısından güvenli tutmaya çalışsa da bazı sınırlamalar olduğunu unutmayın; özellikle Lift, belirli bir JsCmd’den erişmeye çalıştığınız değişkenin gerçekten var olup olmadığı gibi semantik şeyleri kontrol edemez. AJAX ve COMET gibi tekniklerin bariz kullanımının yanı sıra Lift, JavaScript’i form alanları gibi normal Scala XML nesnelerine eklemeyi de kolaylaştırır.

Basit bir örnek olarak, bir form doğrulanmazsa nasıl basit bir uyarı ekleyebileceğimize bakalım. Bu örnekte, boş olmaması gereken bir ad formu alanımız olduğunu varsayacağız. Liste, form snippet’imizden olası bir bağlamayı gösterir.

Bunu biraz açalım. İlk olarak, JavaScript’ten form öğelerine (veya bu konuda herhangi bir öğeye) başvurduğunuzda, bu öğelerin her birinin bir id özniteliğine sahip olması gerekir. Bir Pair[String,String] geçirerek id niteliğini metin alanımıza ekliyoruz. Ardından, gerçek doğrulamamızı tanımlamamız gerekiyor. Bunu, gönder düğmemizin onclick özelliğine bir JavaScript kodu ekleyerek yapıyoruz.

onclick niteliği, düğme tıklandığında atanan JavaScript kodunu değerlendirir; JavaScript kodu doğru olarak değerlendirilirse gönderim devam eder. Yanlış olarak değerlendirilirse gönderim iptal edilir. Bizim durumumuzda, myName alanımızın değerinin boş bir dizeye eşit olup olmadığını kontrol etmek için JsIf case sınıfını kullanıyoruz.

Bu durumda, JE nesnesi, bir Scala Dizgisinden bir Str (JavaScript dizgisi) örneğine örtük bir dönüşüm içerir. JsIf’in ikinci argümanı, koşul doğruysa yürütülecek gövdedir. Bizim durumumuzda, kullanıcı için bir uyarı açılmasını ve form gönderimini durdurmasını istiyoruz.

JsCmd özelliği (Alert’in karıştığı), birden çok komutu birlikte zincirlemenize izin veren bir & işleci sağlar. Burada belirtilen değeri döndüren Alert’i JsReturn ile takip ediyoruz; yine, Boolean’dan JsExp’e örtülü bir dönüşüm var, bu yüzden sadece yanlış değeri sağlayabiliriz.

Lift API belgelerini incelerseniz, JsCmds ve JE nesneleri altında çok sayıda özellik ve sınıf bulacaksınız; bunlar, doğrudan Lift’te basit JavaScript kodu yazmak için ihtiyaç duyacağınız işlevlerin büyük çoğunluğunu sağlar.

Bununla birlikte, Lift sınıflarının küçük kod parçaları için kullanılmasının amaçlandığını anlamak önemlidir. Sayfalarınız için büyük miktarda JavaScript kodu yazmanız gerekiyorsa, bu kodu harici bir dosyaya saf JavaScript ile yazmanızı ve bu dosyayı sayfalarınıza eklemenizi öneririz.

Özellikle, kodunuzu JavaScript işlevleri olarak yazarsanız, bu işlevleri Lift kodunuzdan yürütmek için JE.Call sınıfını kullanabilirsiniz. JE ifadesi soyutlamalarını gösterirken, mevcut JsCmds’ye kısa bir genel bakış sunar.

JavaScript download
javascript’i etkinleştir
Javascript Nedir
JavaScript Dersleri
javascript $ kullanımı
JavaScript öğrenmek
Javascript nedir, ne İşe yarar
İnteractive javascript

JavaScript Soyutlama Örneklerini Keşfetme

Gördüğünüz gibi Lift, soyutlama katmanı aracılığıyla geniş bir JavaScript işlevi kapsamı sağlar. Çok fazla JavaScript kodu yazmış olsanız bile, soyutlamalar her zaman bire bir eşleşmez ve bu duruma kafa yormak biraz çaba gerektirebilir.

Nasıl çalıştığını anlamanıza yardımcı olacak birkaç örnek vereceğiz. Basit bir AJAX geri arama örneğiyle başlayacağız. Listeleme, bir HTML öğesini AJAX çağrısı yoluyla yeni içerikle nasıl güncelleyebileceğimizi gösterir. Bu durumda, bazı iletilen parametrelere dayalı olarak bir grafik görüntüsünü değiştiriyoruz. HTML’mizin, gider_grafiği kimliğine sahip bir öğe içermesi gerekir; bu öğenin çocukları, ikinci argüman olarak ilettiğimiz NodeSeq ile değiştirilecektir.

jQuery ve Diğer JavaScript Çerçevelerini Kullanma

Lift’in varsayılan olarak jQuery JavaScript çerçevesini kullandığından daha önce bahsetmiştik. Bununla birlikte, diğer çerçeveleri kullanmak için bir mekanizma sağlamasaydı, Lift, Lift olmazdı.

Farklı bir çerçeve kullanmak istiyorsanız, o çerçeveye özgü JSArtifacts özelliğinin somut bir uygulamasını sağlamalısınız. Lift’teki jQuery desteği, yalnızca JSArtifacts desteğinin ötesine geçer; Ayrıca, standart ifadeler ve komutlar için jQuery’ye özgü uygulamalar sağlamada bir dizi JSExp ve JsCmd özelliği ve sınıfı vardır.

Bir uygulamayı veya diğerini değiştirmek, varsayılan olarak JQueryArtifacts’a işaret eden LiftRules.jsArtifacts değişkeninden yapılabilir. Genellikle bu, Listeleme’de gösterildiği gibi Önyükleme’de yapılır.

LiftRules’ı değiştirmenin yanı sıra, diğer çerçevelerin kendi komut dosyalarına ve sayfalarınıza dahil etmeniz gereken bağımlılıklara sahip olduğunu da dikkate almanız gerekir. YUI için, (en azından) komut dosyalarını Listeleme’ye eklemeniz gerekir.

Elbette, işleri basitleştirmek için, bu öğelerin tümünü gömebileceğiniz bir şablona yerleştirebilir veya dosyaları tek bir JavaScript kaynak dosyasında birleştirebilirsiniz.

Lift içinden farklı JavaScript çerçevelerini kullanmaya ilişkin bazı basit önerilerimiz var:

• YUI widget’larına ihtiyacınız yoksa veya benzer işlevleri jQuery eklentilerinde bulabiliyorsanız, jQuery çerçevesini ve eklentilerini kullanmanızı öneririz.
• Lift, jQuery işlevselliği etrafında pek çok yardımcı nesne ve işlev olduğundan, jQuery için çok daha iyi destek sağlar.
• Gerçekten ne yaptığınızı bilmiyorsanız jQuery ve YUI’yi karıştırmayın çünkü ikisini bir araya getirmek bir takım çarpışmalara yol açar.

Web sitelerinizi, arama motorlarında en yukarı getirmek adına sizlere 3 adet paket öneriyoruz. Bu paketler sayesinde web siteleriniz aramalarda 1 yıl içerisinde en yukarıya tırmanacaktır. 

1) Backlink Paketi  50 $ (Yıllık Ücret)
2) Hızlandırma Paketi 300 $ (Yıllık Ücret)
3) Kelime Yönlendirme Paketi 150 $ (Aylık Ücret)

The post JavaScript Soyutlama – SEO Hizmeti Sunma – SEO Hizmeti – SEO Hizmeti Ücretleri – SEO Hizmeti Yaptırma first appeared on Jeff Bezos Tasarım.

Yaygın bir Ajax modeli, kaynakları gerektiği gibi talep üzerine yüklemektir. Aynısını Ajax’a ihtiyaç duymadan sadece JavaScript kullanarak da yapabilirsiniz. DOM’yi kullanarak bir komut dosyası öğesi oluşturabilir ve bunu, bunun gibi head öğesine ekleyebilirsiniz.

Şimdi $include_js(‘http://domain.com/myfile.js’) işlevi, XHTML belgenizin başına bir komut dosyası öğesi ekleyecektir. Opera’nın gövde öğesine bir komut dosyası öğesi eklerken bir hata ürettiğini unutmayın, bu nedenle komut dosyalarını ana öğeye eklemek en iyisidir.

İsteğe bağlı JavaScript iyileştirmeleri

Önceki bölümde komut dosyasında birkaç geliştirme yapabilirsiniz. İlk olarak, önbelleğe almayı önlemek için, bunun gibi komut dosyası adına rastgele bir tohum ekleyebilirsiniz. Komut dosyasını yüklemeden önce onload ve src özniteliklerinin ayarlanmasının Safari’de bir onload olayı oluşturacağı ortaya çıktı. Önceki komut dosyası ayrıca belleği korumak için temizlik yapmaz. DOM’a bir komut dosyası eklenip kullanıldığında, bellekten tasarruf etmek için kaldırılabilir.

Sorunlardan kaçınmak için JavaScript kitaplıklarını düşünün

Bu teknikle başka iyileştirmeler yapabilirsiniz. Örneğin, ad alanları desteklenmez ve önceden yüklenen komut dosyaları yeniden yüklenir. Bu sorunları çözebilir veya komut dosyalarını tarayıcılar arası bir şekilde içe aktarmak için tasarlanmış bir kitaplığa dönebilirsiniz. Acile by Mike Skitz bir çözümdür ve mevcuttur. Ryan Grove’dan LazyLoad, birden çok komut dosyasını ve geri aramayı destekleyen başka bir tarayıcılar arası çözümdür.

Harici JavaScript İçin Bir Iframe Kullanımı

Yavaş yüklenen JavaScript sorunlarını düzeltmenin bir çözümü, harici komut dosyasını veya verileri yüklemek için bir iframe kullanmaktır. Komut dosyasının yüklenmesinde herhangi bir gecikme olursa, web sayfasının tamamı değil, yalnızca iframe gecikecektir. JavaScript, bir HTML dosyasından gömülü bir iframe’e ve bunun tersi değişkenlere erişebildiğinden, bu, eşzamanlı bir HTML sayfasını iframe’lere bölerek etkin bir şekilde eşzamansız hale getirir.

Ardından, harici JavaScript dosyasını yüklemek için iframe oluşturun. İç çerçevelerin yerleşim sorunlarına neden olabileceğini unutmayın, bu nedenle en kolay yol, bunun gibi gizli bir iframe kullanmaktır (bazı tarayıcılar konumlandırılmış iframe’leri sevmez). Şimdi, JavaScript değişkenlerini iframe’deki verilerle doldurduğunuzda, aşağıdaki kodu kullanarak bunları ana HTML sayfasına iletebilirsiniz.

Site Dışı Dosyaları Sunucuda Önbelleğe Alın ve Yerel Olarak Yükleyin

Web, üçüncü taraf web hizmetlerinde (reklam yazılımı, anketler, web analitiği vb.) bir çoğalma yaşadı ve çoğu, görevlerini yerine getirmek için JavaScript’e güveniyor. Bu komut dosyalarını gövde öğesinin sonuna yerleştirdikten sonra bile, aşırı yüklenmiş sunucuları beklerken açıklanamayan gecikmeler olabileceğini bulduk.

Gerçek zamanlı olmayan içerikle kullanabileceğiniz bir yöntem, site dışı dosyayı yerel olarak önbelleğe almaktır. Unix benzeri işletim sistemlerinde, aşırı yüklenmiş harici sunucular için herhangi bir gecikmeyi önlemek için dosyayı periyodik olarak almak ve yerel olarak yüklemek için bir cron işi kullanabilirsiniz.

Hisse senedi fiyatları gibi daha gerçek zamanlı içeriklerle aşağıdaki stratejiyi kullanabilirsiniz. Verileri her aldığınızda, önceki girişi önbelleğe alın. Kötü bir sonuç alırsanız, önceki girişi kullanın. Belirli sayıda kötü sonuçtan sonra bir uyarı oluşturun.

Örnek RSS önbelleği

Harici bir RSS beslemesini yerelleştirmek için, Jonathan Eisenzopf’un rss2html.pl komut dosyası gibi bir dönüştürme komut dosyası kullanarak bir RSS beslemesini alabilir ve bunu sunucunuzdaki HTML’ye veya metne dönüştürebilirsiniz. Feed sunucunuzda olduğunda, site dışı gecikmeleri önlemek için yerel olarak görüntüleyebilirsiniz. Bir cron iş dosyasının formatı aşağıdaki gibidir.

Örneğin, satış sunucusunu saat 23:30’da yedeklemek için ayarlayın. Hafta içi her gün, Backup.bat’ta yedekleme komutlarını içeren bir toplu iş dosyası oluşturun ve yedeklemeyi planlamak için Enter tuşuna basın.

JavaScript etkinleştirme
JavaScript etkinleştirme Chrome
JavaScript yükle
Android JavaScript etkinleştirme
Telefonda JavaScript etkinleştirme
JavaScript indir PC
Javascript Nedir
JavaScript güncelleme

JavaScript Optimizasyonu ve Paketleme

Bir dizi JavaScript paketleyicisi, boşlukları ve yorumları kaldırır ve değişken adlarını kısaltır. Bazı paketleyiciler nesne adlarını yeniden eşler. Mozilla Projesi’nin tamamlayıcısı olan Rhino, kodunuzu bir JavaScript ayrıştırıcısıyla analiz ederek hata olasılığını en aza indirir. Java tabanlı Rhino, JavaScript’i yukarıda belirtilen tekniklerle sıkıştırır ve ayrıca komut dosyasıyla yazılabilir.

Bu kod, orig.js’yi optimize eder ve opt.js’yi çıkarır. Rhino boşlukları ve yorumları kaldırır ve değişken adlarını kısaltır. Dojo Projesi ve Yahoo! Rhino tabanlı kompresörler de sunar. Dojo, ShrinkSafe’i sunar. Julien Lecomte, yine Rhino’ya dayanan YUI Kompresörünü sunuyor.

Başka bir JavaScript, CSS ve XHTML optimize edici, Port80 Yazılımından temin edilebilen w3compiler’dir. W3compiler, boşlukları ve yorumları güvenle kaldırır, varlık ve renk değerlerini değiştirir, gereksiz meta etiketleri kaldırır, değişken adlarını, işlev adlarını ve dosya adlarını kısaltır ve yerleşik JavaScript nesnelerini yeniden eşler. W3compiler, XHTML, CSS ve JavaScript arasındaki ilişkinin bozulmadan kalmasını sağlamak için adları yeniden eşlemeyecek kadar akıllıdır.

W3compiler ayrıca, yalnızca bir iç deyimle if/while gibi deyimlerde ölü kod kaldırma, küme ayracı kaldırma ve ifade yoğunlaştırma (örneğin, x=x+1, x++ olur) yapar. JavaScript’inizi optimize ettikten sonra, ek tasarruf için gzip dosyası oluşturabilirsiniz. Bu bölümde daha önce HTTP sıkıştırmasını araştırdık.

Aşırı optimizasyon tavsiye edilmez!

Bazı optimizasyon araçlarının özniteliklerden, DOCTYPE etiketlerinden ve kapanış etiketlerinden alıntıları kaldıracağını ve daha kısa ancak daha az anlamsal etiketleri (örneğin, <strong> için <b>) değiştireceğini unutmayın. İndirme hızında marjinal bir artış uğruna yapsanız bile, web standartlarını ihlal etmenizi önermiyoruz. Aslında, kapatma etiketlerini atlamak gibi uygulamalar, tarayıcının “tuhaflıklar” moduna geçerek sayfanızı ayrıştırmak için daha fazla çalışmasını sağlayarak sayfalarınızın oluşturulmasını yavaşlatabilir.

Satır içi görüntülerin dezavantajları

Görüntü verilerinin Base64 metinsel gösterimi, ikili görüntüden daha fazla bayt alır. Testlerimizde, Base64 verileri ikili görüntüden %39 ila %45 daha büyüktü, ancak gzip sıkıştırmasıyla fark yalnızca %8 ila %9 daha büyük oldu. Görüntüleri Base64’e dönüştürmeden önce optimize etmek, dize boyutunu küçülttü orantılı olarak ayarlanır.

Satır içi görüntüler için boyut sınırlamaları vardır. Tarayıcıların, RFC 2397’ye göre yalnızca 1.024 bayta kadar URI’leri desteklemesi gerekir. Bununla birlikte, tarayıcılar kabul edecekleri konuda daha özgürdür. Opera, veri URI’lerini yaklaşık 4.100 karakterle sınırlar.22 Firefox, 100 KB’a kadar olan veri URI’lerini destekler, bu nedenle bu teknik en iyi şekilde küçük, dekoratif görüntüler için kullanılır.

The post JavaScript’i  Yükleme – SEO Hizmeti Sunma – SEO Hizmeti – SEO Hizmeti Ücretleri – SEO Hizmeti Yaptırma first appeared on Jeff Bezos Tasarım.