HTML 5
JAVASCRIPT Y HTML
JavaScript y su importancia en la web
Sintaxis
Selectores
Eventos
Apis
Librerías externos
AUDIO Y VÍDEO
Vídeo en HTML
Programación de reproductor
Formato
Atributos
AUDIO EN HTML
Progamando
Atributos
Topic principal
FORMULARIOS Y SU API
Formularios web
Elementos
Tipos de datos
Atributos
Nuevos elementos de formulario
API CANVAS
El lienzo
Dibujos básicos
Imágenes en el lienzo
Animaciones el lienzo
Vídeo en el lienzo
API DRAG AND DROP (ARRASTRAR Y SOLTAR)
Eventos nuevos
Métodos
Propiedades
GEOLOCALIZACIÓN
Métodos para dectectar localización de vista
Trabajo con google maps
Métodos y objetos
ALMACENAMIENTO WEB (WEB STORAGE)
Crear, leer y eliminar datos
Tipos de almacenamientos
Métodos
Propiedades
API BASE DE DATOS (INDEXEDDB)
BBDD, índices y transacciones
Abrir BBDD, agregar y eliminar objetos
Búsquedas de datos
API MANEJO DE ARCHIVOS
Sistemas de archivos
Propiedades de archivos
El disco
Creación de archivos
Eliminación de archivos
Copiar, cortar y pegar
API COMUNICACIÓN (API COMMUNICATION)
Ajax
Cross document
Web sockets
API WEB WORKER
Los trabajadores web
Detección de errores
API HISTORY (HISTORIA)
Nuevos métodos de navegación
Url erróneas o falsas
EJEMPLOS
<nav>
<li><a href="/javascript/">JavaScript</a></li>
CSS Y HTML
Tipos de estilos y estructura
Componentes principales
Tipos de selectores
Aplicar CSS a documentos HTML
CSS3
Las nuevas reglas
Transformaciones
Subtopic
Transiciones
ESTRUCTURA DE DOCUMENTO HTML
Etiquetas básicas de estructuras
Estructura de cabecera
Estructura del cuerpo
Dentro del cuerpo
COMPONENTES BÁSICOS DE DOCUMENTO TECNOLOGÍA
Head
Meta
Tittle
Header
Nav
Section
Article
Aside
Footer
QUE ES
HTML5 nos ha traído varias mejoras en lo que respecta al lenguaje HTML. Una de ellas es lo que llamamos la semántica del código.
¿QUE ES?
HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML
Tecnología mas amplia
Nueva versión HTML
Subtopic
Topic principal
CARACTERÍSTICAS
SEMÁNTICAS
Contenidos HTML 5
Formularios HTML 5
Nuevos elementos
CONECTIVIDAD
Web Sockests
Eventos de Servidor
WebRTC
SIN CONEXIÓN Y ALMACENAMIENTOS
Eventos con sin conexión
Almacenamiento dom
IndexedDB
Multimedia
Audio y vídeo
WebRTC
Api de la cámara
GRÁFICOS CON CANVAS
Contenedor con canvas
WebGL
SVG
ACESSO AL DISPOSITIVOS
Api de cámara
Eventos táctiles
Geolacalización
Detección de orientación
ESTILOS CSS3
Nuevos diseños de fondo
Mejores bordes
Animaciones
Topic principal
EDITORES HTML
Jedit
Notepad ++
Dreamwearver
DIRECTIVAS O TAGS
HTML utiliza comandos sencillos denominados etiquetas o directivas para definir diferentes partes de las páginas
<directivas>
</directivas>
VERSIONES HTML
HTML
1991
HTML +
1993
HTML 2.0
1995
HTML 3.2
1997
HTML 4.01
1999
HTML 1.0
2000
HTML 5
2012
XHTML 5
2013
TIPOS DE DOCUMENTO HTML
Declación
<!DOCTYPE>
Declaciones comunes
<!DOCTYPE html>
HTML 4.01
<!DOTYPE HTML PUBLIC"- w3c//DTD HTML 401 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">;
XHTML 1.0
<!DOCTYPE html PUBLIC//-w3c//DTD XHTML 1.O Transitional//EN"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;
ESTRUCTURAS BÁSICA DE UN DOCUMENTO HTML
Una vez que escriba su código,guarde susdocumentos con la extensión
EJEMPLOS
<head>
<title>Tienda de Mascotas</title>
API OFFLINE
Trabajo con la caché
Catergorías
Comentarios