HTML5 + CSS3 : Curso Definitivo / Español/ GOOGLE DRIVE

TAMAÑO DEL ARCHIVO: 1.5 GB DIVIDIDO EN 2 PARTES

Sistema de Video Tutoriales para aprender a diseñar páginas web usando el estándar html5 y css3.

INDICE DE LECCIONES
HTML5 

• 1. Introducción a html5

• 1-2.Entendiendo exactamente qué es html

• 1-3 Etiquetas descontinuadas en html5

• 1-4.Estructura básica de un documento html5

• 1-5. Nuevas etiquetas en html5

• 1-6.Etiquetas de estructura (documentos semánticos)

• 1-7.Fallbacks y respaldo para navegadores antiguos

• 2.Nuevos elementos para formularios

• 2-2.Evaluando el soporte de los nuevos campos

• 2-3.validación de datos – Respuestas personalizadas

• 3.Soporte nativo para audio y video.

• 3-2.Atributos y reglas

• 3-3.Fallback y contenido de respaldo.

• 4.Introducción al elemento canvas.

• 4-2.Dibujos sobre canvas.

• 4-3. Operaciones básicas en canvas.

• 4-4.Figuras básicas en canvas.

• 4-5.Estados de canvas.

• 4-6. Arcos y trazados en canvas.

• 4-7.Texto sobre canvas.

• 5-1. local Storage (ejemplo práctico)

• 5-2. Session Storage ( ejemplo práctico)

• Carpeta de Proyectos (Prácticas usadas durante las lecciones)

CSS3 

• 1. Introducción a css3

• 1-2.Vendor prefixes (prefijos de compatibilidad )

• 2.Selectores sibling child

• 2-2.Selectores por atributos

• 2-3.selectores nth child (número)

• 3.Formatos para aplicar color.

• 3-2.Control de opacidad

• 3-3.Degradados lineales

• 3-4.Degradados radiales

• 4.Uso de fuentes alternativas (Fonts)

• 4-2.Sintaxis para declarar fuentes tipográficas

• 4-3. Uso práctico y opciones online para fuentes

• 4-4. Sombras, brillos, y decoraciones de texto

• 4-5.Texto multicolumna.

• 5 El modelo FlexBox (alternativa a float)

• 5-2.Box-orient – El modelo FlexBox

• 5-3. Box-Flex – El modelo FlexBox

• 5-4.Box-order – El modelo FlexBox

• 5-5.Box-align – El modelo FlexBox

• 5-6.Box-sizing – El modelo FlexBox

• 6. Border Radius (esquinas redondas)

• 6-2.Border Image (Uso de imágenes en bordes)

• 6-3. Box Shadow (sombras y decoraciones a elementos)

• 6-4.Multiple backgrounds (fondos múltiples)

• 6-5.Propiedad background size (tamaños de imágene)

• 6-6.Background Clip (Posición de fondos)

• 7. Introducción a transformaciones y transiciones

• 7-2.propiedad transform-origin

• 7-3. Transiciones

• 7-4.Aceleración de las animaciones (fondos múltiples)

• 8. Media queries y Responsive Webdesign

• 8-2.Proyecto: adaptar web para tablets y smartphones

• 8-3. Implementación de media querys

• 8-4.Testeando el proyecto: Emuladores y medios

CLICK PARA DESCARGAR PARTE 1

CLICK PARA DESCARGAR PARTE 2

CONTRASEÑA:  *guillermoamaya* CON LOS ASTERISCOS Y EN MINÚSCULAS