Descripción General

Bootstrap es el framework HTML, CSS y JS de código abierto más popular del mundo, dentro de la comunidad de desarrolladores y diseñadores web.
En este Curso de Bootstrap aprenderás a diseñar páginas 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.

Objetivos

 

Contenidos

Contenidos

Etapa 1 - Introducción a Bootstrap 4

  1. ¿Qué construiremos en este curso?
  2. ¿Qué es Bootstrap?
  3. ¿Qué es la metodología MOBILE FIRST?

Etapa 2 - Diseñando la Página

  1. Creación de una cuadrícula para Bootstrap versión Móvil.
  2. Definiendo una paleta de colores.
  3. Diseñando el Homepage versión Móvil.
  4. Creación de una cuadrícula para Bootstrap versión escritorio.
  5. Diseñando las páginas internas para Móvil.

Etapa 3 - Codificando la Página Inicial

  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.

Etapa 4 - Integrando Bootstrap 4

  1. Introducción a Bootstrap.
  2. Novedades de Bootstrap 4.
  3. Descargando Bootstrap 4.
  4. Compilando e implementado Bootstrap 4.
  5. Insertando archivos CSS personalizados y variables.
  6. Insertando fuente fe google Font.
  7. Insertando iconos de Font Awesome.
  8. Creando el bloque Menú principal.
  9. Creando elementos colapsables.
  10. Creando los bloques internas de la página inicial.
  11. Entendiendo el sistema de columnas de Bootstrap 4.
  12. Las 10 reglas de oro del sistema de Columnas de Bootstrap 4.
  13. Adaptando nuestra galería de proyectos.

Etapa 5 - Insertando Funciones Complementarias

  1. Cargando imágenes condicionales con CSS3.
  2. Creando animaciones con wow.js y anímate.css.
  3. Creando efectos Parallax de imágenes con CSS3.
  4. Creando efectos de deslizamiento con SmoothScroll.
  5. Creando un encabezado animado.
  6. Creando un favicon para nuestro proyecto.
Metodología

Metodología Basada en Proyectos

Trabajaremos bajo el paradigma constructivista de modo que se cumpla con los siguientes aspectos:

Todo esto de modo que usted aprenda haciendo y construyendo, añadiendole sus propios conocimientos previos para formar un producto final que a usted le cause satisfacción.

Materiales

Estimado Estudiante, en la seccion documuentos encontrara los materiales bases necesarios para el desarrollo del proceso de aprendizaje.

Recursos

¿Con qué debebemos contar para llevar este curso?

Conforme a la parte tecnica, debemos contar con: 

Conforme al recurso Humano, este debera contar con un conocimiento previo sobre HTML y CSS.

 

Evaluación

Recoremos que la metodologia que vamos a utilizar es con un enfoque constructivista, es decir se evaluara el proceso de desarrollo y el producto final con un valor de 40 y 60 respectivamente.

Animo

Recuerda que pues contar conmigo en cualquier duda que tengas, siempre estamos para servirte. A partir de este punto solo puedo decirte:

¡¡ANIMO!!