Curso de Bootstrap en Barcelona en CEPI-BASE

Curso de Bootstrap
  • CEPI-BASE
  • Tipo : Cursos
  • Modalidad: Presencial en Barcelona
  • Duración: La duración del curso es de 30 horas.
  • Precio:
Solo preparan a alumnos de Barcelona
Servicio de alertas por email
Facilítanos tus datos de contacto y te informaremos de programas académicos similares a Curso de Bootstrap en tu email.
Fecha Nacimiento *
Educaedu Business, S.L. (Responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información requeridas y el envío de comunicaciones promocionales sobre formación, derivadas de tu consentimiento. Podrás ejercer tus derechos de acceso, supresión, rectificación, limitación, portabilidad y otros derechos, según lo indicado en nuestra P. de Privacidad
Activar Alerta

Sede principal del centro

  • Barcelona Sede principal

    C/ Balmes, 114 bajos

    Barcelona - 08008, Barcelona

Exalumnos de Tumaster.com

Dirigido a:

REQUISITOS: Son necesarios conocimientos básicos de Windows y con la creación de páginas
web mediante código HTML 5 y CSS 3.

Comentarios:

OBJETIVOS:

Introducir al alumno a la programación con el framework Bootstrap. El objetivo primordial es facilitar el diseño web. El alumno podrá crear de forma sencilla webs de diseño adaptable (responsive), es decir, que se ajusten a cualquier dispositivo y tamaño de pantalla. Leer más

Podrá crear webs orientadas a dispositivos móviles.


METODOLOGÍA:

Todos nuestros cursos emplean una metodología activa y práctica desde el primer día. Clases personalizadas, con profesor, presenciales en Barcelona y/o combinadas con Aula Virtual.


DURACIÓN:

La duración del curso es de 30 horas. Estas horas son estimadas a modo de referencia, no todos los alumnos necesitan las mismas horas, todo depende de la capacidad de cada uno en asimilar el temario.

Lugar de impartición:

en Barcelona

HORARIOS: Totalmente flexibles, modificándolos según sus necesidades.

Leer menos
CONTENIDO: BOOTSTRAP

1 - INTRODUCCIÓN

¿QUÉ ES BOOTSTRAP?
DIFERENCIAS ENTRE FRONT-END Y BACK-END
VENTAJAS DE UTILIZAR BOOTSTRAP
CONVENCIONES USADAS EN ESTE DOSSIER


2 - INSTALACIÓN Y CONFIGURACIÓN DEL ENTORNO

ENTORNO VSCODE
EXTENSIONES
PALETA DE COMANDOS
EMMET
PREVISUALIZAR EL TRABAJO Leer más
EJERCICIOS


3 - SASS (Syntactically Awesome StyleSheets)

¿QUÉ ES SASS?
INSTALACIÓN DE SASS
VARIABLES EN SASS
ANIDAR SELECTORES
COMENTARIOS
MÓDULOS EN SASS
MIXINS EN SASS
HERENCIAS EXTENDS / PLACEHOLDERS
ESTRUCTURAS DE CONTROL
OPERADORES
LAS FUNCIONES EN SASS
OPTIMIZACIÓN DE CSS
EJERCICIOS
EJERCICIO DE EVALUACIÓN 1


4 - DISEÑO RESPONSIVE Y FLEXBOX CSS

VIEWPORT
MEDIA QUERIES
FLEXBOX
EJERCICIOS


5 - INTRODUCCIÓN A BOOTSTRAP

OBTENER BOOTSTRAP
ESTRUCTURA HTML Y CSS EN BS5
BREAKPOINTS
CONTENEDORES
SISTEMA DE CUADRÍCULAS (GRIDS)
FLEX
ELEMENTOS FLOTANTES
GUTTERS
ALTURA DE LOS ELEMENTOS
ANCHO DE LOS ELEMENTOS
EJERCICIOS
EJERCICIO DE EVALUACIÓN 2


6 - TIPOGRAFÍA Y ESTILOS VISUALES

TIPOGRAFÍA, ENCABEZADOS
UTILIDADES PARA PÁRRAFOS Y TEXTOS
LISTAS, COLORES, BORDES Y SOMBRAS
BOOTSTRAP ICONS
EJERCICIOS


7 - COMPONENTES DE INTERFAZ DE USUARIO

IMÁGENES
CABECERA DE PÁGINA
TABLAS
TARJETAS
BOTONES
MENÚS O BARRA DE NAVEGACIÓN
EJERCICIOS


8 - FORMULARIOS

VALIDAR FORMULARIOS
EJERCICIOS
EJERCICIO DE EVALUACIÓN 3


9 - COMPONENTES ADICIONALES

MODALES
ACCESIBILIDAD
CARROUSEL
BARRAS DE PROGRESO
SPINNERS
TOOLTIP
POPOVER
TOAST
OFFCANVAS SIDEBAR
MODO OSCURO
INTERACCIONES
BREADCRUMBS
EJERCICIOS


10 - UTILIDADES ADICIONALES

PESTAÑAS TOOGLEABLES
BADGES
PAGINACIÓN
REGLAS VERTICALES
STACKS
GAP
TEXTO TRUNCADO
AJUSTE MEDIA
SCROLLSPY


11 - PROYECTO FINAL

CURRÍCULUM VITAE
EJERCICIO DE EVALUACIÓN 4Leer menos
Ayuda
¿No encuentras tu curso?
20:5
.