260€
Seguridad y confianza en tus pagos online.Presentación
El desarrollo web es uno de los campos más solicitados en la actualidad debido al auge de la digitalización en la sociedad. La creciente demanda de sitios web y aplicaciones móviles ha generado la necesidad de contar con profesionales capacitados en el uso de herramientas y tecnologías para el desarrollo de sitios web responsive y escalables.
Este Curso de Bootstrap 5: Desarrollo Web Responsive ofrece una formación completa y práctica en el uso de esta herramienta para desarrollar sitios web responsive de manera rápida y sencilla, sin la necesidad de tener conocimientos avanzados de diseño o programación.
Contarás con un equipo de profesionales especializados en la materia. Además, gracias a las prácticas garantizadas, podrás acceder a un mercado laboral en plena expansión.
Universidades colaboradoras
Para qué te prepara
Este Curso de Bootstrap 5: Desarrollo Web Responsive te prepara para diseñar y desarrollar sitios web responsive y personalizados utilizando Bootstrap 5 y CSS. Aprenderás a crear y vincular hojas de estilos, utilizar selectores, modelos de caja, posicionamiento y a aplicar utilidades avanzadas de personalización. Además, adquirirás habilidades en el uso de layout y elementos HTML en Bootstrap 5 y la creación de diseños responsive con flexbox.
Objetivos
- Aprender a crear y vincular hojas de estilos CSS en un sitio web.
- Conocer los selectores CSS y sus diferentes usos.
- Comprender los modelos de caja, posicionamiento y visualización en CSS.
- Dominar el uso de flexbox en CSS para crear diseños responsive.
- Asimilar las características y uso de layout y elementos HTML en Bootstrap 5.
- Saber cómo personalizar elementos HTML con tipografía, colores, imágenes y botones.
- Aplicar utilidades avanzadas de personalización como el sistema Flex y la fijación de elementos mediante posiciones.
A quién va dirigido
Este Curso de Bootstrap 5: Desarrollo Web Responsive está dirigido a diseñadores y desarrolladores web que deseen ampliar sus conocimientos en el desarrollo de sitios web responsive, y también a aquellas personas que deseen iniciarse en el mundo del desarrollo web y quieran adquirir las habilidades necesarias para crear sitios web de alta calidad.
Salidas Profesionales
El Curso de Bootstrap 5: Desarrollo Web Responsive prepara para trabajar como diseñadores y desarrolladores web en empresas de tecnología, agencias de publicidad y marketing o instituciones educativas. Algunos de los puestos de trabajo a los que se puede optar son: diseñador web, desarrollador web, programador front-end, desarrollador de apps móviles, consultor web, entre otros.
Temario
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A CSS
- Introducción CSS
- Soporte de CSS en navegadores
- Especificación oficial
- Funcionamiento básico de CSS
- ¿Cómo incluir CSS en la Web?
- Estilo básico
- Medios CSS
- Comentarios
- Sintaxis de la definición
UNIDAD DIDÁCTICA 2. CSS: SELECTORES, UNIDADES DE MEDIDA Y COLORES
- Selectores CSS
- Unidades de medida
- Colores
UNIDAD DIDÁCTICA 3. CSS: PSEUDOCLASES Y PSEUDOELEMENTOS CSS
- Pseudoclases
- Pseudo-elementos
- Otras pseudoclases y pseudoelementos
UNIDAD DIDÁCTICA 4. CSS: MODELOS DE CAJA, POSICIONAMIENTO Y VISUALIZACIÓN
- Modelo de cajas
- Propiedades de las cajas
- Margen, relleno, bordes y modelo de cajas
- Posicionamiento y visualización
- Posicionamiento
- Visualización
UNIDAD DIDÁCTICA 5. CSS: FLEXBOX
- En qué cosiste
- Visualización: Display
- Contenedores flexibles: flex e inline-flex
- Orientación: flex-box, flex-direction y flex-wrap
- La propiedad order
- Alineación de los elementos flexibles
- Soporte de los navegadores
UNIDAD DIDÁCTICA 6. CSS: HOJAS DE ESTILOS
- Crear y vincular hojas de estilos
- Estructura
- Propiedades CSS
- Selectores
- Posición y tamaño
- Texto
- Imágenes
- Listas, tablas, formularios
UNIDAD DIDÁCTICA 7. RESPONSIVE DESIGN
- Introducción
- Definición de Diseño Web Responsive
- ¿En qué consiste el diseño responsive?
- Ventajas del diseño responsive
- SEO y diseño responsive
UNIDAD DIDÁCTICA 8. INTRODUCCIÓN A BOOTSTRAP 5
- Introducción a Bootstrap 5
- Diferencias entre Bootstrap 4 y Bootstrap 5
- Generalidades de Bootstrap 5
- Descarga e instalación de Bootstrap 5
UNIDAD DIDÁCTICA 9. CARACTERÍSTICAS Y USO DEL LAYOUT
- Uso de container y Media Queries (Responsive breakpoints)
- Utilidades dentro de nuestro layout: flexbox, margin, padding and visibility
- Estructura básica del Grid
- Posibilidades de personalización del Grid
UNIDAD DIDÁCTICA 10. CREACIÓN DE ELEMENTOS HTML CON BOOTSTRAP 5
- Tablas
- Jumbotron
- Alertas
- Barras de progreso
- Paginación
- Listas de grupos
- Desplegables
- Barras de navegación
- Formularios
- Carruseles
- Modales
UNIDAD DIDÁCTICA 11. PERSONALIZACIÓN DE ELEMENTOS CON BOOTSTRAP 5
- Tipografía
- Colores
- Imágenes
- Botones
- Formularios personalizados
UNIDAD DIDÁCTICA 12. UTILIDADES AVANZADAS DE PERSONALIZACIÓN
- Bordes: color, posición y radio
- Uso de Clearfix
- Colores de fondo con grado de intensidad
- Uso del atributo Display
- Uso del sistema Flex
- Fijación de elementos mediante posiciones
- Modificaciones avanzadas del texto
- Ejemplos combinados del uso de Bootstrap en nuestra página
Titulación
Titulación Universitaria:
Claustro
Solicitar información