Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo de facilitaremos un enlace para verlo en diferido
logoImagina
iconoCurso

Curso completo 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
Formación en Responsive Frameworks bonificable para empresas

¿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 1

Introducció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 2

Imágenes en Diseño Adaptativo

  • Introducción
  • Adaptive Images
  • Picturefill
  • Imágenes Adaptativas en los CMS
  • Vídeos Adaptativos
tema 3

Texto 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 4

Có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 5

Frameworks

  • Introducción
  • Diferencias entre Frameworks y Grids
  • ¿Por qué usar frameworks para diseño RWD?
  • ¿Cómo escoger un Framework?
tema 6

Bootstrap

  • 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 7

Bootstrap 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 8

Bootstrap 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 9

Materialize

  • 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 10

Foundation

  • 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 11

Otros Frameworks interesantes

  • Introducción
  • Base
  • Bulma
  • UIkit
  • Skeleton
  • Vuetify

Curso de Responsive Frameworks bonificado 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