Curso Html5 y css3 Illuminati - Jonathan Pineda [2014]

[ubuntu2008]

 

 

 

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

 

 

INDICE DE LECCIONES

 

 

HTML5 ILLUMINATI

 

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 ILLUMINATI

 

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

 

 

 

 

 

 

 

 

Uploaded

 

http://uploaded.net/file/3dm3yfpx/Cu...nati.part1.rar

http://uploaded.net/file/rlznf5v4/Cu...nati.part2.rar

http://uploaded.net/file/pgyn024h/Cu...nati.part3.rar

http://uploaded.net/file/pdbh0bou/Cu...nati.part4.rar

http://uploaded.net/file/iy1vjmv4/Cu...nati.part5.rar

http://uploaded.net/file/8cv2og6y/Cu...nati.part6.rar

 

Uploadable

 

http://www.uploadable.ch/file/B3k58vpGe6rB

http://www.uploadable.ch/file/7nyFKu8nwTAd

http://www.uploadable.ch/file/Y9b77zagU9ZR

http://www.uploadable.ch/file/CsgJhPGX82nh

http://www.uploadable.ch/file/sfv5dpPgP7nV

http://www.uploadable.ch/file/t8bgqARBs3W4