Curso de Bootstrap 4 en Barcelona en CEPI-BASE

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 del programa:
Introducir al alumno a la programación con el framework Bootstrap y la nueva versión 4. 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. Podrá crear webs orientadas a dispositivos móviles. Leer más

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 adaptados a cada alumno, con horarios totalmente flexibles.

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

1 – INTRODUCCIÓN
¿QUÉ ES BOOTSTRAP?
DIFERENCIAS FRONT-END Y BACK-END
VENTAJAS DE UTILIZAR BOOTSTRAP
NOVEDADES CON BOOTSTRAP 4
NAVEGADORES COMPATIBLES
LICENCIA DE BOOTSTRAP
DISEÑAR EN MODO MOBILE FIRST
MOBILE FRIENDLY
CONVENCIONES USADAS EN EL CURSO

2 – DISEÑO RESPONSIVE Y FLEXBOX CSS
DISEÑO WEB RESPONSIVE
ENTORNO NETBEANS IDE
VIEWPORT
MEDIA QUERIES
FLEXBOX
EJERCICIOS
EJERCICIO DE EVALUACIÓN 1

3 – INTEGRANDO BOOTSTRAP
OBTENER BOOTSTRAP
PROYECTO DEL CURSO
CONTENEDORES
SISTEMA DE CUADRÍCULAS (GRIDS)
MEDIA QUERIES
ELEMENTOS FLOTANTES
TIPOGRAFIA
IMÁGENES
MEDIA OBJECTS
EJERCICIOS
EJERCICIO DE EVALUACIÓN 2

4 – COMPONENTES BOOTSTRAP
ETIQUETAS SEMÁNTICAS
COLORES
CREANDO NUESTRO ESTILO
COMPONENTES
JUMBOTRON
ICONOS EN BOOTSTRAP
BARRAS DE NAVEGACIÓN
COMPONENTE TARJETAS
CARRUSEL DE IMÁGENES
EJERCICIOS

5 – ELEMENTOS Y COMPONENTES II
TABLAS
INSIGNIA O BADGES
NAVEGACIÓN CON PESTAÑAS
LISTAS DE ELEMENTOS
COMPONENTE COLLAPSE
MARGIN Y PADDING
EJERCICIOS
EJERCICIO DE EVALUACIÓN 3

6 – FORMULARIOS
FORMULARIO BÁSICO
BOTONES
TOOLTIPS DE Leer más BOOTSTRAP
FORMULARIOS EN LÍNEA
FORMULARIO HORIZONTAL
ATRIBUTO READONLY
ELEMENTOS DE FORMULARIO
INPUTS
GRUPOS DE CAMPOS DE FORMULARIO
TEXTAREA
LISTA DESPLEGABLE
ELEMENTOS PERSONALIZADOS
TEXTO DE AYUDA
VALIDACIONES EN FORMULARIOS
EJERCICIOS

7 – UTILIDADES
SCROLLSPY
ALERTAS
BREADCRUMBS
PAGINACIÓN
BARRAS DE PROGRESOLeer menos