Javascript ile web tasarımı. Video eğitimi: JavaScript öğrenmek

V modern web tasarımı Javascript sadece önemli bir bileşendir. Javascript, işlevselliğine ek olarak, yumuşak geçişler ve slayt animasyonları gibi çeşitli geçiş efektleri oluşturarak genel kullanıcı deneyimini önemli ölçüde iyileştirebilir. Javascript'in açık mimarisi sayesinde artık sıfırdan ayrı betikler yazmamız gerekmiyor. İşte web sitenizin kullanıcı deneyimini ve işlevselliğini geliştirmek için kullanabileceğiniz 47 Javascript eklentisi. Bu eklentileri nasıl kullanabileceğinizi gösteren örnek sitelere göz atmayı unutmayın.

En popüler iki Javascript çerçevesi

Bugün en çok kullanılan iki Javascript çerçevesi jQuery ve MooTools'tur. Aşağıdaki ankete bir göz atın:

Açılır görüntüler ve yakınlaştırma

Hafif kutu

Mevcut sayfadaki görüntüleri üst üste bindirmek için kullanılan basit Javascript - Lightbox'ı muhtemelen biliyorsunuzdur. Orijinal Lightbox 2005'te piyasaya sürüldü. O zamandan beri, benzer işlevselliğe sahip ancak farklı yaklaşımlar ve Javascript kitaplıkları kullanan birçok komut dosyası yayınlandı.

Bu eklenti, yalnızca jQuery kitaplığında yazılmış olan Lightbox JS'ye benzer.

Kalın kutu jQuery eklentisi daha fazla özellik dışında, Lightbox'a çok benzer. Şunları görüntülemenize olanak tanır: tekli veya çoklu görüntüler, satır içi içerik, kayan çerçevedeki içerik veya hibrit bir modelde AJAX aracılığıyla geçirilen içerik.

Not: Web Designer Wall, resim galerilerini ve demo eğitimlerini görüntülemek için Thickbox'ı kullanır.

Highslide JS, Thickbox ile aynı amaca hizmet eder, ancak aynı zamanda bindirmeli görüntüyü sürüklemenize izin veren bir yakınlaştırma efektine de sahiptir.

FancyBox, aşırı kullanılan Lightbox'ın yerini almak üzere tasarlanmış bir jQuery eklentisidir. Benzer özelliklere sahiptir ancak daha güzel geçiş efektlerine sahiptir (Mac tarzı tasarım).

jQZoom, büyütülmüş küçük resimleri görüntülemenizi sağlar. Bu teknik genellikle web sitelerinde kullanılır. e-ticaret(örnek için Gap sitesine bakın).

Galeriler ve Slayt Gösterisi

Slayt gösterisi 2! Bu, sitenizdeki görüntülerin sunumunu canlandırmak için Mootools 1.2 için bir javascript sınıfıdır.

mootools v1.11'i kullanarak, bu slayt gösterisi ve javascript galeri sistemi, web siteniz için basit ve pürüzsüz (pürüzsüz geçiş tekniği) resim galerileri, slayt gösterileri, posterler ve diğer birçok harika gadget oluşturmanıza olanak tanır.

Galleria, jQuery ile yazılmış bir javascript resim galerisidir. Sıralanmamış bir listeden görüntüleri birer birer yükler ve her görüntü yüklendiğinde küçük resimler görüntüler. CSS'de tanımlanan simge marjına sığdırmak için seçerseniz, ölçeklenir veya ölçeklenmez, ortalanır veya kırpılırsa farklı simgeler oluşturabilir.

NoobSlide, bir zamanlayıcı ile senkronize edilmiş slayt gösterileri ve kaydırıcılar oluşturmanıza izin veren bir MooTools sınıfıdır. Demo için bu siteye göz atın.

Burada, Apple - Mac sitesindeki gibi bir ürün kaydırıcısı oluşturmak için kullanılan jQuery UI kitaplığından bir kaydırıcı pencere aracının demosu yer almaktadır.

atlıkarınca

jCarousel, bir öğe listesini yatay veya dikey olarak kontrol etmenizi sağlayan bir jQuery eklentisidir. HTML'de statik içerik olabilen veya AJAX ile (veya olmadan) yüklenen öğeler ileri ve geri kaydırılabilir (animasyonlu veya animasyonsuz).

Çevirme bileşeni, içindekiler listesini yönetir ( HTML öğeleri Dikey veya yatay olarak görüntülenebilen UL etiketi içinde LI. İçerik, animasyonlu veya animasyonsuz olarak yukarı ve aşağı kaydırılabilir. İçerik, statik HTML içeriğine atıfta bulunabilir veya öğe listesi anında dinamik olarak oluşturulabilir (AJAX ile veya kullanılmadan).

Carousel Slideshow, web sitenizdeki resimleri görüntülemek için iyi bilinen bir DHTML betiğidir. Bir atlıkarınca gibi görüntüleri 3D olarak görüntüler.

iCarousel, atlıkarınca tarzı widget'lar oluşturmak için ücretsiz bir açık kaynaklı javascript aracıdır. Ayrıca iCarousel'i bir haber kaydı / kaydırma çubuğu veya bir resim galerisi olarak kullanabilirsiniz.

Panel kaydırıcısı

Coda Slider, Coda web sitesine benzer şekilde panellerin slayt efektini taklit eden bir jQuery eklentisidir.

Sliding Tabs, çok güzel efektlere sahip bir mootools 1.11 eklentisidir. Bu, Panic Software'in Coda sitesi tarafından kullanılan ve iTunes Music Store sitesi tarafından kullanılan bir widget'a çok benzeyen bir şeyin klonudur.

Sekmeler

jQuery Tabs, tamamen özelleştirilebilir sekmeli gezinme oluşturmanıza olanak tanıyan güçlü ve esnek bir jQuery eklentisidir (şiddetle tavsiye edilir).

jQueryForDesigners.com'dan bir başka harika öğretici, jQuery kullanarak temel sekmeli gezinmeyi nasıl oluşturacağınızı gösterir.

MooTabs, MooTools için küçük (3kb) bir sınıftır. Adından da anlaşılacağı gibi, asıl amacı basit gezinme sekmeleri oluşturmanıza yardımcı olmaktır.

Özelleştirilebilir silme ve kaydırma hızı seçenekleriyle bir web sayfasındaki herhangi bir konuma kaydırırken animasyon yapmanızı sağlayan çok esnek bir jQuery eklentisi.

Bir web sayfasındaki bağlantıya sorunsuz kaydırma oluşturabilen basit bir MooTools komut dosyası.

Araç ipucu araç ipuçlarını görüntüleyen yapılandırılabilir bir jQuery eklentisi - statik HTML veya AJAX içeriği ile.

Başka bir iyi araç ipucu eklentisi.

Bir araç ipucu dizesi ve bir görüntü önizlemesi görüntüleyen çok basit bir jQuery betiği (Bunu Best Web Gallery'de kullanıyorum).

akordeon menüsü

Bu eklenti akordeon menüleri oluşturur. İç içe listeler, tanım listeleri veya yalnızca iç içe div'lerle çalışır.

Akordeon eklentisi, ihtiyacınız olan içeriği mükemmel bir şekilde vurgulayabilir ve gösterebilir.

Görüntü Menüsü, görüntülerle yatay akordeon menüleri oluşturabilen bir MooTools eklentisidir.

Flash Metni ve Resmi Değiştirme

sIFR, kullanıcılarınızın sistemlerinde yüklü olup olmadığına bakılmaksızın, düz tarayıcı metninin kısa parçacıklarını seçtiğiniz oluşturulmuş yazı tipiyle değiştirebilir. Javascript, CSS ve Flash'ın bir kombinasyonunu kullanarak görevini yerine getirir.

sIFR işlevlerini sizin için yürütecek bir jQuery eklentisi.

Yüz Gerdirme Görüntü Değiştirme, web sayfanızdaki bir görüntüdeki metnin, aksi takdirde ziyaretçileriniz için mevcut olmayabilecek yazı tiplerinde dinamik olarak bir temsilini oluşturan bir görüntü değiştirme komut dosyasıdır. Oluşturulan görüntü, Javascript aracılığıyla web sayfanıza otomatik olarak eklenir ve tüm modern tarayıcılarda görünür.

Her türlü web kaynağını ziyaret eden kullanıcılar, genellikle bunlarda ilginç standart dışı çözümlerle karşılaşır ve aynısını sitelerinde yapmak ister. Çoğu zaman, bu tür çözümler JavaScript kullanımına bağlıdır.

Bu makalede, etkileşimli web sayfaları oluşturmak için bir komut dosyası dili olan JavaScript'i ve JS ile neler yapabileceğinizi anlatacağım. JavaScript kullanım örneklerine bakacağız ve bize nasıl yardımcı olabileceğini göreceğiz.

JavaScript kullanarak neler yapabilirsiniz?

Sayfayı değiştirin, üzerine metin yazın, etiket ekleyin ve kaldırın, öğe stillerini değiştirin.

Olaylara tepki ver: komut dosyası bir şeyin olmasını bekleyebilir (tıklayın / fareyle üzerine gelin, sayfanın yüklenmesi tamamlandı) ve bir işlev yürüterek buna tepki verebilir.
Örneğin, fareyi bir bağlantı veya resmin üzerine getirerek bir araç ipucu gösterebilirsiniz. Fareye tıklayarak bloğun içeriğini değiştirebilirsiniz. Sayfanın yüklenmesi tamamlandıktan sonra, bir reklam açılır penceresi gösterin. Günün saatine bağlı olarak sayfanın görünümünü değiştirebilirsiniz.

JavaScript. Hızlı başlangıç

Sayfayı yeniden yüklemeden sunucuya istekleri yürütün ve verileri yükleyin.
Örneğin, bir kullanıcı siteye veya ziyaretçi defterine bir yorum yaptıysa, bu yorum sayfayı yeniden yüklemeden hemen görüntülenecektir. Ayrıca indirme işleminin ilerlemesini yüzde olarak gösterirken dosyaları sunucuya yükleyebilirsiniz.

Çerezleri ayarlayın ve okuyun, verileri doğrulayın, mesajları görüntüleyin ve çok daha fazlasını yapın.
Örneğin, siteye ilk ziyarette kullanıcıya bir açılır pencere gösterilir ve bir çerez ayarlanır. Ve bu kaynağa yapılan sonraki ziyaretlerde, çerez zaten ayarlandığından açılır pencere gösterilmez.
Ayrıca girilen e-postanın doğruluğunu kontrol edebilir, girilen telefon numarasının gerekli formata uygunluğunu kontrol edebilir ve hemen girilen verilerin doğruluğu veya yanlışlığı hakkında bir mesaj görüntüleyebilirsiniz.

JavaScript Kullanım Örnekleri

JavaScript'in kullanımı o kadar geniş ve çeşitlidir ki binlerce kullanım örneği vardır ve yine de liste tamamlanmayacaktır, çünkü her gün yeni komut dosyaları yazılmaktadır. Aşağıdaki örneklerin birçoğunu çeşitli sitelerde görmüşsünüzdür. Ve tüm bunlar JavaScript kullanılarak uygulanır.

Tabii ki, örnekte sunulan galeri tek değil. Her şey gibi bu tür galeriler de yüzlerce olarak düşünülebilir. Ve listeyi süresiz olarak şişirmemek için en popüler senaryo gruplarından bir örnek verdim.

Bize ne veriyor?

1. Kullanışlı çok seviyeli navigasyon

JavaScript kullanmak, kompakt çok seviyeli menüler, yan çubuklarda çok seviyeli gezinme yapmanızı sağlar. Menü alt öğeleri tıklanarak veya fareyle üzerine gelinerek açılır.

Birçok çevrimiçi mağazanın yandan açılır navigasyonu vardır. Örnek olarak shop.by'yi düşünün. Alt öğeler fareyle üzerine gelindiğinde veya tıklatıldığında düşmeyip hepsi aynı anda görünür olsaydı, aşağı doğru ne kadar gerileceğini hayal edin!

2. Galerileri ve kaydırıcıları kullanmak, fotoğrafları, ek ürün türlerinin resimlerini göstermemize, fotoğrafçının portföyünü uygun ve kompakt bir şekilde düzenlememize olanak tanır.

JavaScript. Hızlı başlangıç

JavaScript'in temellerini şu adreste öğrenin: pratik örnek bir web uygulaması oluşturma hakkında

Galeriler, özellikle çeşitli mal türlerini göstermeniz gerektiğinde, çevrimiçi mağazalardaki malların ayrıntılı olarak görüntülenmesiyle ilgilidir. Onların yardımıyla, kullanıcıya tüm görüntüleri aynı anda küçük bir blokta gösterebilir ve hem küçük hem de büyütülmüş görüntüleri görüntüleme için sağlayabiliriz.

Aşağıdaki galeri için ne kadar alan gerekir?

3. Son zamanlarda, sitelerin yan sütunlarında çok sayıda widget görüntülendi. Bunlar popüler sosyal ağlar, kategoriler, gönderi arşivleri, takvimler, en son blog yorumları, popüler gönderiler ve çok daha fazlası için widget'lardır.

Unutulmamalıdır ki, birçok sitede, bazı widget'lar herhangi bir anlam ifade etmedikleri için basitçe silinebilir, ancak yer kaplarlar.

Peki ya hala çok sayıda widget'ı kompakt bir şekilde sığdırmanız gerekiyorsa?

"sekmeler" içeren JavaScript çözümünün kurtarmaya geldiği yer burasıdır.

Onların yardımıyla, tüm widget'ları sitenin yan sütunlarına sığdırabilirsiniz. Daha iyi algı için, widget'ları "sekmeler" halinde gruplandırabilirsiniz.

Örneğin, sosyal medya widget'larını bir "sekmeye", kategorileri ve arşivleri ikinciye vb. koyabilirsiniz. Bu, yerden tasarruf sağlayacak ve siteyi daha kullanıcı dostu hale getirecektir.

4. JavaScript'i kullanarak, sitenizin veya müşterilerinizin sitelerinin iletişim sayfasını da önemli ölçüde iyileştirebilirsiniz.

ipuçlarını form alanlarına gömün;

form alanlarına girilen verileri kontrol edin ve hata mesajlarını görüntüleyin;

sayfayı yeniden yüklemeden form verilerini gönderin;

bir rota ile bir harita yerleştirin.

5. Siteye tablo şeklinde veri gönderenler için tablodaki verileri sıralamayı kullanmak çok faydalı olacaktır.

6. Sitede grafikler ve çizelgeler şeklinde herhangi bir istatistik yayınlayanlar, JavaScript'te etkileşimli çizelgeler ve grafikler oluşturabilmeyi çok faydalı bulacaktır.

Ayrıca JavaScript'i kullanarak sitede her türlü efekti yapabilirsiniz - öğelerin düzgün kayması, hareketleri, solma ve sönme ve hayal gücünüz için yeterli olan her şey.

Bütün bunlar siteyi daha kullanıcı dostu, daha interaktif, daha teknolojik hale getirebilir.

Çözüm

Gördüğünüz gibi, JavaScript'in kapsamı çok geniştir. Bunlar galeriler, kaydırıcılar, sekmeler ve her türlü etkileşimli öğe, haritalar ve grafiklerdir ve formlarla ve çok daha fazlasıyla çalışır.

Bence herkes JavaScript'in yararlı kullanımını kendisi için bulabilir ve kendi sitelerinde veya müşterilerinin sitelerinde kullanabilir.

Umarım makaleyi beğenmişsinizdir ve JS sayesinde uygulanabilecek yeni özellikler hakkında bilgi edinmişsinizdir.

Sitelerinizde JavaScript kullanıyor musunuz? JavaScript'i kullanırken karşılaştığınız başlıca zorluklar nelerdir?

Makalenin yorumlarında bize bildirin.

JavaScript. Hızlı başlangıç

Web uygulaması oluşturmaya yönelik uygulamalı bir örnekle JavaScript'in temellerini öğrenin

Kaynak Creative Bloq, yazarlarının okuyucularla en iyi paylaştığı materyalleri yayınladı, onlara göre site oluşturmak için JavaScript kullanma örnekleri. CPU en ilginç 30 kaynağı seçti.

1. Mike Coos'un Portföyü

Creative Bloq editörleri, web tasarımcısı Mike Kus'un portföyünün "temiz ve gizli bir şekilde" tasarlandığını yazıyor. Büyük görüntüleri basit kullanıcı arabirimi öğeleriyle birleştirir.

“İşimi bir marka olarak düşünüyorum. siteme eklemene gerek yok ekstra elemanlar tasarım, ”diyor Koos.

Kus'un portföyünde her tür ekranda gezinmek eşit derecede kolaydır - bunun elde edilmesi en zor etki olduğunu belirtiyor. Tasarımcının projelerinin her biri bir resim veya fotoğrafla temsil edilir - öyle ki kullanıcı iş hakkında daha fazla bilgi edinmek ister.

2. Merhaba Pazartesi

Yaratıcı ajansın web sitesi Hello Monday, makalenin yazarlarına göre önemli değişiklikler geçirdi. Şirketin geliştiricileri tarafından çok miktarda iş yapıldı. Arayüzü kullanıcı dostu hale getirmeyi başardılar.

Merhaba Pazartesi ajansının eski sitesi

Artık site, ajans tarafından halihazırda tamamlanmış siparişlerin örneklerini içeriyor - her projenin kendi geçmişini açıklayan ve kullanıcıya Merhaba Pazartesi'nin ne yaptığına dair daha derin bir anlayış sağlayan kendi sayfası var.

Merhaba Pazartesi web sitesi güncellendi

Hello Monday web sayfasının yeniden tasarımının proje lideri Katie Hertel, "Bir yaratıcı ajans web sitesinin nasıl olması gerektiğine dair kalıptan uzaklaşmaya çalıştık" diyor. Materyalin yazarları siteyi çok çekici ve duyarlı buluyor, bu da ana sayfada projelerin düzenlenmesiyle kolaylaştırılıyor: aşağı kaydırıldığında otomatik olarak yeni ajans çalışmalarıyla destekleniyor.

3. Multeor

Multeor, HTML5 tuval öğesi kullanılarak JavaScript'te yazılmış çok oyunculu bir çevrimiçi oyundur. Arjen de Wise ve Philidor Weise tarafından tasarlandı ve Arthur van Hoog tarafından tasarlandı. Kullanıcının oyundaki ana görevi, meteorların düşüşünü kontrol etmek, bıraktığı yıkım için puan almaktır.

Oyun, WebSockets kullanarak masaüstü ve mobil cihazlar arasındaki iletişimi yönetmek için bir Node.js sunucusu kullanır.

Weise, Multeor'u geliştirirken mevcut oyun kitaplıklarının kullanılmadığını vurguluyor:

Her şeyi kendimiz yazdık - çok heyecan vericiydi, ayrıca birçok yeni şey öğrendik. Belirli montajlara ve hazır yapılara bağlı olmamamız bize belirli bir hareket özgürlüğü verdi: mevcut grafikleri oluşturmak, çarpışmaları ele almak ve patlamalardan sorumlu sistemi ayrı ayrı tanımlamakla uğraşmaya gerek yoktu.

4. Suç Zaman Çizelgesi

Crime Timelime, genel API'leri kullanarak Birleşik Krallık suç verilerini toplayan bir toplayıcıdır. Kullanıcıların bölgelerinde işlerin nasıl gittiğini bilmelerini sağlar.

Proje geliştiricisi Alex Miller, “Siteyi, aşağıdaki panelde kullanıcı tarafından seçilen ay için bölge ve suçların işlendiği yerin bir haritasını gösterecek şekilde düzenledik” diyor.

Kaynak, Google Haritalar API'sini kullanır, jQuery ve jQRangeSlider, ayları olan bir panel oluşturmak için kullanıldı. Bir kullanıcı haritayla etkileşim kurduğunda (örneğin, haritadaki belirli bir konumu tıkladığında) site, JavaScript kullanarak resmi günceller. Crime Bubbles, CSS ile oluşturulmuş ve aşağıdakilerle canlandırılmıştır: jQuery kullanarak.

İşte Bugün JavaScript, animasyonlar oluşturmak için kullanılır. Kaynağın yaratıcısı tasarımcı Luc Twyman fikrini şu şekilde açıklıyor: “Herkese zaman ölçeği duygusu verecek bir şey yaratmak istedim. İşte Bugün, evrenin tarihinin ne kadar geniş olduğunu anlamaya yardımcı olur. "

Twyman, en başından beri standart ölçü birimleri olan pikselleri terk etmeye karar verdiğini ve kendi ölçü birimini ekranın boyutuna göre tanımladığını belirtiyor. Bu, sitenin tüm cihazlarda aynı görünmesini sağlamak için yapıldı.

Bu, tasarımcı tarafından oluşturulan ikinci JavaScript projesidir ve önceki projede kullanmadığı öğeleri bu projede kullanmıştır. Bununla birlikte, Twyman dilde diğer üst düzey programlama dilleriyle birçok benzerlik bulur, ayrıca ona göre JavaScript oldukça ayrıntılı belgelere sahiptir ve İnternette (tematik formlar dahil) çok sayıda örnek demonte edilmiştir.

6. Tweet haritası

Tweetmap, ülkeleri, onlardan gönderilen tweet sayısıyla orantılı olarak harita üzerinde gösterir. Hizmet geliştiricisi Rob Hawkes, oluşturulmasında kullanılan çeşitli teknolojileri listeler: TopoJSON, D3.js, Node.js, PhantomJS ve gerçek zamanlı olarak bitişik kartogramlar oluşturmak için özel algoritmalar.

Node.js'i zaten deneyimlediğimiz ve basit, hızlı ve esnek bir platform olduğu için seçtik. Haritayı canlandırmak için (TopoJSON formatında) veri görselleştirme için harika bir kitaplık olan D3'ü kullanıyoruz. Özellikle karmaşık coğrafi hesaplamalar ve dönüşümler yapmamızı sağlayan coğrafi modülü yaygın olarak kullanıyoruz.

Haritaların istemcinin tarayıcısında sunumuyla ilgili sorunları önlemek için sistem, D3 kullanarak sunucuda haritalar oluşturur, bunları PhantomJS motorunu kullanarak başlatır ve işler ve ancak bundan sonra kullanıcıya aktarır - bu, haritaları görüntülerken "delikler" oluşmasını önler .

7. Yolculuk

Gezi, JavaScript ve HTML5 (Flash'sız) ile yapılmış etkileşimli bir filmdir. Projenin yaratıcısı Otto Nascarella, geliştirme görevinin benzer hizmetçok zor çıktı:

Karşılaştığımız zorlukların çoğu, siteyi yazarken HTML5'in tarayıcılar arası geliştirme araçlarına sahip olmamasından kaynaklanıyordu. Ardından, müşterilerin Chrome kullanmasını önermeye karar verdik.

JavaScript site kodu, hemen hemen her şey için jQuery kullanır. Geliştiriciler ayrıca metni bulanıklaştırmak ve canlandırmak için TextBlur ve TextDrop'u kullandılar.

8.Si Dijital

JavaScript ile yazılmış bu sayfa, tasarım ve pazarlama ajansı Si Digital'in yeni portföyü ve blogudur. Proje lideri geliştirici Alex Kruk, ana sayfada animasyonu şu şekilde açıklıyor: "Borulardan geçen sıvı, kullanıcıları portföyümüz boyunca yönlendirir - müşterinin site araştırmasının her aşamasında görüntü animasyonunu etkinleştirir."

Benzer bir etki elde etmek için Crook, jQuery.animate() yöntemini kullandı. Ayrıca, boruları sıvı ile doldurmak için doğru oranı seçmek gerektiğini de ekliyor - sonuçta herkes farklı oranlarda okuyor.

jQuery kullanılarak uygulanan, tamamlanan projeleri ve ajans ekibini açıklayan sayfada etkileşimli bir grafik. Krook'a göre zaman çizelgesi, Ajax teknolojisi kullanılarak veritabanındaki bilgilere dayalı olarak dinamik olarak oluşturulur.

9. Jean Halfstein'ın web sitesi

Jean Halfstein bir web tasarımcısıdır. Portföyünde, makalenin yazarları en çok çekti ana sayfa- ve üzerinde animasyon. “Çeşitli efektlerle uğraşırken gerçekten iyi vakit geçirdim. Yeni teknolojileri kullanmayı gerçekten seviyorum, bu yüzden sitemin ana sayfasını bir tür sanal alan yapmaya karar verdim - orada Three.js ve HTML5 tuval öğesiyle eğleniyorum ”diyor Halfstein.

Tasarımcının fikri, modern trendlere uygun bir portföy oluşturmaktı - minimalist olmalı ve aynı zamanda web sitesi tasarımına yeni bir şeyler getirmeliydi. Bu nedenle, animasyonlar için gezinme tuşları yerine fare ve sürükle kontrollerini kullanmaya karar verdi.

10. Nick Jones Portföyü

Jones'a göre, siteyi geliştirirken JavaScript'ten ziyade Flash ile daha fazla deneyime sahipti, ancak yeni bir şey denemek istedi - neler yapabileceğini anlamak için. Jones, kodlama sürecini şöyle açıklıyor: "JavaScript sözdiziminin ActionScript sözdizimiyle neredeyse aynı olduğunu hemen anladım - bu yüzden buna çabucak alıştım."

Jones, Flash'ın kendisine fare hareketleriyle çalışmasına izin vermediğini hatırlıyor - bu, gerçekten keyif aldığı yeni bir deneyimdi. Geliştirici, CSS'de sınıf geçişlerini kullanarak elde edemediği duyarlı bir site elde etmek istedi. Jones sonuçtan memnun:

ActionScript'ten JavaScript'e geçecekseniz, bir saniye tereddüt etmeyin. Web sitemi oluştururken, JavaScript'in Flash'ın yapabileceklerini yapıp yapamayacağını anlamak istedim. Ve çok etkilendim.

11. HaritalarTD

MapsTD, bir kalenin savunmasına dayalı çevrimiçi bir oyundur. Kale, kullanıcının bölgenin sokaklarında yorulmadan dolaşan kötü adamlardan koruması gereken kendi evidir.

Proje yaratıcısı Duncan Barclay nasıl çalıştığını şöyle açıklıyor: "Google Haritalar API'sini, MooTools'u ve JavaScript'i kullandık. En zor kısım, kullanıcının düşmanlarının izleyeceği rotayı bulmaktır. Oyuncu başlangıç ​​noktasını seçtikten sonra, hizmet boylam ve enlem arar ve Google'ı kullanarak olası yolları hesaplar.

Oyun ilerledikçe, ekranda daha fazla rakip belirir. Barclay, geliştiricilerin tarayıcıların zamanlaması ile "savaşmaları" gerektiğini söylüyor - gerçek şu ki, çoğu zaman içinde sayfadaki güncellemeleri kontrol etme sıklığını azaltıyor ve bunun olmadığından emin olmak gerekiyordu.

Bir diğer sorun ise oyun ilerledikçe düşman sayısının artması ve verimliliğin düşmesiydi. Sonuç olarak, geliştiriciler kötü adamların sayılarını değil, becerilerinin seviyesini artırmaya karar verdi.

12. Bakış Katalogları

Glimpse kaynağı, Windows IE ekibi ve TheFind projesi tarafından ortaklaşa geliştirildi ve TheFind arama motorunu ve aynı geliştiricilerin Facebook'ta çevrimiçi alışveriş uygulamalarını birleştiriyor. Glimpse'nin bir parçası olarak, programcılar Turn.js'ye dayalı kendi çerçevelerini yayınladılar.

Takımın en başından beri hedefi, Glimpse'i normal bir web sitesi değil, bir web uygulaması yapmaktı. Geliştiriciler, veri modelini üç ayrı bileşene ayıran model-görünüm-davranış paradigmasını kullandılar. Kullanıcı arayüzü ve müşteri ile etkileşim. Hizmet, bağlı olarak Thrift istemci tarafı model oluşturma şablonlarını veya JSON'u kullanır. işlem gücü müşteri.

Turn.js kütüphanesi de dizinlerin geliştirilmesinde kullanılmıştır. CSS ve JavaScript yardımıyla, sitede sunulan modellere hacim verilir - görüntünün üzerine gölgeler bindirilerek.

13. Red Bull Müzik Akademisi Radyosu

RBMA Radio, HTML5 ve CSS'de tarayıcılar arası geliştirmeye izin veren Modernizr aracını kullanır. Modernizr, site yaratıcılarının yeni özellikler eklendikçe kodu iyileştirebilmesi için sürekli olarak güncellenir.

Ek olarak, hizmeti uygularken Backbone.js kitaplığı kullanıldı - bunun yardımıyla sonsuz bir sayfa efekti oluşturmak için döşemeler yüklenir.

14. Yeni Belirsiz

Nouvelle Vague, Fransız tasarım ajansı Ultranoir'den bir sitedir. Hizmet, belirli bir hashtag ile tweet'leri "izlemenizi" sağlar. JavaScript, WebGL ve HTML5 kullanılarak uygulanır. Ancak HTML5, bir kaynağı açarken yalnızca teaser'dan sorumludur.

Ajansın geliştiricilerinden biri, siteyi oluşturmanın dört ay sürdüğünü ve üzerinde üç kişinin çalıştığını söyledi. “WebGL ile çalışmayı denemek bizim için gerçekten heyecan vericiydi” diye açıklıyor.

Projenin ana amacı, 3D görüntüleri kullanarak video ekran koruyucudaki atmosferi yeniden yaratmaktı. Ekip, kendilerini HTML5, CSS3 ve JavaScript gibi yeni teknolojilere kaptırdı ve bu dillerin yüksek kaliteli işleme, zengin birlikte çalışabilirlik ve yanıt verme özelliği nedeniyle gelecekte 3D ile çalışmak için standart haline gelebileceğine inanıyor.

15. Yakınsama

The Convergence, Super Mario Bros oyununu andıran bir tarayıcı oyunudur. JavaScript ve HTML5'in inanılmaz gücünü sergiliyor ve HTML5'in işini Flash kadar iyi yapabildiğini kanıtlıyor.

Geliştiriciler, gelecekte oyuna ses ve yeni seviyeler eklemenin yanı sıra Mozilla Gamepad API'sini destekleme sözü veriyor.

16. Kindle Bulut Okuyucu

Bu web uygulaması, “bir kez satın alın, tüm cihazlarda okuyun” sözlerini gerçeğe dönüştürüyor. HTML5 teknolojilerini, JavaScript API'lerini, jQuery ve jQuery UI kitaplıklarını ve sayfa kaydırma için jScrollPane ve jQuery Templates dahil olmak üzere çeşitli jQuery eklentilerini kullanır. Ayrıca, geliştirme ekibi çevrimdışı modu desteklemek için WebSQL'i kullandı.

17. Les Enfants Korkunç

Notun yazarlarına göre WeFail stüdyosu tarafından başlatılan site korkutucu görünüyor ama yine de çok havalı. Kaynak oldukça keskin bir tarzda yapılmıştır. JavaScript, kullanıcı-sistem etkileşimlerini canlandırmak için kullanılır. Yalnızca tek tek arabirim öğeleri için kaydırma yapmak için komut, jQuery ScrollTo eklentisini kullandı. Videonun açılır pencerelerde değil, doğrudan sitede görünmesini sağlamak için Shadowbox.js kitaplığı kullanıldı.

Ek olarak, jQuery Cycle eklentisi Les Enfants kodunda kullanılır - ajansın çalışmalarının resimlerini ve örneklerini görüntülemekten sorumludur.

“JavaScript'in performans özelliklerini anlamak için Les Enfants'ı başlattık. СSS Transform ile birlikte elde edebileceğiniz ortaya çıktı. mükemmel sonuçlar"Geliştirici Martin Hugh diyor.

Hugh, kısa bir süre önce, bu tür şeylerin yalnızca Flash ile yapılabileceğini, ancak şimdi uygun bir alternatifi olan JavaScript olduğunu belirtiyor.

18. Pinterest

Pinterest, sonsuz bir sayfa efekti oluşturmak için JavaScript kullanmanın en iyi örneğidir. Siteyi oluşturmak için jQuery araçlarına, jQuery UI'ye ve PageLess eklentisine ihtiyacınız vardı.

Notun yazarlarına göre, PageLess Pinterest için hayati önem taşıyor, çünkü sonsuz kaydırma ve yeni pinlerin yüklenmesi, bir kullanıcının dikkatini çekmeye yardımcı olmak için gönderilere yorum yapmak gibi sosyal işlevlerden çok daha etkilidir.

19. Aşk Bombası Oluşturucu

Love Bobm Builder, kullanıcıların birine sevgilerini veya minnettarlıklarını ifade etmelerine yardımcı olur. Bir bomba mesajı oluşturmanıza ve göndermenize izin veren temiz ve basit bir sitedir.

Kaynak, JavaScript ve HTML5 kodunu zamanında güncellemek için Modernizr aracını kullanır.

20. Michelberger İçki

Bir kullanıcı siteye girdiğinde, gördüğü ilk şey "önyükleyici" denilen şeydir - Flash kullanılarak yapılmış gibi görünebilir, ancak öyle değil. HTML5 ve JavaScript, yüklenirken bardağı birayla doldurmaktan sorumludur.

Kaynak, kısmi kaydırma işlevini kullanır - yalnızca belirli arabirim öğeleri için ve kullanıcının görüntülerle etkileşimli olarak etkileşime girmesine izin verir.

Hayvan maskelerine tıklayarak, istemci diğer sahnelere gönderilir - tüm animasyon efektleri jQuery.animate () kullanılarak gerçekleştirilir.

21. Trello

Trello, kullanıcıların tamamlanmış ve bekleyen görevlerin listelerini oluşturabileceği ve ilerlemeyi gerçek zamanlı olarak paylaşabileceği, ortak çalışmaya dayalı veya bire bir zamanlama uygulamasıdır. Site Node.js, MongoDB ve Backbone.js kullanılarak geliştirilmiştir.

Trello'nun kurucu ortağı Daniel Le Cerminan, bir web sitesi yazarken yalnızca bir dil kullanmanın yeni ekip üyelerinin geliştirme sürecine daha hızlı girmesine yardımcı olduğunu açıklıyor.

Kullanıcılar arasındaki iletişim Web Sockets kullanılarak gerçekleştirilir - Le Cerminan bunun yeterli olduğunu belirtiyor yeni teknoloji, bu yüzden onu kurarken bazı zorluklar vardı.

22. Tarayıcı Görevi

Little Workshop'un bu retro tarzı oyunu HTML5, JavaScript ve özellikle Web Sockets'in gücünü sergilemek için tasarlandı. Aynı anda binlerce kullanıcı arasındaki etkileşimi destekleyebilir.

“Çok oyunculu bir oyun yapmak, bu tür teknolojilerin birlikte nasıl çalışabileceğini göstermenin harika bir yolu. BrowserQuest, her biri oyun dünyasının birden fazla örneğini çalıştırabilen Node.js sunucularına güveniyor ”diyor stüdyo geliştiricisi Guillaume Lecolné.

23. JS1k

JS1k, görevi belirli bir konuda (çoğunlukla animasyonlu resimler) JavaScript'te bir sayfa oluşturmak olan yıllık bir yarışmadır. Ağırlığı 1 KB'ı geçmemelidir.

Bu yılın teması "İşte ejderhalar".

2012 yılında yarışmanın iş galibi. Yazar - Philip Buchanan, tema - "Aşk"

2012 kazananın çalışması başlangıçta 8 KB ağırlığındaydı - ancak bir günde Philip, ağaç oluşturma algoritmasını optimize ederek boyutunu gereken 1 KB'ye indirebildi:

Taktiğim derleyiciyi "dürüstçe aldatmak"tı. Örneğin, "a? b: c "yerine" if (a) b else c "8 bayt kaydeder.

24. Zaman Çizelgesi

Hizmet, kullanıcıların zaman çizelgeleri oluşturmasına yardımcı olur ve kullanımı çok kolaydır. Etkileşimli zaman çizelgesi tweet'leri, videoları, fotoğrafları ve ses kayıtlarını içerebilir. Zaman çizelgeniz JSON kullanılarak tanımlanabilir veya Google dokümanları- müşterinin kendisi için daha uygun olduğu için.

25. Bir Çöp Adam çizin

Hizmetin ana fikri, etkileşimli bir hikayede yer alarak kullanıcıya biraz eğlenme fırsatı sağlamak - çizilen adamın çeşitli engelleri aşmasına yardımcı olmaktır. Sitedeki eskizler fare kullanılarak yapılır.

Oyunu oluşturmak için, birlikte çalışmak için jQuery ve bir kitaplık kullanıldı. vektör grafikleri Raphal.js. Projeyi Raphal ile uygulamak, geliştiricilerin çoğu cihazda ve tüm tarayıcılarda performans sorunlarından kaçınmasına yardımcı oldu.

Artık HTML ve CSS öğrenme yaklaşımlarını tartıştığımıza göre, dikkatimizi bir web tasarımcısının üçüncü temel becerisi olan JavaScript'e çevirmenin zamanı geldi. JavaScript bir betik dilidir. Bu, sözdiziminin HTML ve CSS sözdiziminden biraz daha karmaşık olduğu anlamına gelir. JavaScript kodunu akıcı bir şekilde yazabilmeniz için daha öğrenecek çok şey var. Demek istediğim, çoğu insanın JavaScript'i öğrenmesi biraz daha uzun sürer. HTML öğrenmek ve CSS. JavaScript öğrenmenin en iyi yaklaşımı hakkında pek çok görüş var ve bu görüşlerin hepsi benimkiyle aynı değil.

Ancak, JavaScript öğrenmenin belirli bir yolunu kullanmaya aslında karşıyım. JavaScript öğrenmem yanlış gitti. Temel olarak, JavaScript bilgimde daha sonra doldurmam gereken büyük boşluklar yaratan öğreticilerden veya kod parçacıklarından dil hakkında bilgi parçaları topluyordum. Bu nedenle biraz daha uzun bir yol izlemenizi tavsiye ederim, umarım bu sizi daha iyi bir sonuca götürür. İlk olarak, JavaScript'in tam olarak ne yaptığını anlamanız gerekir. JavaScript, istemci tarafı bir programlama dilidir. "İstemci tarafı" ifadesi, kodun sunucuda değil, tarayıcıda çalıştığı anlamına gelir.

Dil, HTML ve CSS ile çalışmak üzere oluşturuldu, bu nedenle site davranışını kontrol etmeyi kolaylaştıran birçok yerleşik işleve sahiptir. JavaScript, etkileşimli öğeler oluşturmanıza, öğeleri belirli koşullara göre oluşturmanıza, öğeleri canlandırmanıza veya herhangi bir sayıda komut dosyası oluşturma görevi gerçekleştirmenize olanak vererek HTML'nin statik yapısını tamamlar. JavaScript'in ne işe yaradığını bulmak çok önemlidir çünkü JavaScript'i ne zaman kullanacağınızı ve JavaScript öğrenirken nelere dikkat etmeniz gerektiğini anlamanıza yardımcı olur.

Daha önce de belirttiğim gibi, JavaScript'i kod parçacıklarından öğrenmemeye çalışın. Ben dahil çoğu insan bu yaklaşımı kullanıyor. Bu yaklaşımla, ihtiyacınız olan görevi gerçekleştiren bir kod parçası bulur, projelerinizden birine ekler, düzenler ve çalıştırırsınız. Bildiğiniz gibi, bu yaklaşım zamanla bazı JavaScript becerilerinde ustalaşmanıza izin verecek, ancak en önemlisi, bu durumda, bu belirli dilin neden kullanılması gerektiğini kaçırıyorsunuz. Sonuç olarak, bu programlama dilini tam olarak anlamayacaksınız.

Ayrıca öncelikle JavaScript'in temellerini öğrenmenizi ve ardından jQuery gibi kütüphaneleri öğrenmeye başlamanızı tavsiye ederim. jQuery kullanmak oldukça cezbedici bir fikir çünkü güçlü bir araç ve birçok insan onu kullanıyor. Siteniz için jQuery'nin nasıl kullanılacağına ilişkin yüzlerce öğreticiyi anında bulacaksınız. Ancak JavaScript öğrenmeden önce jQuery öğrenmek büyük bir hatadır. Tahmin edebileceğiniz gibi, jQuery kitaplığını kullanmak her zaman doğru karar değildir. Ve yalnızca belirli bir kitaplığın nasıl kullanılacağını biliyorsanız, JavaScript'i ne zaman kullanacağınızı ve ne zaman kullanmayacağınızı anlayamazsınız.

Bu yaklaşım, örneğin belirli bir kurs veya kitap aracılığıyla en azından yapılandırılmış ve odaklanmış bir şekilde JavaScript'in temellerini öğrenmeniz gerektiğini varsayar. Pek çok öğretici size JavaScript ile çok özel görevleri nasıl gerçekleştireceğinizi öğretirken, herhangi bir eyleminizin arkasında ne olduğunu anlamak için gerçekten onun kavramlarını ve sözdizimini sağlam bir şekilde anlamanız gerekir. Elbette, tüm web tasarımcılarının JavaScript konusunda yetkin olması gerekmez. Örneğin, ön uç geliştirme yapmak isteyen tasarımcıların JavaScript'te akıcı olması gerekir.

UX tasarımı veya görsel tasarımla daha çok ilgilenenler için sadece temel bilgiler yeterli olacaktır. JavaScript bilginizin ne kadar derin olması gerektiğine bakılmaksızın, dili pratik olarak anlamak için en önemli kavramlara hakim olmanız gerekir. Ana şey sabırlı olmaktır. JavaScript'i öğrenmek uzun zaman alır ve öğrenmeyi çok çabuk bırakırsanız, bir proje için ihtiyacınız olduğunda öğrendiklerinizi hatırlayamazsınız. Simon Allardyce'nin lynda.com adresindeki çevrimiçi eğitim kitaplığında bulabileceğiniz JavaScript Temel Eğitim kursuyla başlamanızı şiddetle tavsiye ederim.

JavaScript'e yeni başlayanların bakış açısından bakar ve JavaScript'in temellerini gerçekten en basit şekilde açıklar. Ayrıca, tavsiye ederim ... yanlış telaffuz ettiysem özür dilerim ... Marijn Haverbeke'nin kitabı. Bu arada, bu harika bir adam. Her neyse, onun "Eloquent JavaScript" adlı kitabını da okumanızı tavsiye ederim, aynı zamanda "Modern Introduction to Programming". Bu kitap gerçekten yeni başlayanlar için erişilebilir bir dilde yazılmıştır. JavaScript üzerine yazılmış pek çok kitap vardır, ancak bu kitap bir programcı tarafından ve programcılar için yazılmıştır. "Eloquent JavaScript" kitabı, yeni başlayanlar için dile bir tür giriş olacak şekilde yazılmıştır.

Şaşırtıcı bir şekilde, kitabın basılı bir sürümünü satın alabilirsiniz, ancak ... Bu linke tıklayalım ... Bu kitabın elektronik bir versiyonu da var. JavaScript ile ilgili her şeyi kapsar ve nasıl çalıştığını görmek için deneyebileceğiniz bazı uygulanabilir örnekler sunar. Bu gerçekten harika küçük bir site. HTML ve CSS'de olduğu gibi docs.webplatform.org'un da bir JavaScript bölümü vardır. JavaScript öğrenirken bilmeniz gereken tüm bu temel şeyler - bazı öğreticiler, işlevler, nesneler, olaylar içerdiği için onu çok faydalı bulacaksınız.

stackoverflow.com'un önemini küçümseyemem. Daha önce hiç karşılaşmadıysanız, bu sitenin hesabınızı oluşturmanıza ve ardından bu sitenin üyelerine kendi projeleriniz üzerinde çalışırken kafanızı karıştıran şeyler hakkında sorular göndermenize veya bunlarla ilgili sorular sormanıza izin verdiğini belirtmekte fayda var. Senin için öğrenmesi zor olan kavramlar. Çoğu zaman, insanlar birçok farklı tavsiyede bulunur, iyi cevaplar ek oy alır ve kötü tavsiyeler oylardan mahrum bırakılır. Bu nedenle, bir süre sonra topluluk üyelerinden gelen geri bildirimler sayesinde hangi cevabın en iyi olduğunu anlayabileceksiniz. Sadece soru gönderemez, aynı zamanda sitede arayabilirsiniz. Muhtemelen birisi ilgilendiğiniz soruyu zaten sormuştur. Bu nedenle stackoverflow.com gerçekten çok faydalı bir kaynaktır. HTML ve CSS'de olduğu gibi Mozilla geliştirici ağının da bir JavaScript bölümü vardır. Çok farklı bilgiler içeriyor. Ayrıca sitenin sağ tarafında belirli bir konu hakkında daha detaylı bilgi alabileceğiniz kaynakların listelendiği bir bölüm bulunmaktadır. Bu bilgilerin bir kısmı tamamen tekniktir. Ancak temelde herhangi bir JavaScript acemi, bu programlama dilini öğrenmenin en başında bu bilgilerin çoğundan yararlanabilir. JavaScript'in temellerine hakim olduktan sonra, bu dili daha ayrıntılı bir şekilde inceleme arzunuz varsa, bence, yazarı Nicholas olan "Web Geliştiricileri için Profesyonel JavaScript" adlı başka, oldukça yararlı bir kitap kullanabilirsiniz. Zakalar.

Sizi aldatmayacağım ve bu kitapta yazılan her şeyi anladığımı iddia etmeyeceğim, ancak bunu bir referans materyali olarak kullanıyorum çünkü JavaScript'in temellerini öğrendikten sonra, takıldığınız ve ne yapacağınızı bilemediğiniz durumlar ortaya çıkabilir. sonraki. Bu harika kitap, JavaScript sözdizimini daha iyi anlamanıza, daha verimli kod yazmayı öğrenmenize ve yalnızca temel JavaScript kavramlarını değil, aynı zamanda daha gelişmiş özellikleri de uygulamanıza olanak tanır. Tabii ki, lynda.com'a tekrar dönerseniz, Simon's da dahil olmak üzere harika JavaScript kurslarının bir bölümünü orada bulacaksınız. Bu nedenle, kütüphanemizde hangi derslerin olduğunu dikkatlice inceleyin.

JavaScript, ancak pratiğe dökülerek anlaşılabilecek dillerden biridir. Bu nedenle, onu incelemek için seçtiğiniz yaklaşım, birçok pratik örneğin uygulanmasını ima etmelidir.

jFBL, CHEV-UVTBOYGB TSYCHЈF. chSh OBTYUPCHBMY LBTFYOLY, RPDZPFPCHYMY FELUF, UDEMBMY CHUЈ, UFP IPFEMPUSH, Y ... ABULHYUBMY. rPUENH? dB IPFS VSH RPFPNKH, UFP CHSCHUFTBDBOOBS CHBNY UVTBOYYULB OYLBL OE PFLMYLBEFUS DEKUFFCHYS HAKKINDA CHMBDEMSHGB, TsBDOP YBTSEZP RP OEK LKHTUPTPN. FSHZHH, RPYUFY OERTYMYUOP RPMHYUIMPUSH ... SAÇ KURUTUCU OE NEOOEE, VHDEN MEUUIFSH.

DP FPZP, LBL OBYUBFSH TBUULB P CHUSLIYI FEIOYUEULYI ZHPLKHUBI RPFEIKH HAKKINDA RPUEFYFEMSN Y UEVE, MAVINSCHN, OBDP RTEDUFBCHYFSH, YUPP CHPPVEYT NSCH.

sshl HTML UFBFYUEO. dMS FPZP, YUFPVSH OBKHYUIFSH UVTBOYGKH "TSYFSH", PFLMYLBFSHUS DEKUFCHYS RPMSHSPCHBFEMS HAKKINDA, OKHTSOP OBKFY URPUPV Ybrtpztbnnnytpchbfcheo FP EMPEO. HNOSCHE MADY - OE YUEFB OBN U CHBNY - TEYBAF LFKH RTPVMENH, CHUFBCHMS CH ZYRETFELUF LHULY RTPZTBNNOPZP LPDB, LPFPTSCHE OBSCHCHBAF ultyrfbny. chPVEE ZPCHPTS, ULTIRF - RTPUFP NBMEOSHLBS RTPZTBNNLB, UTBVBFSCHCHBAEBS FPZDB, LPZDB EK ULBTSKHF, Y OBRYUBOB POB NPTSEF VSCHFSHY OBRYUBOB POB NPTSEF VSCHFSHY OBPDBMPN nSCH U CHBNY VKHDEN ZPCHPTYFSH FPMSHLP PV PDOPN Y'OYI - JavaScript. UYOFBLUYU JavaScript CHSF YY VPMSHYPZP Y UETSHЈBOPZP SJSHLB Java, LPFPTPN RTPZTBNNYTHAF HAKKINDA UVTBYOSCH VPTPDBFSHE DSDY DECHEMPRETSCH, RPMHYUBS JB

OBYE U CHBNY DÖKÜMÜ NBMEOSHLPE, OBN OBDP RTPUFP OBKHYUIFSHUS RYIBFSH LFY UBNSHE ULTYRFSH LKHDB RPRBMP, YUFPVSCHUЈ NYZBMP, LTKHFIPZBMEBMEZHT y FPZDB LPZP-OYVKHSH RMPIPZP PF OBYEK UVTBOYGSCH FPYUOP ICHBFIF LPODTBFYK, B BOBYUIF, NSCH U CHBNY IPTPYE. b EUMY LPODTBFYK ICHBFIF LPZP-OYVHDSH IPTPYEZP? OEFHYLY! ьFINY ЪBDBYUBNY ЪBOYNBAFUS UREGBMYUFSCH RP NBTLEFYOSKH Y TELMBNE, POI JOBAF, UFP FBLPE Gemechbs zthrb, J PFZPOSF CHUEI IPTPYUPYUPY PF oh, UFP-FP S PRSFSH ъBRKHFBMUS: LCS LPZP Ts NSCh FPZDB CHPPVEE FTHDYNUS?

uOHCHB LPOFEKOETSCH

yuFPVSH CHUFFBCHYFSH LHUPL LPDB JAVING HAKKINDA JavaScript CH FEMP HTML -UFTBOYGSCH, OBN U CHBNY PRSFSH RPOBDPVYFUS LPOFEKOET. chPF FBLPK:

EDYOUFCHOOSCHK RBTBNEFT, LPFPTSCHK DEKUFCHYFEMSHOP UVPIF YURPMSHCHBCHBFSH, OBSCHCHBEFUS dili. PRTEDEMSEF'TE, LBLPN SSCHLE OBRYUBOP CHUЈ FP HAKKINDA, UFP OBIPDYFUS CHOHFTY LPOFEKOETB. dce DPRPMOYFEMSHOSHE UFTPULY CHOKHFTY ZPCHPTSF UFBTPNKH VTBKHETKH, LPFPTSCHK OILBLYI ULTIRFPCH OE RPOINBEF, UFP CHUЈ, OBIPDSEEEUS NECDKH- LPNNEOFBTYK, LPFPTSCHK OBDP RTPUFP PUFBCHYFSH CH RPLPE Y OYUEZP U OYN OE DEMBFSH. fBLYN PVTBSPN, EUMY LFP-FP PFLTPEF UVTBOYGKH U RPNPESHA LFPZP UBNPZP UFBTPZP VTBKHETB, PO RPMKHYUIF FPMSHLP YUUFSCHK HTML -LPDLTCH, B CHUEFT EUMY JOBLY LPNNEOFBTYS PFUHFUFCHHAF, B CHOHFTY ULTYRFB OBIPDYFUS UFP-FP FBLPE, UEZP VTBKHET OE RPOINBEF, RPUEFYFEYFYUVLEV UPMEYUPHEYUPHEYFEYUFYUVLEY RPMEJ POP OBN U CHBNY OBDP?

FERETSH P FPN, ZDE UVPIF RPNEEBFSH ULTYRFSH. h RTYOGYRE, POI NPZHF OBIPDYFSHUS ZDE HZPDOP, OP MHYUYE RPNEBFSH JavaScript-LPD CH LPOFEKOETE HEAD. eUMY TBNEUFIFSH LPD CH TBEDEME ..., PO PVSBFESHOP YURPMOIFUS CH FPF NPNEOF, LPZDB VTBKHET DPKDЈF DP OEZP RP NETE BZTKHLY UVTBOYGSCH. h OELPFPTSCHI UMHYUBSI FP FPTSE OEPVIPDYNP OP IPTPYYN FPOPN SCHMSEFUS PZHPTNMEOYE ULTYRFPCH B CHYDE zhholgyk, LPFPTSCHE NPTSOP RTY OEPVIPDYNPUFY CHSCHCHBFSH MAVPZP NEUFB UFTBOYGSCH J LPFPTSCHE OE VHDHF CHSCHRPMOSFSHUS DP FEI RPT, RPLB NShch CHBNY FPZP OE BIPFYN sahip dv.

Yuvarlanmak

FEIOUEULPE ABDBOYE

rPUFBOPCHLB ЪBDBYUI OPNET PDIO.

UVTBOYGE EUFSH LOPRLB, CHCHRPMOEOOBS CHYDE Y'PVTBCEOIS CH ZhPTNBFE GIF hakkında. oKhTsOP, YuFPVShch POB LBLYN-FP PVTBPN NEOSMBUSH RTY OBCHEDOYY HAKKINDA OEЈ LKHTUPTB.

ьФПФ ЬЖЖЕЛФ RP-BOSMYKULI OBSCHCHBEFUS devrilme TH CH TEKFYOSE RPRKHMSTOPUFY ZZHELFPCH JBOYNBEF, UCHETOPE, RETCHPE NEUFP. jFBL, RTYUFHRINE.

TEBMYBGYS

RTECDE CHUEZP OBN RPOBDPVSFUS dche LOPRLY: YUIPDOSCHK CHBTYBOF RMAU FPF, LPFPTSCHK DPMTSEO RPDUFBCHMSFSHUS CHNEUFP OEZP RTY DCHEYTSETOYCHEY NKHTUPSCH LKHTUPYP. PVE LBTFYOLY DPMTSOSCH YNEFSH PDYO Y FPF TSE TBNET. UNSCHUM CUEEI DBMSHOEKYYI NBOYRKHMSGYK UPUFPIF CH FPN, YUFPVSH BNEOIFSH PDOP Y'PVTBTSEOYE DTHZYN, B RPFPN CHETOHFSH YUIPDOPE NEUFP HAKKINDA.

CHUFBCHMSEN RETCHHA LOPRLH H HTML. LPD VKHDEF CHSCHZMSDEFSH RTYNETOP FBL:

FEZ IMG YURPMSH'KHEFUS DMS TBNEEEOYS ZTBZHYLY HAKKINDA HTML -UFTBOYG. RBTBNEFTSCH ad, kaynak, genişlik І yükseklik ЬBDBAF UPPFCHEFUFCHOOOP YNS CHUFTFEOOOPZP CH HTML PVYAELFB DMS DBMSHOEKYI UUSCHMPL HAKKINDA OEZP, YNS ZTBZHYUEULPHYUFYUPHYBYUFYT CHYBKMBYT

FERETSH TBNEUFYN CH TBDEME HEAD UMEDHAEYK VMPL:

FERETSH DPVBCHYN EEЈ DCHB RBTBNEFTB CH FES IMG:

Onmouseover = "ImgOn();" onmouseout = "ImgOff();"

OPRPNOA, UFP SNSCHL JavaScript YUHCHUFCHAYFEMEO L TEZYUFTKH, RPFPNKH, EUMY CHPPN NEUFE OBRYYEFE imgon, B CH DTHZPN ImgOn, FY PRYUBOIS OEFNSHDHT

pUFBMPUSH UDEMBFSH RPUMEDOEE: DPVBCHYFSH PDYO RBTBNEFT CH FES BODY:

Onload = "ImgPreload();"

LPDPN RPLPOYEOP'ta. OBNETEOOOP OE DBA ile DEFBMSHOSHI YOUFTKHLGYK: TBKHNEEFUS, YY UPPVTSEOYK MЈZLPZP UBDYUNB. OP P FPN, LBL LFP CHUЈ TBVPFBEF, TBUULBTSKH RPDTPPVOP.

PYASUOOEOS

h BZPMPCHLE UVTBOYGSCH - B YNEOOOP CH UELGY HEAD - NSC UPDBMY ULTIRF, CHLMAYUBAEYK CH UEVS FTY ZhHOLGY: ImgPreload, ImgOn Y ImgOff. lMAYUECHPE UMPCHP işlevi CH VPMSHYOUFCHE SSCHLPCH PTEDEMSEF LHUPL LPDB, LPFPTSCHK NPTSEF VSHFSH NOPZPLTBFOP CHSCHBO YY TBMYUOSHI NEUF RTPZTBNSCH. pWAYK UMHYUBK UYOFBLUYUB CHCHZMSDIF FBL:

işlev işlev_adı (par1, par2, par3) (...)

TBYYZHTPCHSCHBEFUS CHUЈ LFP UMEDHAEYN PVTBPN: ZhHOLGYS U YNEOEN işlev_adı, CH LPFPTKHA RETEDBAFUS RBTBNEFTSCH U YNEOBNY par1, par2 Y parShch3, LPPFP OTP. ZHYZKHTOSCHE ULPVLY PVTBNMSAF FKH YUBUFSH, LPFPTBS, UPVUFCHEOOOP, Y VKHDEF CHCHRPMOSFSHUS, EUMY NSCH LFKH ZhHOLGYA CHSCHUPCHEN, F.E. UPYMЈNUS OBJNEOYPK LPKH

YBYUEN OKHTSOSCH RBTBNEFTSCH, FEN VPMEE, UFP CH FEI FTЈI JHOLGYSI, LPFPTSCHE NSCH YURPMSHKHEN CH OBDBYUE OBDBYUE, YI OEF? b PPF JBYUEN. rTEDUFBCHSHFE UEVE, UFP UVTBOYULE EUFSH oeulpmshlp LOPRPL, DMS LBTSDPK Y'LPFPTSCHI NSCH IPFINE UDEMBFSH UCHPK UPVUFCHEOOSCHK devri hakkında. SFP TSE, RYUBFSH PFDEMSHOKHA ZhHOLGYA LBTSDKHA LOPRLKH HAKKINDA? b EUMY YI DEUSFPL? ZMHRPUFY LBLEY.

Hm OBRYYEN edyoufcheooha ZHHOLGYA LCA LBTSDPK PRETBGYY, J var RPNPESHA RBTBNEFTPCH RETEDBDYN EC yns FPK LBTFYOLY HBS LPFPTPK B DBOOSCHK NPNEOF RTPIPDYF LHTUPPTS NSCHYJOPY JOPPHE, UFPBHPCHSY JOP. chPF Y CHUЈ.

CHETOЈNUS L OVYENKH LPDH.

zhHOLGYS ImgPreload UMKHTSIF DMS RTEDCHBTYFEMSHOPK ЬBZTHKHLJ CH RBNSFSH LPNRSHAFETB FPZP Y'PVTBCEOIS, LPFPTPPE DPMTSOP VSCHFSH RPDUFDUFBCHPMEOPU OBJECT. POB ABRHULBEFUS FPZDB, LPZDB CHUS UVTBOYGB ABZTHYMBUSH: ABRYUSH onload = "ImgPreload ();" CH FEZE BODY POBUBEF, UFP RP UPVSHFYA aşırı yük (PLPOYUBOYA ABZTHALY PFPVTBTSBENPK YUBUFY UVTBOYGSCH VTBKHYETPN) VHDEF CHCHRPMOEOB ZhHOLGYS.

ъBYUEN OKHTSOB FB ZhHOLGYS? DEMP CH FPN, UFP YBZTHALB LBTSDPZP YPVTBCEOIS U UETCHETB FTEVHEF CHTENEYOI, PUPVEOP RTY OE PYUEOSH IPTPYEK UCHSYY. eUMY NShch VHDEN FBEYFSH CHFPTHA LBTFYOLH'de UETCHETB var, OP LHTUPT HKDЈF'de LOPRLY TBOSHYE var, Yuen NShch HCHYDYN LBLPK-OP ZHZHELF, FL ZTBZHYYUEULYK ZHBRTKM LBNBHMEFOS™ BHSPY LBLYNMEF™ BH. dTHZPE DAMP, LPZDB FTEVKHENBS LBTFYOLB HTSE OBIPDYFUS CH RBNSFY: ABZTKHLB RTPY'PKDЈF NZOPCHEOOP.

FERETSH P UBNPK ZhHOLGY. ъBRYUSH pic2 = yeni Resim (); UP'DBЈF OCHSCHK PVYaELF FIRB Görüntüsü, LPFPTSCHK U LFPPZP HAKKINDA NPNEOF NSCH NPTSEN UUSCHMBFSHUS, B UMEDKHAEBS UVTPYULB pic2.src = button1b.gif; ZPCHPTYF P FPN, LBLPK ZTBZHYUEULYK ZHBKM UPPFCHEFUFCHHEF LFPNKH PVYAELFKH. FERETSH, ЪBRTPUYCH J MAVPZP NEUFB LPDB ЪOBYUEOYE pic2.src, NSCh FHF TSE RPMKHUYN button1b.gif, UFP OBN Y FTEVKHEFUS.

pVTBFYFE CHOINBOYE HAKKINDA FP, LBLYE RBTBNEFTSCH NSCh DPVBCHYMY CH FES IMG. ъBRYUSH onmouseover = "ImgOn ();" P'OBYUBEF, UFP RP UPVSHFYA onmouseover (LKHTUPT CHYAEIBM LBTFYOLKH HAKKINDA) DPMTSOSCH VSCHFSH CHSCHCHBOB ZhHOLGYS ImgOn, B BRYUSH onmouseout = "ImgOff;" POBUBYUBEF, UFP LKHTUPT HYЈM U LOPRLI, Y FERETSH OKHTSOP ABKHUFIFSH ZhHOLGYA ImgOff. lBL RPOSFOP Y OBUCHBOYS, LFY DCHE ZhHOLGY PFCHEYUBAF ЪB RPDNEOH LBTFYOLY (ImgOn) Y CHUCHTBF EЈ CH YUIPDOPE UPUFFPSOYE (ImgOff). FERETSH RPUNPFINE, LBL LFY ZhHOLGY TBVPFBAF.

h ZHHOLGY ImgOn RETCHBS UVTPLB (temp = mybutton.src;) RETEDBЈF RETENEOOPK sıcaklık YNS FPZP ZTBZHYUEULPZP ZHBKMB, LPFPTSCHK UPPFCHEFUEFCHKHEFKHUPUPUPUPDUP UPYUP hFPTBS UFTPLB (mybutton.src = pic2.src;) RETEDBЈF LOPRLE YNS ChFPTPZP ZhBKMB, LPFPTSCHK NSC RPDUFBCHMSEN. LBL FPMSHLP LFP RTPYSPYMP, CHNEUFP RETCHPOBYUBMSHOPK LBTFYOLY NEUFE LOPRLY HAKKINDA CHOYLBEF LBTFYOLB button1b.gif, Y OBYB BDBYUB TEPPYOLB. OPRPMPCHYOKH, RPFPNKH UFP OBN EEЈ RTDUFFPIF CHETOHFSH LOPRLKH CH YUIPDOPE UPUFFPSOYE RPUME FPZP, LBL LHTUPT NSCHY HVETЈFUS CHPUCHPSUY.

ьFYN Y ЪBOYNBEFUS ZHHOLGYS ImgOff. eЈ EDYOUFCHEOOBS UFTPULB (mybutton.src = temp;) ChPUCHTBEBEF LOPRLE FPF ZhBKM, LPFPTSCHK UPPFCHEFUFCHPCHBM EK CH UBNPN OBYUBME. chuЈ!

dMS RTEINETB RPUNPFTYFE, LBL PTZBOYSPCHBOSCH devrilme ZMBCHOPK HAKKINDA (YMY MAVPK DTHZPK) UVTBOYGE NPEZP UBKFB. ьFP FBLYE NBMEOSHLYE UYOYE FPYUY, CHOOILBAEYE COKHFTY NBMEOSHLYI VESCHI LTKHTSPYULPCH, LPZDB CHSCH CHPYFE NSCHYLPK RP RHOLFBN NEOA. rTBCHDB, FBN CHUЈ UDEMBOP YUHFSH-YUHFSH YOBYUE. ;-)

açık oyun

TBUUNPFTYN ABDBYUH OPNET DCHB.

FEIOUEULPE ABDBOYE

jFBL, OBN OKHTSOP, UFPVShch

RTY EEMULE NSCHYSHA UUSCHMLE HAKKINDA PFLTSCHCHBMPUSH DPRPMOYFESHOP PLOP VTBKHETB, UCHPKUFCHB LPFPTPZP NPTSOP VSCHMP VSCH PRTEDEMYFSH VBTBOYEE. OERMPIP, EUMY LFP PLOP NPTSOP VKHDEF YBLTSCHFSH EEMULPN RP TBURPPTSEOOPK CH ON TCE UUSCHMLE.

pZPCHPTLB

ьFH ЪBDBYULKH NPTSOP TEYYFSH Y UTEDUFCHBNY UBNPZP HTML, RTBCHDB, ЪBDBFSh uchpkufchb OPCHPZP PLOB CHUЈ-FBLY OE HDBUFUS, DB Y ЪBLTSCHYFSHYEBOPSCH CHURPNOIN UOBUBMB, UFP FBLPE UUSCHMLB.

ChPF FHF X OBU U CHBNY UUSCHMLB.

chFPTPK CHBTYBOF:

oE FBLBS HC VPMSHYBS TBOOYGB, LBLBS YUBUFSH LPOFEOFB CHCHRPMOEOB CH CHYDE UUSCHMLY: FES RTYUHFUFCHHEF CH MAVPN UMKHYUBE, B PO-FP OBN Y OKHTSEO.

fBL CPF, YBDBYUKH NPTSOP TEYYFSH DPVBCHMEOYEN RBTBNEFTB hedef CH FES (hedef = "zzz"). chNEUFP zzz SPTSOP RPDUFBCHMSFSH PDOP YJ FTЈI ABTEETCHYTPCHBOSCHY JOBYOOIK:

Kendini _top _boş

Öz YURPMSHHHEFUS CH FPN UMKHYUBE, EUMY OCHSCHK DPLHNEOF DPMTSEO VSCHFSH PFLTSCHF CH FPN TCE PLOE (ZHTEKNE), UFP YYUIPDOSCHK; OBYUEOYE _üst ZPCHPTYF P FPN, YUFP OPCHSCHK DPLHNEOF VHDEF PFLTSCHF B FELHEEN PLOE VTBHETB, CHSCHFEUOYCH dv OEZP Chueh ZHTEKNSCH, EUMY FBLYE OBMYYUEUFCHHAF B OBYUEOYE lbl TBC PRTEDEMSEF, YUFP OPCHSCHK DPLHNEOF VHDEF PFLTSCHF B OPCHPN PLOE, LPFPTPE PFLTPEFUS UREGYBMSHOP LCA FPK Gemy _blank. OP - LBL S HTSE ZPCHPTYM - HRTBCHMSFSH RBTBNEFTBNY LFPZP PLOB NSCH OE UNPTSEN.

LUFBFY, URYUPL ABTEETCHYTPCHBOOSHI JOBYUEOYK OE YUYUETRSCHBEFUS FTENS PRYUBOSCHNY YDEUSH RTYNETBNY, OP ЪB F FIN - L FETBRECH LHPPH E.

DEUSh OHTSOP DPVBCHYFSH, YUFP PE-RETCHSCHI, LTPNE BTEETCHYTPCHBOOSCHI RBTBNEFTPCH B LBYUEUFCHE hedef NPTSEF VSCHFSH RPDUFBCHMEOP YNS HTSE UHEEUFCHHAEEZP PLOB B EUMY FBLPZP RFU VTBHET B VPMSHYYOUFCHE UMHYUBECH RPUFBTBEFUS PFLTSCHFSH OPCHPE lop J BZTHYFSH DPLHNEOF FHDB. chP-CHFPTSHI, KhRPNYOBM ZHTEKNSCH, P LPFPTSCHI OBN U CHBNY RPLB YUFP OYUEZP OE YCHEUFOP İLE. OB DBOOCHK NPNEOF PVPKDЈNUS FEN, UFP ZHTEKNSCH - LFP PLOB OEBCHYUYNSHI DPLHNEOPPCH, LPFPTSCHE CH MAVPN LPMYUEUFCHE NPZKHF OBIPDIFSHUS PYEBYET PVEBYT CHLOEEN DMS hakkında. rПДТПВОЕ ПЛФПН НЩ РПЗПЧPTЙН ОЕУЛПМШЛП РПЪЦЕ. h FTEFSHYI, YURPMSHPCHBOYE UUSCHMPL LCA PFLTSCHFYS OPCHPZP PLOB CHSCHCHBOP FPMSHLP KURUTMA MAKİNESİ, DE CH YUFP Netscape UPUFPSOYY RPOSFSH UPVSCHFYE onclick (EEMYUPL NSCHYSHA) EUMY EPP RTPUSUECHYSHA Internet Explorer DEMBEF ЬFP U MЈZLPUFSHA, OP OBN PF ЬFPZP OE MEZUE: ULTYRFSH DPMTSOSCH TBVPFBFSH CH MAVPN VTBHATE.

TEBMYBGYS

rPDZPFPCHYN ZHBKM newfile.htm, UPDETSBEYK UMEDHAEYK LPD:

YUFPVSH YBLTSCHFSH PLOP, EMLOYFE YDEUSH.

pVTBFIFE CHOINBOYE, UFP UFTPLB U FESPN

TBPTCHBOB: OYUESP UVTBYOPZP, HTML FBLYE CHEEI RETEOPUIF URPLPKOP. uFTBOOPE OBYUEOE RBTBNEFTB href - "#" - OETEDLP YURPMSHKHEFUS FPZDB, LPZDB UUSCHMLB LBL FBLPCHBS OHTSOB, B RETEIPD RP OEKHEKOEKU DBMTSO

dBMEE. h FPN ZhBKME, YB LPFPTPZP CHSCH IPFIFE PFLTSCHFSH OPCHPE PLOP, OHTSOP UDEMBFSH DCHE CHUFBCHLY. RETCHBS - CH WELGY HEAD.

hFPTBS - ZDE-OYVHDSH CH FEME UVTBOYGSCH:

YUFPVSH PFLTSCHFSH OPCHPE PLOP, EMLOYFE YDEUSH.

FERETSH RPUNPFTYN, UFP X OBU U CHBNY RPMKHYUIMPUSH. lTPNE FPZP, NPTSOP EЈMLOKHFSH.

LOOFBFY, JNECFE CH CHYDKH: ЪBLTSCHFSH PLOP FBLYN PVTBYPN CHCH UNPTSFE FPMSHLP CH FPN UMKHYUBE, EUMY POP VSCHMP PFLTSCHFP RTY RPNPEY JavaScript.

n FPN, LBLYE EEЈ RBTBNEFTSCH NPTSOP ABRYIBFSH PE CHUFFTFEOOKHA ZhHOLGYA window.open, CHCH RTPYUIFBEFE CH THLPCHPDUFCHE RP JavaScript PF W3C. ;-)

PYASUOOEOS

jHOLGYS OpenWin UPDETTSIF UVBODBTFOSCHK NEFPD JavaScript penceresi.open, YURPMSHHAEYKUS DMS PFLTSCHFYS OCHPZP PLOB. h LBYUEUFCHE RBTBNEFTPCH NSCh RETEDBЈN LFPNKH NEFPDKH (YMY ZhHOLGYY, SFP RPYUFE FP TSE UBNPE):

1. "newfile.htm" - YNS DPLKHNEOFB, LPFPTSCHK DPMTSEO PFLTSCHFSHUS CH OPCHPN PLOE.

2. "mywindow" - YNS LFPZP PLOB DMS DBMSHOOEKYY UUSCHMPL OESP HAKKINDA. xLBSCHBFSH OE PVSBFESHOP, OP RBTH RHUFSHI LBCHSCHYUEL ("") CHUЈ TBCHOP RTYDЈFUS RPUFBCHYFSH, F.L.

3. "genişlik = 300, yükseklik = 250, araç çubuğu = hayır"- OBVPT UFBODBTFOSHI RBTBNEFTPCH UP YOBYUEOYSNY. h DBOOPN UMKHYUBE - MYOEKOSCHE TBNETSCH PLOB Y YOZHPTNBGYA P FPN, UFP POP OE DPMTSOP YNEFSH RBOEMY YOUFTKHNEOPCH. YBNEFSHFE, UFP YOBYUEOIS RBTBNEFTPCH S RYYKH VE LBCHSCHYUEL.

uMEDHAEBS YUBUFSH LPDB ( Edeuş) RTEDRYUSCHCHBEF VTBKHETKH YURPMOYFSH ZHHOLGYA (NEFPD) OpenWin RTY EEMULE HAKKINDA UMPCH YDEUSH, PZHPTNMEOOPN LBL RHUFBS UUSCHMLB (href = "#").

fPYUOP FBLKHA TSE ZHPTNKH ABRYUY YURPMSHHEF ULTIRF, TBNEEЈOSCHK CH DPLHNEOFE, LPFPTSCHK PFLTSCHCHBEFUS CH OPCHPN PLOE. uFBODBTFOSCHK NEFPD window.close ЬBLTSCHCHBEF FELHEE PLOP, EUMY POP VSCHMP PFLTSCHFP U RPNPESHA JavaScript. eUMI NSCH IPFEMY VSCH ЪBLTSCHFSH DTHZPE PLOP, RTYYMPUSH VSH OBRYUBFSH mywin.close (), ZDE mywin - YNS PLOB, LPFPTPPE ULTYRFKH RTDUFFPIF BLTSCHFSH.

chSCHOPU ULTIRFPCH CH PFDEMSHOSCHK ZhBKM

eUFSH EEЈ PDYO CHBTYBOF ЪBRYUY LPOFEKOETB SCRIPT.

üFP POBUBEF, UFP CHUE CHBY ULTYRFSH NPZHF ITBOYFSHUS CH PFDEMSHOPN ZHBKME U TBUYYTEOYEN. js. eUFEUFChEOOP, B FPN UMHYUBE OE OHTSOP RYUBFSH LMAYUECHPE UMPCHP SCRIPT H UBNPN ZHBKME: RTPUFP RPNEUFYFE RTYCHEDЈOOHA CHSCHYE UFTPLH B TBDEME KAFA, NY MAVBS ZHHOLGYS FELSEFEM, NY MAVBS FHHOLGYS TEHLİKE FELSEFEM, NY MAVBS ZHHOLGYS £FNPY VHD. ьFP HDPVOP EEЈ Y RPFPNKH, UFP RTY CHP'NPTSOPN YUNEOOOY ULTYRFB CHBN OE RTYDЈFUS YUNESFSH CHUE HTML -ZHBKMSCH, LPFPTSCHE HAKKINDA OEZP USUSCHMBAF.

ъБЛМАЮЕОЕЙЕ

rPOSFOP, UFP RPLB EEЈ OYUESP OE RPOSFOP. uPVUFCHEOOP, S OE DBCHBM PVEF HYUIFSH CHBU SISHLH CH RPMOPN PVYAЈNE: DMS LFPZP EUFSH NBUUB KHNOSCHI Y RPMEOSHI LOIZ. rTPVMENB CH FPN, YUFP PYUEOSH YUBUFP X MADEK, RTPYUIFBCHYI FBLYE LOYZY, CHPOBOILBEF NBUUB CHPRTPUPCH YNEOP CHTENS RETCHPK RPRSCHFLY TEBMSCHEYSPHBFSHT y ChPF FHF, S OBDEAUSH, NPЈ NBMEOSHLPE THLPCHPDUFCHP PLBTSEFUS RPMEHOSCHN.

TBUUNPFTEM CHBTYBOFSH TEYEOYS DCHKHI YBDBYU, LPFPTSCHE YUBEE CHUEZP CHUFTEYUBAFUS RTY RPUFTPEOY CHEV-UVTBOYG ile. LPOEUOP TSE, CHBN OKHTSOP BOBFSH VPMSHIE P JavaScript: CHP'NPTSOP, YNEOOOP HZMHVMEOYEN OBOYK NSCH Y ABKNЈNUS HAKKINDA UMEDHAEN HTPLE. b UEKYUBU - OBRPUMEDPL - OEULPMSHLP RTBCHYM, LPFPTSCHE OEPVIPDYNP RPNOFSH PE CHTENS RTPZTBNNYTPCHBOYS HAKKINDA JavaScript.

1. Kabul edilen JavaScript YUHCHUFCHAYFEMEO L TEZYUFTH.

lBL HTSE ZPCHPTYMPUSH TBOSHYE, RETENEOOSCHE sıcaklık J Sıcaklık DMS SJSHLB JavaScript OE PDOP Y FP CHE: X OYI VHDHF TBOBOOCHE BOBYUEOIS, RPFPNKH VHDSHFE CHOINBFEYPE.

2. LBTSDSCHK PRTBFPT DPMTSEO PLBOYUYCHBFSHUS FPULPK U BRSFPK.

FEPTEFYUEULY RPUMEDOIK PRTBFPT VMPLB (...) NPTSOP RYUBFSH Y VE'FULY U BRSFPK, OP MKHYUYE EЈ CHUЈ-FBLY UVBCHYFSH… LTPNE UREGIBMSHCHET PZPBUCHPN

3. Önemli bilgiler PVTBNMSFSH ULTYRFSH UYNCHPMBNY LPNNEOFBTYS.