Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo te facilitaremos un enlace para verlo en diferido
logoImagina
Catálogo 2024-25
Cursos¡Últimas plazas!ServiciosFUNDAETutorialesPlataforma LMS
Solicitar información
Formación
Modalidades
Próximas Convocatorias
Temario
FAQ
Solicitar información
Cursos de Desarrollo/Cursos de Desarrollo Web/Curso Responsive Frameworks
iconoCurso

Curso de Responsive Frameworks

DISPONIBLE EN MODALIDAD:
aMedidaIcon
Aula Virtual Personalizada
arrowRightDark

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 nuestro curso de Responsive Frameworks

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 de nuestro curso de Responsive Frameworks

  • 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 en nuestro curso de Responsive Frameworks

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 de nuestro curso de Responsive Frameworks

  • 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 de Responsive Frameworks

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
iconArrowDown
tema 2

Imágenes en Diseño Adaptativo

  • Introducción
  • Adaptive Images
  • Picturefill
  • Imágenes Adaptativas en los CMS
  • Vídeos Adaptativos
iconArrowDown
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
iconArrowDown
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
iconArrowDown
tema 5

Frameworks

  • Introducción
  • Diferencias entre Frameworks y Grids
  • ¿Por qué usar frameworks para diseño RWD?
  • ¿Cómo escoger un Framework?
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
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
iconArrowDown
tema 11

Otros Frameworks interesantes

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

Preguntas Frecuentes de Responsive Frameworks

Beneficios del curso Responsive Frameworks

accordionIcon
El curso ofrece múltiples beneficios como dominar las herramientas y técnicas necesarias para construir sitios web adaptables y eficientes. Además, permite a los asistentes mantenerse actualizados con las tendencias y tecnologías más recientes en diseño y desarrollo web.

¿Es el curso Responsive Frameworks 100% bonificable por FUNDAE?

accordionIcon
Sí, el curso es 100% bonificable a través de la Fundación Estatal para la Formación en el Empleo (FUNDAE), siempre y cuando se cumplan los requisitos establecidos por la fundación.

¿Cómo se imparten las clases del curso Responsive Frameworks?

accordionIcon
Las clases se imparten de manera presencial o virtual, con una metodología práctica y dinámica que incluye ejemplos en tiempo real, ejercicios prácticos y soporte continuo del instructor para resolver cualquier duda.

¿Qué habilidades desarrollarán los participantes en el curso Responsive Frameworks?

accordionIcon
Los participantes desarrollarán habilidades en diseño y desarrollo web responsive, uso de frameworks como Bootstrap y Foundation, optimización de sitios web para diferentes dispositivos y resolución de problemas de compatibilidad y rendimiento.

¿Cómo me inscribo en el curso Responsive Frameworks?

accordionIcon
Para inscribirte en el curso, puedes completar el formulario de inscripción en el sitio web, contactar al equipo de ventas o soporte para asistencia personalizada, o enviar un correo con tus datos y requerimientos.