1. Nuevas capacidades de Javascript
1.1. capacidades de Javascript
1.1.1. Javascript, el lenguaje favorito del desarrollador de frontend y experiencias de usuario en la web, ha recibido muchas habilidades nuevas. Esta es una lista de las más importantes.
1.1.1.1. Web Storage
1.1.1.2. Web SQL
1.1.1.2.1. ¿ Es una base de datos tipo SQLite controlable con sólo Javascript. Pero Internet Explorer 9 declaró que no implementará Web SQL1 y la realidad es que Web Storage es más que suficiente para la mayoría de usos. Así que nada, esto por ahora no sirve.
1.1.1.3. Web Workers
1.1.1.4. Web Sockets
2. ¿Por qué es importante HTML5?
2.1. En la Web 2.0. No se inventó nada nuevo y cuando Tim O’reilly acuñó el término identificó un cambio en el mercado, otro tipo de internet que se adapta al cambio
2.2. no fue sólo un cambio de dígitos y el marketing no fue suficiente para que se llenaran la boca de Web 3.0 o Web semántica. Allí no se identificaba nada y la fórmula no funcionó del todo.
3. Introducción
3.1. es la actualización de HTML, el lenguaje en el que es creada la web.
3.1.1. es un termino de marketing para agrupar las nuevas tecnologías de desarrollo de aplicaciones web: HTML5, CSS3 y nuevas capacidades de Javascript
3.2. Flash en especial ha sido usado en reemplazo de HTML para desarrollar web apps que superaran las habilidades de un navegador
3.2.1. : Audio, video, webcams, micrófonos, datos binarios, animaciones vectoriales, componentes de interfaz complejos, entre muchas otras cosas
4. Nuevas etiquetas de HTML5
4.1. <!DOCTYPE html>
4.1.1. (cuyas reglas siguen siendo usadas) te permite usar todas las habilidades de HTML5 sin que nada de lo que ya tienes programado deje de funcionar.
4.1.1.1. como un <div> o un <span>. Pero cada una tiene un significado semántico superior a un simple div o span.
4.1.2. <header> Hacer cosas como <div id=”header”> es un poco estúpido cuando el 99% de los proyectos web tienen una cabecera. <header> está diseñada para reemplazar la necesidad de crear divs sin significado semántico.
4.1.3. <hgroup>
4.1.3.1. Muchos headers necesitan múltiples títulos, como un blog que tiene un titulo y un tagline explicando el blog. <hgroup> permite colocar un h1, h2 y h3 dentro del header sin afectar el SEO, permitiendo usar otro h1 en el sitio. En el HTML actual, sólo puedes usar h1 una vez por sitio o el h1 pierde prioridad de SEO
4.1.4. <hgroup>
4.1.4.1. Muchos headers necesitan múltiples títulos, como un blog que tiene un titulo y un tagline explicando el
4.1.4.1.1. blog. <hgroup> permite colocar un h1, h2 y h3 dentro del header sin afectar el SEO, permitiendo usar
4.1.4.1.2. otro h1 en el sitio.
4.1.4.1.3. En el HTML actual, sólo puedes usar h1 una vez por sitio o el h1 pierde prioridad de SEO
4.1.4.1.4. <nav> Igual que <header>, <nav> está diseñado para que ahí coloques la botonera de navegación principal. Puedes colocar cualquier etiqueta dentro, aunque lo recomendado es usar listas <ul>.
4.1.5. <nav>
4.1.5.1. Igual que <header>, <nav> está diseñado para que ahí coloques la botonera de navegación principal. Puedes colocar cualquier etiqueta dentro, aunque lo recomendado es usar listas <ul>.
4.1.6. <section>|
4.1.6.1. Define un área de contenido única dentro del sitio. En un blog, sería la zona donde están todos los posts. En un video de youtube, habría un section para el video, uno para los datos del video, otro para la zona de comentarios.
4.1.7. <article>
4.1.7.1. Define zonas únicas de contenido independiente. En el home de un blog, cada post sería un article. En un post del blog, el post y cada uno de sus comentarios sería un <article>.
4.1.8. <aside>
4.1.8.1. Cualquier contenido que no esté relacionado con el objetivo primario de la página va en un aside
4.2. Las etiquetas nuevas importantes de HTML57
4.2.1. <video>
4.2.1.1. <audio>
4.2.1.1.1. <input *>