Información General

Diapositiva 1

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.
• En la siguiente Diapositiva encontraremos los objetivos...

Diapositiva 3

Contenidos

• Etapa 1 - Introducción a Bootstrap 4
• ¿Qué construiremos en este curso?
• ¿Qué es Bootstrap?
• ¿Qué es la metodología MOBILE FIRST?
• Etapa 2 - Diseñando la Página
• Creación de una cuadrícula para Bootstrap versión Móvil.
• Definiendo una paleta de colores.
• Diseñando el Homepage versión Móvil.
• Creación de una cuadrícula para Bootstrap versión escritorio.
• Diseñando las páginas internas para Móvil.
• Etapa 3 - Codificando la Página Inicial
• Creando la estructura de carpetas.
• Instalando extensiones para Brackets.
• Codificando el encabezando HTML5.
• Entendiendo el formato SVG.
• Codificando secciones internas.

Contenidos

• Etapa 4 - Integrando Bootstrap 4
• Introducción 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 página inicial.
• Entendiendo el sistema de columnas de Bootstrap 4.
• Las 10 reglas de oro del sistema de Columnas de Bootstrap 4.
• Adaptando nuestra galería de proyectos.
• Etapa 5 - Insertando Funciones Complementarias
• Cargando imágenes condicionales con CSS3.
• Creando animaciones con wow.js y anímate.css.
• Creando efectos Parallax de imágenes con CSS3.
• Creando efectos de deslizamiento con SmoothScroll.
• Creando un encabezado animado.
• 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:
• Cada protagonista construye el conocimiento de manera activa gracias a la interacción con el objeto de estudio.
• El significado del nuevo conocimiento se adquiere cuando se establece relación con los conocimientos previos.
• El contexto propicia la construcción del aprendizaje y su significado.
• Aprender implica acción, reflexión y análisis de cada situación en concreto.
• El tutor facilita el aprendizaje, pero el estudiante lo construye.
• El proceso de conocimiento es interno, cada persona lo construye a su manera, basado en experiencias y conocimientos previos.
• El estudiante posee conocimientos y sobre estos reestructura su experiencia interna.
• La experiencia y el conocimiento previo favorecen, por sobre la genética, el enriquecimiento de la estructura cognitiva.
• Es la orientación optimiza la búsqueda del aprendizaje, la instrucción pretende programarlo.
• A partir de las experiencias se construyen esquemas de conocimientos y estos a su vez cambian.
• 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.

Recursos

• 
• ¿Con qué deberemos contar para llevar este curso?
• Conforme a la parte técnica, debemos contar con:
• Un Navegador Web Moderno (Chrome, Firefox, otro)
• Editor de Código (Brackets)
• Editor de Gráficos Vectoriales
• Pre-Procesador CSS (Koala)
• Conforme al recurso Humano, este deberá contar con un conocimiento previo sobre HTML y CSS.

Evaluación

• Recordemos que la metodología que vamos a utilizar es con un enfoque constructivista, es decir se evaluará el proceso de desarrollo y el producto final con un valor de 40 y 60 respectivamente.
• 

¡¡ANIMO!!

• Recuerda que puedes contar conmigo en cualquier duda que tengas, siempre estamos para servirte. A partir de este punto solo puedo decirte:
• ¡¡ANIMO!!