Aulaideal: Curso Diseño Web Responsive [Para no Programadores]

Descripción

Aprender a crear sitios web capaces de adaptarse a cualquier dispositivo usando la técnica Responsive Web Design.

¿Las páginas web que realizas se muestran correctamente en móviles o tabletas?. Si tu respuesta es NO, entonces estas en graves problemas.

Pero tranquilo, hemos preparado un entrenamiento que te permitirá construir tus propios sitios web Responsive en cuestión de horas.

¿DE QUÉ SE TRATA EL CURSO
Te enseñaré la técnica llamada RESPONSIVE WEB DESIGN que nos permite construir sitios web accesibles y legibles en todo tipo de dispositivos, desde pequeños móviles hasta grandes pantallas.

Gracias a esta técnica tu sitio web responderá y se adaptará automáticamente al tamaño y la resolución de cada dispositivo. ¿No es genial?.

¿PORQUE MI SITIO WEB DEBE VERSE BIEN EN MÚLTIPLES DISPOSITIVOS?
Simple: “Podrás llegar a muchas más personas con un único sitio web”. Personas que suelen conectarse desde una Tablet o móvil, tendrán un mejor experiencia de navegación en sitio y estarán felices.

También y no menos importante: “Google así lo exige” y ama los sitios Responsive. Desde el 2015 Google anunció que el uso de la técnica Responsive web design es tomada como un factor de clasificación dentro de los resultados de búsqueda (SEO).

Un sitio web que no se muestra correctamente en un dispositivo móvil, corre el riesgo de deslizarse tristemente hasta las últimas posiciones en los buscadores, trayendo esto, consecuencias negativas en la visibilidad del sitio.

Recuerda: “La web móvil no es una moda, llegó para quedarse. Sólo nos queda adaptarnos.”

Especificaciones Técnicas

Aulaideal: Diseno Web Responsive con HTML5 Y CSS3

x264 | 1.72 GB | Spanish | Erick M. | Incl recursos | 2016 | Enviado por: Anónimo

Contenido

Módulo 1: Introducción al Responsive Web design

¿Qué es el Responsive Web Design?
¿Porqué tu Web debería ser Responsive?
Estudio de buenos sitios Responsive
Ingredientes del Responsive Web Design

Módulo 2: Entendiendo y Configurando el VIEWPORT

¿Que es el viewport?
La meta etiqueta Viewport
Configurando el Viewport
Implementado el Viewport
Conclusiones finales

Módulo 3: Entendiendo e Implementando las @Medias Queries

Estructura de las @Media Queries
Definiendo los tipos de medios
Entendiendo width, min-width y max-width
¿Donde definir los Medias Queries?

Módulo 4: Implementando Imágenes Responsive

Imágenes Responsive con Max-width
Diferentes soluciones para la carga condicional de imágenes
Entendiendo la Dirección de Arte (Art Direction)
Sirviendo imágenes condicionales con Responsive-Images.js
Sirviendo imágenes condicionales con PictureFill
Sirviendo imágenes

Módulo 5: Implementando fuentes Responsive

Principios de la Tipografia Responsive
Tipografia fluida con EMs
Escalando el texto con Medias Queries
Carga condicional de fuentes
Conclusiones finales

Módulo 6: Implementando Menús Responsive

¿Qué tipo de Menú Responsive debo usar?
Menú Responsive “Déjalo Fluir”
Menú Responsive “Déjalo Fluir + Jquery”
Menú Responsive “En el Pié de página”
Menú Responsive “Lista Desplegable”
Menú Responsive “Deslizante Lateral”
Menú Responsive “Desplegable”

Módulo 7: Creación de un Proyecto Web Responsive desde 0.

Descargando y personalizando HTML5 BoilerPlate
Escribiendo el HTML5 del encabezado y menú principal.
Escribiendo el HTML5 del Slide de imagen y bloque de Bienvenida.
Escribiendo el HTML5 del contenido principal y del pie de página.

Módulo 8: Optimización de Recursos

Carga condicional de imagenes con CSS3
Carga condicional de imagenes con JavaScript
Carga condicional de archivos basadas en el ViewPort
Comprimiendo nuestras hojas de estilo al máximo.
Conclusiones finales

Módulo 9: Dando soporte a navegadores antiguos

Implementando HTML5Shiv
CSS3Pie y aplicación de estilos CSS solo para IE
Carga de Polyfills para implementar capacidades para navegadores obsoletos
Conclusiones finales

Capturas

QJnw3.png
QJ84g.png
QJPrZ.png
QJL9w.png
QJEON.png

Trailer
Descargar

Consta De 3 link
Varios Servidores
Contiene 3% De Registro De Recuperación
[deluxead][/deluxead]


[sociallocker id=»8700″]
Servidores
ENLACES DE DESCARGA


[/sociallocker]

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.