Introducción a HTML 5: Las partes mas importantes de HTML 5
Trata de: Desarrollo

En un artículo anterior vimos una breve perspectiva de HTML 5 y la Web, ahora vamos a lo mejor; Las partes más importantes de HTML 5. Parte fundamental de esta serie llamada Introducción a HTML 5.

El siguiente post es una traducción del original (en ingles) escrito por Kanaka, en el sitio web blog.n01se.net.

Las partes más importantes de HTML5

Vamos enumerar y describir las API de HTML5, estándares y tecnologías que son más importantes (y más interesantes). Si imaginamos la Web que existirá dentro de cinco años, desde ese punto de vista vamos determinar qué partes de HTML5 son más importantes para llevarnos a ese futuro imaginado.

La siguiente lista está ordenada de mayor a menor importancia. Obviamente, esto es solo una opinión como desarrollador de aplicaciones web, lector, colaborador y participar en grupos de HTML5 de trabajo y debates, pero el futuro es siempre más interesante que ningún experto puede predecir.

Así que sin más preámbulos …

1. Motores JavaScript más rápido

 [typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]Sin el gran aumento en el rendimiento de Javascript todavía estaríamos hablando de[/typography]

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]páginas web y no aplicaciones web[/typography]

La Web como una plataforma de aplicaciones se basa en esto más que cualquier otra cosa. El nuevo motor Javascript es el empuje warp para la Web. Sin en empuje warp, Star Trek es una historia que tiene lugar en la tierra (o al menos en un sistema solar). Sin el gran aumento en el rendimiento de Javascript todavía estaríamos hablando de páginas web y no aplicaciones web.

2. WebSockets

Esto mueve sólidamente  el navegador en el espacio de las aplicaciones en red altamente interactivo. Después del motor rápido JavaScript, la red de baja latencia tiene el potencial más grande para permitir que la Web conquiste nuevos dominios de aplicación.

3. Tipos de datos binarios (matrices con tipo y Blobs)

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]El uso de hacks para codificar los datos binarios es una barrera para liberar todo el[/typography]

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]poder de HTML5[/typography]

Javascript comenzó su vida como una manera de validar datos de forma textual. Sin embargo, muchos de los elementos de primera clase introducidos en HTML 5 contienen, reciben y / o envían datos binarios y tipos de datos binarios nativos en Javascript se ha convertido en una necesidad. Los desarrolladores han utilizado varios hacks para codificar los datos binarios en el viejo tipo de datos Javascript por muchos años. Pero el uso de estos trucos es una barrera importante y todo el poder de HTML5 no se desatará sin el apoyo de datos binario nativo.

4. Web Audio API

Esta no es la etiqueta <audio> sino más bien las propuestas API / para permitir baja latencia, la manipulación directa de audio desde Javascript. La etiqueta <audio> (que es parte de la W3C HTML5) permite incrustar un archivo de audio directamente en una página web, ofrece una reproducción y una sincronización de API.

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]Las propuestas Web Audio API permite la creación y la manipulación directa de onda de[/typography]

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]audio[/typography]

Las propuestas Web Audio API permite la creación y la manipulación directa de onda de audio y también de cuestiones de alta latencia de reproducción que existen en las actuales implementaciones de la etiqueta <audio> . Estas propuestas son todavía muy jóvenes y las soluciones finales pueden fusionarse con la etiqueta <audio>, pero los temas abordados por las propuestas Web Audio API será el futuro de los navegadores de una forma u otra.

5. Canvas 2D Context

Manipulación directa de píxeles. Todo el mundo está de acuerdo en que es importante por lo que no hablaremos mucho de el. Lo puse debajo de la API de audio Web, ya que mucho de lo que se puede hacer con el contenido Canvas 2D se puede hacer con otros métodos (SVG, WebGL, CSS3).

6. CSS3 y WOFF

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]juntos todo el poder del diseño, la tipografía, el diseño y la transformación visual de la[/typography]

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]web[/typography]

Hojas de Estilo en cascada 3 y el Web Open Font Format juntos todo el poder del diseño, la tipografía, el diseño y la transformación visual de la web. Además, con CSS3 (en particular el modelo de caja flexible), aplicaciones web, finalmente tendrá una forma sencilla y potente de hacer diseño de la interfaz de usuario sin el lío de posicionamiento de elemento que es necesario con CSS2.

7. Almacenamiento local, aplicaciones fuera de línea y las API del archivo

Hay muchos campos de aplicación que simplemente no son viables sin el almacenamiento rápido, local y persistente (al menos no hasta que todos tengas conexiones baratas a Internet Gigabit). Alguna forma de almacenamiento local también es necesario para las aplicaciones web que puedan utilizar cuando no hay conexión a Internet. Hay una serie de API / estándares que se están desarrollando en este ámbito.

8. Web Workers

La Ley de Moore ha muerto, larga vida a la Ley de Moore! El aumento exponencial año tras año en la frecuencia de la CPU debido a la Ley de Moore terminó hace varios años. Sin embargo, la Ley de Moore era en realidad una declaración sobre el costo del transistor / densidad, y esto no ha cambiado, sino que simplemente tiene un nuevo rostro: los núcleos del procesador por pulgada cuadrada de chip. En pocos años, incluso su teléfono móvil tendrá más núcleos de procesador que dedos de las manos.

Los nuevos modelos de software son necesarios para sacar el máximo provecho de la nueva realidad multi-core de la Ley de Moore. Afortunadamente, a pesar de que Javascript ha sido siempre una lengua de un solo subproceso también fue diseñado desde el principio a un lenguaje orientado a eventos. Esto significa que varias líneas de código JavaScript en la misma aplicación web no se pueden ejecutar al mismo tiempo, el navegador puede estar haciendo varias cosas a la vez a favor del código JavaScript.

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]los Web Workers son independientes de los contextos Javascript[/typography]

La especificación Web Workers fue creado para permitir una única aplicación web que tiene múltiples hilos de Javascript que se ejecutan simultáneamente. Para evitar la complejidad enorme que por lo general viene con la programación multi-threaded, los Web Workers son independientes de los contextos Javascript y sólo pueden interactuar entre sí y con el hilo principal usando Javascript pasando evento controlado por mensajes.

9. SVG 1.1/2.0

El formato SVG (Scalable Vector Graphics) ha estado durante mucho tiempo y algunos navegadores han sido capaces de incluir imágenes SVG en sus páginas web. SVG está empezando a ser adoptado por todos los fabricantes de navegadores añadiendo potentes API que permite el pleno acceso y la manipulación de los elementos contenidos (es decir, un elemento verdaderamente de primera clase).

Muchos (quizás la mayoría) de los usos del Canvas 2D en realidad son más apropiadas para SVG y de muchas maneras SVG es mucho más poderoso. Sin embargo, SVG ha tenido una historia desigual, y me temo que se ha acumulado alguna carga injustificada mental que le impida ser tan fundamental y tan importante como lo que debería ser.

10. WebGL

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]es básicamente una aceleración por hardware OpenGL API para la Web[/typography]

Este es el Canvas 3D ​, y es básicamente una aceleración por hardware OpenGL API para la Web. Como SVG, esto es potencialmente una pieza muy importante del HTML 5. Microsoft ha sido un tanto desdeñosa de WebGL (posiblemente, ya que se define en términos de OpenGL en lugar de su propia API DirectX) y existe incertidumbre acerca de si esta vez lo hará en Internet Explorador . Si hubiera menos incertidumbre está pondría estar alprincipio de la lista, ya que trae a la Web las puertas de los dominios de aplicación (incluyendo juegos en 3D).

11. Todo el resto

La última visión de muchos de los que están impulsando la plataforma Web es hacer de la plataforma Web más potente, capaz y completas como aplicaciones nativas. Los primeros 10 elementos, cada uno abre la plataforma Web de grandes dominios de aplicación nueva que históricamente sólo ha sido posible con las aplicaciones nativas. Pero dejan muchos vacíos que deben ser llenados antes de llegar a un futuro donde la pregunta hecha por los desarrolladores ya no es “¿Puedo construir esto como una aplicación web?” sino “¿quiero construir esto como una aplicación web?”

Hay numerosas propuestas que se están trabajando para subsanar las deficiencias en la funcionalidad de aplicaciones web. Éstas son sólo algunas de las propuestas / API que están tratando de llenar los vacíos:

  • WebRTC/Stream API: Video conferencia Peer-to-peer.
  • Geolocation: En que parte del mundo esto?
  • Orientation: Que dirección?
  • Crypto: Encrypt/decrypt  Javascript
  • WebCL: The Web version of OpenCL. Quien no quiere usar la GPU directamente desde JS?
  • WebNotifications: Dime lo que está sucediendo, pero amablemente.
  • Web Intents
  • Page Visibility: Imagínese la cantidad de energía que se ahorrará en el mundo si las animaciones y películas dejan de representación cuando no están mirando.
  • requestAnimationFrame: que setTimeout obtiene 100 FPS ó 2 FPS (a menudo en el mismo segundo).Ahora podrá obtener un consistente 30 FPS.
  • Microdata: análisis integrados inequívoca de datos legibles por máquina.

¿Qué pasa con las etiquetas <video> y <audio>?

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]Las etiquetas <video> y <audio> siguen siendo en realidad una forma mejor de hacer[/typography]

[typography font=”Tulpen One” size=”38″ size_format=”px” color=”#0085fa”]lo que ya se ha hecho[/typography]

Las etiquetas <video> y <audio> son probablemente las características de HTML 5 que han causado el mayor entusiasmo (y la angustia) en la web en relación con HTML 5. De hecho, algunos de ustedes se sorprendieron de no tenerlos en la lista y de que no sean # 1 y # 2. Estos dos elementos forman parte del W3C HTML5 y siguen siendo en realidad una forma mejor de hacer lo que ya se ha hecho. Las etiquetas <video> y <audio> no amplian significativamente el alcance de lo que las aplicaciones web son capaces, por las que no están en la lista. Otro problema con estas etiquetas es que la lista de los formatos de los medios de comunicación no es coherente en todos los navegadores. Hasta que esto se resuelva, su aprobación se vea obstaculizada.

Si tienes alguna corrección a esta traducción, no dude en dejarnos la aclaración en los comentarios, gracias.

Ahora toca hacer tu parte, agregame al tus círculos +AbelRL

Publicado por:

Lo último en el sitio

 

Nombre

Atención: Antes de aportar al artículo con sus comentarios, le pedimos encarecidamente que evite generar spam, discusiones agraviantes o mensajes de contenido violento y racista. Todo usuario que no acate a este llamado, será suspendido en la brevedad.

 

2 Comentarios en “Introducción a HTML 5: Las partes mas importantes de HTML 5”

  1. Joel Martin dice:

    I am okay with your site hosting a translation of my post at http://blog.n01se.net/?p=375 (although asking permission first would have been preferable) but you must link to the original at the top of your page and make it clear that this is a translation and not your original content. And you need to do the same on the first page as well: http://menteprincipiante.com/2011/08/introduccion

    If you are unwilling to top link and make clear that this is a translation of my content then you must remove the content from your site.

 
 

Sitios recomendados

 
  Articulos populares
 
+ Angry Birds RIO para PC Windows | PC Game completo (156)
+ Windows 7 Loader / Activador de Windows 7 (Actualizado Octubre 2011) (81)
+ Invitaciones a Google +, te enviamos una (74)
+ Angry Birds Seasons 2011 - 2012 (Descarga gratuita) (68)
+ Windows 7 Loader, Activador de Windows 7 (Actualizado Febrero 2011) (63)
+ Activar Facebook Timeline | Biografía Facebook (54)
+ Angry Birds v1.6.3 para PC (28)
+ Angry Birds v2.0.0 para PC (Enero 2012) (28)
+ Como Instalar Debian 6 "Squeeze", paso a paso [Guía Fácil] (25)
+ Instalar y configurar phpMyAdmin 3 en Windows 7 / paso a paso (24)
 
 
  Tags del sitio
 
Angry Birds Aplicaciones Aplicaciones Linux Apple Como Hacerlo Consejos Desarrollo Web Descargas Diarios Diseño El País Entretenimiento España Facebook Firefox Fotos Gadgets Google Google Chrome Google Plus Infografia Internet iPhone Juegos Linux Navegadores Negocios Negocios y Marketing Noticias de Tecnologia Paso a Paso Periódicos Redes Sociales Revistas Seguridad Social Media Social Media Marketing Tecnología Telefono Celular Tips Twitter Ubuntu 11 Video Windows Windows 7 WordPress
 
 
  Comentarios recientes
 

Maryza:  cabal
amnada:  no sirve
Juan José:  ey amigo.!!! tengo
Eduardo:  ADVERTENCIA Estas
chuck:  amigo lo que quier
shantal:  no me guta + +
Coder Architect:  viejo, este juego
dameseano prieto:  solo quiero la cla
Horacio:  Debes hacer una pa
Carlos:  Ustedes se quejan?