Envíanos tu consulta
Términos y condiciones *
logoImagina
iconoCurso

Curso de Responsive Frameworks

DISPONIBLE EN MODALIDAD:

El diseño web adaptativo (RWD) basa su filosofía en la adaptación de la apariencia de las páginas web al dispositivo (PC, móvil, tablet…) que se esté utilizando para visualizarla.

iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Aprende Responsive Frameworks: Curso completo
¿A quién va dirigido?
A todos los diseñadores web que quieran mejorar la calidad y la usabilidad de sus páginas web haciéndolas responsive para que se adapten a todos los dispositivos.
Objetivos
  • Con este curso, el alumno será capaz de entender y desarrollar completos sitios web basados en el Diseño Adaptativo. Se pondrá en conocimiento del alumno, de la misma forma, los frameworks más destacados para el diseño web adaptativo.
¿Qué vas a aprender?

El diseño web adaptativo (RWD) basa su filosofía en la adaptación de la apariencia de las páginas web al dispositivo (PC, móvil, tablet…) que se esté utilizando para visualizarla.

Requisitos
  • Aunque los conceptos sobre Diseño Web Adaptativo y los diferentes frameworks serán desde un nivel básico, se recomienda tener ciertos conocimientos en desarrollo de sitios web con HTML, CSS y JavaScript.
Temario del curso
tema 1Introducción
  • ¿Qué es y qué no es Responsive Web Design?
  • Pasado y Futuro del diseño web
  • Ejemplos de Responsive Web Design
  • Mobile First
  • Diseño Gráfico vs Diseño Web
  • Reglas de Estilos Multidispositivo
  • Ventajas del Responsive Web Design
  • Perfiles Profesionales involucrados en realizar RWD
  • Breakpoints más comunes en RWD
  • Uso de Menús en RWD
  • Resumen: Mejores Prácticas para RWD
tema 2Imágenes en Diseño Adaptativo
  • Introducción
  • Adaptive Images
  • Picturefill
  • Imágenes Adaptativas en los CMS
  • Vídeos Adaptativos
tema 3Texto en Diseño Adaptativo
  • Introducción
  • Unidades de Medida
  • FitText
  • TypeKit
  • Font Face Generators
  • Google Fonts
  • El obsoleto Cufon
  • Tablas en Diseño Adaptativo
tema 4Cómo construir un sitio web con RWD
  • Introducción
  • Aspectos a tener en cuenta
  • Viewport
  • Densidad de Pantalla
  • Diseños Líquidos
  • Ritmo Vertical
  • Media Queries
tema 5Frameworks
  • Introducción
  • Diferencias entre Frameworks y Grids
  • ¿Por qué usar frameworks para diseño RWD?
  • ¿Cómo escoger un Framework?
tema 6Bootstrap
  • Introducción
  • Características de Bootstrap
  • Los temas en Bootstrap
  • Paso a paso para empezar con Bootstrap
  • Ejemplos oficiales de Bootstrap
  • Compañías que usan Bootstrap
tema 7Bootstrap CSS
  • Introducción
  • El container
  • Responsive Breakpoints
  • Z-Index
  • La cuadrícula de Bootstrap
  • La tipografía
  • Código
  • Tablas
  • Imágenes
  • Figuras
  • Utilidades de Bootstrap
tema 8Bootstrap Components
  • Introducción
  • Alerts
  • Etiquetas
  • Navs
  • Navbars
  • Breadcrumbs
  • Botones y grupos de botones
  • Desplegables
  • Cards
  • Collapse
  • Input Groups
  • Formularios
  • List Groups
  • Ventanas Modales, Popovers y Tooltips
  • Scrollspy
  • Paginación
  • Barras de progreso
  • Jumbotron
tema 9Materialize
  • Introducción
  • Material Design
  • Materialize
  • Principios de Materialize
  • Los temas en Materialize
  • CSS Materialize
  • Javascript
  • Componentes
  • Formularios
  • Casos de éxito
  • Mobile
  • Instalación/Descarga de Materialize
  • Templates
tema 10Foundation
  • Introducción
  • Características
  • Foro oficial
  • Notable Code
  • Los temas en Foundation
  • Foundation Blocks
  • Foundation Icons
  • Tablas Responsive en Foundation
  • Componentes
  • Foundation Grid
  • Empresas que usan Foundation
  • Zurb Playground
  • Instalación/Descarga de Foundation
  • Bootstrap vs Foundation
tema 11Otros Frameworks interesantes
  • Introducción
  • Base
  • Bulma
  • UIkit
  • Skeleton
  • Vuetify

Formación Bonificada para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

 

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE
imagenFundae
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient