Curso de Bootstrap

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.

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.

Temario:

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
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...