Taller de Introducción

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Taller de Introducción"

Rafael Castro Benítez
hace 8 años
Vistas:

1 Taller de Introducción

2 Titulo del curso Taller de introducción a HTML 5 Resumen del curso La evolución de los estándar de la web, nos ha llevado al nuevo estándar del consorcio W3C, HTML 5, en caso de que no te encuentres familiarizado con el este es un buen momento, ya que ahora mismo es el futuro más inmediato en la web. Además supone un cambio significativo en la forma que tenemos todos de desarrollar para la web. Actualmente HTML 5, ha recibido un impulso muy importante de las principales compañías software con Apple y Google a la cabeza. Cada vez el soporte para las nuevas características se encuentra más extendido, tanto para navegadores tradicionales, como en sus respectivas versiones móviles. A lo largo de este taller trataremos de ir fijando una serie de conceptos básicos para que los alumnos puedan tener una base solida y a partir de ella emprender sus propios proyectos más complejos, de una forma satisfactoria. Veremos conceptos como acceder y mantener datos off-line, acceder a datos e información de geolocalización utilizando el GPS del móvil, integrar audio y video, crear animaciones básicas 2D o integrar elementos HTML5 con JavaScript y CSS3. 2

Actualmente HTML 5, ha recibido un impulso muy importante de las principales compañías software con Apple y Google a la cabeza.

3 A quién va dirigido este taller? Este taller de introducción está dirigido a programadores, analistas programadores, diseñadores y estudiantes de últimos cursos que deseen aprender los conceptos básicos y la potencialidad de HTML5. Requisitos Es recomendable experiencia previa en aplicaciones web (HTML, CSS, Javascript). No se requiere experiencia en programación del lado del servidor, PHP. Java o similares. Se recomienda el uso de un portátil propio para poder realizar los ejemplos en clase. Contenidos PREFACIO INTRODUCCIÓN EMPEZANDO POR EL PRINCIPIO QUE SE BUSCA EN LAS WEBS ACTUALES PRINCIPALES CARACTERÍSTICAS DE HTML 5 Y SU DETECCIÓN TÉCNICAS DE DETECCIÓN: CANVAS VIDEO ALMACENAMIENTO LOCAL WEB WORKERS APLICACIONES WEB OFFLINE GEOLOCALIZACIÓN NUEVOS IMPUT TYPES PLACEHOLDER TEXT MICROFORMATOS 3

Requisitos Es recomendable experiencia previa en aplicaciones web (HTML, CSS, Javascript). No se requiere experiencia en programación del lado del servidor, PHP. Java o similares.

4 NUEVAS ETIQUETAS DOCTYPE ELEMENTO RAÍZ O ROOT LA ETIQUETA <HEAD> DEFINIENDO RELACIONES ENTRE LINKS EN HTML 5 NUEVOS ELEMENTOS SEMÁNTICO EN HTML 5 CABECERAS <HEADER> ARTICULOS <ARTICLES> FECHAS Y HORAS NAVEGACION, <NAV> PIES, <FOOTER> FORMULARIOS PLACEHOLDER TEXT CAMPOS CON AUTOFOCUS DIRECCIONES DE DIRECCIONES WEB NUMEROS E SPINBOXES NUMEROS Y SLIDERS DATE PICKERS CAJAS DE BÚSQUEDA COLOR PICKERS ELEMENTOS MULTIMEDIA VIDEO AUDIO GEOLOCALIZACION NUEVAS PROPIEDADES EN CSS 3 PSEUDOELEMENTO EN CSS 3 SELECTORES DE ATRIBUTOS EN CSS3 QUE PROPIEDADES NUEVAS TENEMOS EN CSS 3? BORDES COLORES COLOR HSL COLOR RGB COLORES RGBA INCRUSTANDO FUENTES(WEB FONTS) CORTANDO TEXTO COLUMNAS EN CSS 3 4

SPINBOXES NUMEROS Y SLIDERS DATE PICKERS CAJAS DE BÚSQUEDA COLOR PICKERS ELEMENTOS MULTIMEDIA VIDEO AUDIO GEOLOCALIZACION NUEVAS PROPIEDADES EN CSS 3 PSEUDOELEMENTO EN CSS

5 OTRAS PROPIEDADES DE INTERFAZ INTERESANTES. DEGRADADOS LINEARES DEGRADADOS CIRCULARES ROTACIONES ESCALADO SKEW MEDIA QUERIES (RESPONSIVE DESIGN) QUÉ SON? WIDTH HEIGHT DEVICE-WIDTH DEVICE-HEIGHT ORIENTACION DEVICE-ASPECT-RATIO COLOR RESOLUCIÓN SCAN ANIMACIONES EN CSS 3, KEYFRAMES FUNCIONES DE TIEMPO NÚMERO DE REPETICIONES DIRECCIÓN DE LA ANIMACIÓN APLICAR UN RETRASO EN LA ANIMACIÓN LOCAL STORAGE DATA QUE ES REALMENTE STORAGE DATA? USANDO STORAGE DATA SIGUIENDO CAMBIOS EN LOS DATOS ALMACENADOS WEB STORAGE Y SQL 5

WIDTH HEIGHT DEVICE-WIDTH DEVICE-HEIGHT ORIENTACION DEVICE-ASPECT-RATIO COLOR RESOLUCIÓN SCAN ANIMACIONES EN CSS 3, KEYFRAMES

6 Duración El taller de introducción a HTML5 tiene una duración de 20 horas distribuidas en 5 días según el siguiente calendario. Día Horas Horario Viernes 1 de Marzo 4 16:00-20:00 Viernes 8 de Marzo 4 16:00-20:00 Viernes 15 de Marzo 4 16:00-20:00 Viernes 22 de Marzo 4 16:00-20:00 Viernes 5 de Abril 4 16:00-20:00 Precios Taller de Introducción a HTML 5: 150,00 Precio alumnos y personal de la USC: 45,00 Número de asistentes mínimo El número mínimo de asistentes es de 15. 6

Día Horas Horario Viernes 1 de Marzo 4 16:00-20:00 Viernes 8 de Marzo 4 16:00-20:00 Viernes 15 de Marzo 4 16:00-20:00

Documentos relacionados

Curso de HTML5 y CSS3

Curso de HTML5 y CSS3 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 1 1 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 2 2 HTML sin duda, definió