HTML5 Web Uygulamalarını hangi yollarla geliştirebilir? [kapalı]


12

Son aylarda birçok web şirketi, tarayıcı geliştiricisi ve uzmanı, HTML5 hakkında web için yeni bir evrim / devrim olduğu için konuştu .

Pratik olarak HTML5'in Office Suites (örneğin Google Dokümanlar) veya Sosyal Ağ (örneğin Facebook), Çevrimiçi Fotoğraf Düzenleyici vb. Gibi mevcut web uygulamalarını nasıl geliştirebileceği?


2
Bu aslında konuyla ilgili mi?

@Kinopiko Sanırım konuyla ilgili, HTML5'in bir web uygulamasında hangi pratik özelliklerin uygulanmasına izin vereceğini soruyorum.
Drake

Neden kimsenin çevrimdışı önbelleğe alma işleminden bahsetmediğini merak ediyorum. ( stackoverflow.com/questions/1207150/html-5-offline-caching )
Piotr Czapla

Yanıtlar:


5

"Web Depolama" özelliğini kullanarak veri depolayan mevcut web ofis uygulamalarını geliştirebilir.

Sayfanın farklı bölümlerini yüklemek için SQL Veritabanları ve Web Çalışanları ile sosyal ağ sitelerini kodlamak daha kolay olabilir. Ayrıca Bildirimler için destek.

Çevrimiçi Fotoğraf Düzenleyicileri Sürükle ve Bırak özelliğini kullanabilir.

Bunlar, HTML 5'in yeni özelliklerinin web uygulamanızda nasıl kullanılacağına dair bazı fikirler.

HTML 5 Rocks'a göz atmanız gerektiğini düşünüyorum ! HTML 5'teki özelliklerin iyi bir listesine ve nasıl kullanılacağına ilişkin örneklere sahiptirler. Ayrıca HTML5'ten en son haberler hakkında kaynaklar ve bilgiler.


Bağlantı için teşekkür ederim, içinde iki yararlı kılavuz buldum: slides.html5rocks.com ve diveintohtml5.org . Görünüşe göre bu yıl birçok tarayıcıya çok sayıda HTML5 özelliği desteği eklenecek, muhtemelen 2011'de web uygulamalarında sonuçları göreceğiz.
Drake

Yeni Firefox 4 beta sürümü HTML5 için tonlarca desteğe sahip. Kontrol etmelisin.
Bernie Perez

3

Muhtemelen en çok konuşulan 5 özellik var

  1. Web çalışanları - geliştiricilerin arka plan çalışmasında komut dosyaları çalıştırmalarına olanak tanır, böylece bir web uygulaması aynı anda birden fazla şey yapabilir.
  2. Video etiketi - Çevrimiçi flash ücretsiz video yapmanın kolay bir yolu, sadece standart bir codec bileşenine ihtiyacımız var
  3. Tuval - Tam olarak neye benzediğini, tarayıcı penceresinde anında görüntü oluşturmanın bir yolu
  4. Uygulama Önbellekleri - Uygulamaların, daha sonra İnternet'e bağlanmadan kullanabilmeniz için bir şeyler depolamasına izin verir (E-postanızı indirildikten sonra, Google Gears'ınki gibi okuyun)
  5. Coğrafi Konum - Tarayıcının konumunu uygulamaya geçirebilmesi

Bu özelliklerin çoğu bazı tarayıcılarda ve uygulamalarda zaten uygulanmıştır. Google enlemi coğrafi konumu kullanır, Google gears, uygulama önbellekleriyle aynı fikirlerin eklenti tabanlı bir uygulamasıydı, Tuval gibi şeyler JavaScript ile yapıldı.

Web çalışanları yenidir ve bir dizi farklı şeyin web uygulamaları içinde olmasına izin verebilir. Şu anda çalışıyor gibi görünen her türlü yan işlem, tek bir iş parçacığı bildirimlere veya uygulama içi sohbet veya uygulamadaki diğer periyodik işleme görevlerine ayrılabileceğinden daha pürüzsüz olacaktır.

Kaynaklar:
http://geektechnica.com/2009/06/5-amazing-html5-features-to-look-forward-to/


2

Tuval ve Ağ Yapıcı konu bana HTML5'in en heyecan verici yönleri vardır. Bu özellikleri kullanan bazı web uygulamaları yazdım:

GioAUTHor [sic], bir haritadaki yolları çizmenize ve daha sonra baştan sona en kısa rotayı bulmanıza olanak tanımak için tuvali kapsamlı bir şekilde kullanır (Dijkstra'nın JavaScript'teki algoritması aracılığıyla).

JavaScript Thread Demo , tuvali sınırlı olarak kullanıyor ancak demo koduyla birlikte Çalışan İş Parçacıklarının kullanımını gösteriyor. Ayrıca HTML5 girdi türü = "aralık" kaydırıcı denetiminden de yararlanır.


HTML5 Tarayıcı desteği, tarayıcıların kendisi kadar çeşitlidir. Bir var güzel bir site hakkında (HTML5'teki natch) HTML5 hazır ne için hazır gösterileri söyledi.


2

Üç favorim CSS3, Canvas ve WebSockets. Birlikte, herhangi bir web uygulamasına gerçekten güçlü işbirliği özellikleri sağlayabilirler. WebSockets sahte gerçek zamanlı mesajlaşmayı ajax yoklamasıyla değiştirir. Şimdiye kadar kullandığım birkaç şey web tabanlı sohbet (topal) ve zihin haritalama webapp (iki kişi bir projeyi eşlerken gerçekten harika görünüyor).


Bir merak: WebSockets AJAX'ın yerini tamamen alacak mı?
Drake

1
Onlar yerini almayacaklar. Ajax, teknoloji olarak kalacaktır. Artık WebSockets'e daha iyi uyan görevler için kullanılmayacak.
Eimantas

Ah tamam, açıklama için teşekkürler.
Drake

1

HTML5'in yetenekleri esas olarak Flash'ın yaptıklarının yerini alıyor; tuval , video etiketleri, videoları, oyunları ve çevrimiçi görüntü düzenleyicilerini Flash olmadan yapmayı çok daha kolay hale getiriyor.

Bu büyük bir gelişme gibi görünse de, Flash Windows dışındaki platformlarda Windows'tan çok daha büyük bir sorundur.


0

Çoğu bant genişliği hız testi flash tabanlıdır. Artık html5 tabanlı olabilirler ... Daha hızlı sayfa yükleme ve daha doğru bant genişliği ölçümü anlamına gelir.

İyi bir örnek şudur: SpeedOf.me

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.