Por: Erick Mines L.

CURSO PROFESIONAL
DE BOOTSTRAP 4

Bootstrap es el framework HTML, CSS y JS de

cdigo abierto ms popular del mundo, dentro de
la comunidad de desarrolladores y diseadores
web.
Mediante un conjunto de sencillas, pero potentes
funciones CSS y JavaScript, facilita el desarrollo
rpido de pginas web responsive, utilizando la
filosofa MOBILE FIRST.
En este Curso de Bootstrap aprenders a disear pginas web responsive utilizando el sistema
de rejilla, que constituye la base del desarrollo con Bootstrap, as como los potentes
componentes y Plugins que proporciona este excelente framework.

Mira el proyecto final que desarrollaremos en este curso:

1. Qu construiremos en este curso?

2. Requisitos para llevar este curso.
3. Entendiendo MOBILE FIRST.
4. Archivos usados en este curso.

1. Configuracin inicial de Adobe illustrator CC.

2. Creacin de una cuadrcula para Bootstrap versin Mvil.
3. Definiendo una paleta de colores.
4. Diseando el Homepage versin Mvil.
5. Creacin de una cuadrcula para Bootstrap versin escritorio.
6. Diseando las pginas internas para Mvil.

1. Creando la estructura de carpetas.

2. Instalando extensiones para Brackets.
3. Codificando el encabezando HTML5.
4. Entendiendo el formato SVG.
5. Codificando secciones internas (La Agencia, Servicios, ltimos proyectos, pie de pgina).

1.

Introduccin a Flexbox.

2.

Entendiendo Flexbox.

3.

Las 10 reglas de oro de Flexbox.

4.

Caso real 1: Men de navegacin Responsive.

5.

Caso real 2: Seccin Biografa.

6.

Caso real 3: Diseo de una interface Web Responsive.

7.

Recomendaciones finales.

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

Introduccin a Bootstrap.
Novedades de Bootstrap 4.
Descargando Bootstrap 4.
Compilando e implementado Bootstrap 4.
Insertando archivos CSS personalizados y variables.
Insertando fuente fe google Font.
Insertando iconos de Font Awesome.
Creando el bloque Men principal.
Creando elementos colapsables.
Creando los bloques internas de la pgina inicial.
Entendiendo el sistema de columnas de Bootstrap 4.
Las 10 reglas de oro del sistema de Columnas de Bootstrap 4.
Adaptando nuestra galera de proyectos.

1.
2.
3.
4.
5.

Analizando el contexto XS.

Analizando el contexto SM.
Analizando el contexto MD.
Analizando el contexto LG.
Analizando el contexto XL.

1.
2.
3.
4.
5.
6.
7.

Codificando la pgina nosotros.

Uso del componente Collapse.
Codificando la pgina servicios.
Uso del componente Modal.
Codificando la pgina Contacto.
Uso del componente Form
Uso del componente ToolTips.

1.
2.
3.
4.
5.
6.

Cargando imgenes condicionales con CSS3.

Creando animaciones con wow.js y anmate.css.
Creando efectos Parallax de imgenes con CSS3.
Creando efectos de deslizamiento con SmoothScroll.
Creando un encabezado animado.
Creando un favicon para nuestro proyecto.

1.
2.
3.
4.

De donde conseguir ms informacin.

Comprimiendo nuestros estilos CSS.
Publicando nuestro sitio en internet.
Palabras finales.

http://www.aulaideal.com/oferta-bootstrap-4/