Curso de Bootstrap 5: Desarrollo Web Responsive
100% Online
6 meses
260€
Matricularme
Curso de Bootstrap 5: Desarrollo Web Responsive
    Curso de Bootstrap 5: Desarrollo Web Responsive

    Curso de Bootstrap 5: Desarrollo Web Responsive

    100% Online
    8 ECTS
    6 meses
    260€
    Matricularme
    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.
    Qs World University Rankings

    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

    1. Introducción CSS
    2. Soporte de CSS en navegadores
    3. Especificación oficial
    4. Funcionamiento básico de CSS
    5. ¿Cómo incluir CSS en la Web?
    6. Estilo básico
    7. Medios CSS
    8. Comentarios
    9. Sintaxis de la definición

    UNIDAD DIDÁCTICA 2. CSS: SELECTORES, UNIDADES DE MEDIDA Y COLORES

    1. Selectores CSS
    2. Unidades de medida
    3. Colores

    UNIDAD DIDÁCTICA 3. CSS: PSEUDOCLASES Y PSEUDOELEMENTOS CSS

    1. Pseudoclases
    2. Pseudo-elementos
    3. Otras pseudoclases y pseudoelementos

    UNIDAD DIDÁCTICA 4. CSS: MODELOS DE CAJA, POSICIONAMIENTO Y VISUALIZACIÓN

    1. Modelo de cajas
    2. Propiedades de las cajas
    3. Margen, relleno, bordes y modelo de cajas
    4. Posicionamiento y visualización
    5. Posicionamiento
    6. Visualización

    UNIDAD DIDÁCTICA 5. CSS: FLEXBOX

    1. En qué cosiste
    2. Visualización: Display
    3. Contenedores flexibles: flex e inline-flex
    4. Orientación: flex-box, flex-direction y flex-wrap
    5. La propiedad order
    6. Alineación de los elementos flexibles
    7. Soporte de los navegadores

    UNIDAD DIDÁCTICA 6. CSS: HOJAS DE ESTILOS

    1. Crear y vincular hojas de estilos
    2. Estructura
    3. Propiedades CSS
    4. Selectores
    5. Posición y tamaño
    6. Texto
    7. Imágenes
    8. Listas, tablas, formularios

    UNIDAD DIDÁCTICA 7. RESPONSIVE DESIGN

    1. Introducción
    2. Definición de Diseño Web Responsive
    3. ¿En qué consiste el diseño responsive?
    4. Ventajas del diseño responsive
    5. SEO y diseño responsive

    UNIDAD DIDÁCTICA 8. INTRODUCCIÓN A BOOTSTRAP 5

    1. Introducción a Bootstrap 5
    2. Diferencias entre Bootstrap 4 y Bootstrap 5
    3. Generalidades de Bootstrap 5
    4. Descarga e instalación de Bootstrap 5

    UNIDAD DIDÁCTICA 9. CARACTERÍSTICAS Y USO DEL LAYOUT

    1. Uso de container y Media Queries (Responsive breakpoints)
    2. Utilidades dentro de nuestro layout: flexbox, margin, padding and visibility
    3. Estructura básica del Grid
    4. Posibilidades de personalización del Grid

    UNIDAD DIDÁCTICA 10. CREACIÓN DE ELEMENTOS HTML CON BOOTSTRAP 5

    1. Tablas
    2. Jumbotron
    3. Alertas
    4. Barras de progreso
    5. Paginación
    6. Listas de grupos
    7. Desplegables
    8. Barras de navegación
    9. Formularios
    10. Carruseles
    11. Modales

    UNIDAD DIDÁCTICA 11. PERSONALIZACIÓN DE ELEMENTOS CON BOOTSTRAP 5

    1. Tipografía
    2. Colores
    3. Imágenes
    4. Botones
    5. Formularios personalizados

    UNIDAD DIDÁCTICA 12. UTILIDADES AVANZADAS DE PERSONALIZACIÓN

    1. Bordes: color, posición y radio
    2. Uso de Clearfix
    3. Colores de fondo con grado de intensidad
    4. Uso del atributo Display
    5. Uso del sistema Flex
    6. Fijación de elementos mediante posiciones
    7. Modificaciones avanzadas del texto
    8. Ejemplos combinados del uso de Bootstrap en nuestra página
    Titulación
    Titulación Universitaria:
    Diploma Universidad Católica de Murcia
    Solicitar información