Udemy: Domina HTML5 y CSS3 en 8 días

• Recursos para el curso profesional de HTML5 y CSS3 00:04
• Instalación de navegadores 06:57
• Instalación del editor de código 21:41
• Configurar la auto actualización del navegador 03:37
• Empezando con HTML5 (No historia) 29:22
• Introducción al Diseño Web con HTML5 3 preguntas

Creando y codificando contenido en HTML5

• Agregando SALTOS DE LÍNEA 12:17
• Usando em y strong 10:57
• Definiendo Títulos h1-h6 14:45
• Insertando comentarios 08:57
• Creando listas numeradas 08:11
• Creando lista con viñetas 03:57
• Insertando caracteres especiales 10:41
• Definiendo abreviaturas con “abbr” 05:42
• Definiendo fecha y hora con “TIME” 18:27
• Legalizándonos con “small” 17:27
• Utilizando la etiqueta “figure” y “figcaption” 08:17
• Citando títulos con “cite” 09:11
• Citando contenido con “q” y “blockquote” 24:00
• La etiqueta invisible “span” 06:33
• Graficando medidas usando “meter” 19:17
• Mostrando progresos con “progress” 08:37
• Creando y codificando contenido en HTML5 3 preguntas

Insertando Imágenes y enlaces con HTML5

• Organizando archivos y carpetas 09:10
• Tipos de imágenes para la web 11:55
• ¿Cómo consigo imágenes? 10:30
• Insertando imágenes en nuestro sitio web 16:56
• Creando enlaces 09:24
• Crear un enlace a una página externa 04:43
• Enlazando a secciones de una misma página 14:36
• Recomendaciones finales 11:12
• Insertando Imágenes y enlaces con HTML5 3 preguntas

Creando formularios con HTML5

• Estructura de los formularios 14:47
• Creando Cajas de texto(text) 06:02
• Etiquetado semántico de campos 03:45
• Creando cajas de contraseña (password) y Botones radiales (radio) 09:09
• Creando checkbox (casilla de verificación) 09:20
• Creando los Botones de envío y de reseteo 02:07
• Creando campos para Email, URL, Teléfono y Búsquedas 19:42
• Creando campos numéricos(number) y de tipo rango(range) 07:55
• Creando cajas para fechas (date), hora (time) y color (color) 06:32
• Creando áreas de texto(textarea) (casilla de verificación) y cajas de selección 16:13
• Nuevos atributos en HTML5 07:30
• Creando formularios con HTML5 2 preguntas

Etiquetas Estructurales en HTML5

• Introducción a las etiquetas de estructurales 11:16
• Creando encabezados con “Header” 08:08
• Definiendo la navegación con “nav” 11:52
• Definiendo el área principal de un sitio con “main” 04:35
• Definiendo el contenido principal con “article” 10:29
• Definiendo Secciones con “section” 41:06
• Definiendo contenido secundarios con “Aside” 11:53
• Definiendo el pie de página con “footer” 05:25
• Creando contenedores genéricos con “div” 21:09
• Mejorando accesibilidad de nuestro sitio con ARIA 15:47
• Etiquetas Estructurales en HTML5 3 preguntas

Video y audio con HTML5 y CSS3

• Introducción al uso de elementos multimedia 12:08
• Agregando atributos a nuestro reproductor de video 05:54
• La batalla de los formatos y codec 12:29
• Insertando audio y hablando sobre formatos y codec 14:03
• Proporcionando múltiples archivos de audio 10:17
• Integrando Reproductores alternativos basados en HTML5 15:35
• Sitios especializados en alojar audio y videos usando en HTML5 06:41
• Video y audio con HTML5 y CSS3 3 preguntas

Pintando la web con CSS3

• Introducción a CSS3 07:45
• Construcción de una regla e incluyendo CSS3 en HTML5 27:08
• Relevancia de estilos en CSS3 10:38
• La Herencia en CSS3 14:36
• La Cascada en CSS3: Importancia y Especificidad 28:09
• La Cascada en CSS3: El Orden de las reglas 06:50
• Agregando comentarios en CSS3 05:47
• Tipos de Selectores en CSS3 y el Selector de etiqueta 04:40
• Selectores de clase 19:09
• Selectores de ID 06:02
• Selectores Combinador descendiente 15:33
• Selectores combinadores: hermano adyacentes y hermano general 12:34
• Selectores de atributos Tipo [Atributo] 17:04
• Selectores de atributos Tipo [Atributo=valor] 14:10
• Selectores de atributos tipo [Atributo*=valor] 07:53
• Selectores de atributos tipo [Atributo^=valor] y [Atributo$=valor] 18:55
• Selectores de atributos tipo [Atributo~=valor] 09:16
• Selectores de Pseudo-clases – Las Pseudo-clases :link y :visited 15:30
• Las Pseudo-clases :hover, :active y :focus 22:46
• Las Pseudo-clases: first-child, :last-child 15:01
• Las Pseudo-clases :only-child, :only-of-type, :nth-child y :nth-last-child 15:57
• Las Pseudo-clases :Empty y :not() 18:37
• Las Pseudo-clases UI (User Interface):enabled, :disabled y :checked 10:23
• Selectores de Pseudo Elementos – ::first-lines y ::first-letter 09:01
• Selectores de Pseudo Elementos – ::Before y ..After (PARTE 1) 20:38
• Selectores de Pseudo Elementos – ::Before y ..After (PARTE 2) 08:28

Estilizando texto con CSS3

• Definiendo una familia de fuentes(Tipo de letra) 14:40
• Fuentes personalizadas con @Font-face (parte 1) 27:36
• Fuentes personalizadas con @Font-face (parte 2) 19:57
• Insertando fuentes alojadas en Google Font 03:52
• Convirtiendo texto en Itálica y Negrita 03:26
• Definiendo el tamaño de la fuente( Unidades de Longitud Absolutas) 06:57
• Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) 18:40
• Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) II 14:34
• Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) III 08:30
• Definiendo el Interlineado con “line-height” 04:12
• Definiendo el color del texto: Usando Keyword,Hexadecimal, RGB y RGBA 19:17
• Definiendo el color del texto: Usando HSL Y HSLA 09:47
• Definiendo el fondo del contenido 21:24
• Usando background-clip, múltiples fondos y la propiedad Shorthand “background” 23:42
• Creando sombras para los textos 09:06
• Controlando el espaciado de texto 12:04

Creando diseños con CSS3

• El Modelo de caja y la propiedad “Padding” 19:25
• La propiedad “Border” y “Margin” 13:51
• Definiendo la anchura y altura de las cajas 07:56
• Definiendo un nuevo modelo de caja con “Box-sizing” 14:17
• Trabajando con Display:inline-block 14:01
• La propiedad Float y Clear 24:21
• Trabajando con Display:Table 11:03
• Ocultando elementos con Display:none 05:36
• Posicionamiento estático y Relativo 12:53
• Posicionamiento Absoluto 22:11
• Posicionamiento Fijo 03:53
• Taller práctico de posicionamiento (parte 1) 22:12
• Taller práctico de posicionamiento (parte 2) 11:54
• Creando diseños con CSS3 3 preguntas

Mejoras y efectos con CSS3

• Generando bordes redondeados con “Border-radius” 17:38
• Generando sombras con “Box-Shadow” 15:51
• Generando gradientes lineales 13:25
• Generando gradientes radiales 19:42

Creando nuestro proyecto Final

• Sectorizando nuestro diseño 18:41
• Creación de un proyecto en Sublime Text 01:01
• Codificando el encabezado del sitio 12:30
• Codificando el Slide de imágenes y acceso rápidos 23:27
• Codificando el contenido principal y Próximos eventos 10:28
• Codificando la zona de suscripción, pie de pagina y redes sociales 12:15
• Usando normalizer.css y vinculando nuestra hoja de estilos 02:52
• Estilizando el encabezado 15:28
• Estilizando el slide de imágenes 33:49
• Estilizando los zona de acceso rápido 13:44
• Estilizando el contenido principal 18:47
• Estilizando los Próximos eventos 08:16
• Estilizando la zona de suscripción, pie de pagina y redes sociales 23:31
• Agregando compatibilidad con navegadores obsoletos (Parte 1) 13:44
• Agregando compatibilidad con navegadores obsoletos (Parte 2) 15:38
• Subiendo nuestro sitio al Internet 09:44