Aulaideal: Curso Profesional de Bootstrap 4 2y2358

Aulaideal: Curso Profesional de Bootstrap 4 2y2358

x264 | 4.86 GB | Spanish | Erick M. | Incl recursos | 2016 | Enviado por: Anónimo

Módulo 1: Introducción a Bootstrap 4
1. ¿Qué construiremos en este curso?
2. Requisitos para llevar este curso.
3. Entendiendo MOBILE FIRST.
4. Archivos usados en este curso.

Módulo 2: Trabajando con illustrator
1. Configuración inicial de Adobe illustrator CC.
2. Creación de una cuadrícula para Bootstrap versión Móvil.
3. Definiendo una paleta de colores.
4. Diseñando el Homepage versión Móvil.
5. Creación de una cuadrícula para Bootstrap versión escritorio.
6. Diseñando las páginas internas para Móvil.

Módulo 3: Codificando la página principal
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 página).

Módulo 4: Dominando Flexbox
1. Introducción a Flexbox.
2. Entendiendo Flexbox.
3. Las 10 reglas de oro de Flexbox.
4. Caso real 1: Menú de navegación Responsive.
5. Caso real 2: Sección Biografía.
6. Caso real 3: Diseño de una interface Web Responsive.
7. Recomendaciones finales.

Módulo 5: 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.

Módulo 6: De mobile first a desktop
1. Analizando el contexto XS.
2. Analizando el contexto SM.
3. Analizando el contexto MD.
4. Analizando el contexto LG.
5. Analizando el contexto XL.

Módulo 7: Codificando la páginas internas
1. Codificando la página nosotros.
2. Uso del componente “Collapse”.
3. Codificando la página servicios.
4. Uso del componente Modal.
5. Codificando la página o.
6. Uso del componente “Form”
7. Uso del componente “ToolTips”.

Módulo 8: 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.

Módulo 9: El siguiente paso
1. De donde conseguir más información.
2. Comprimiendo nuestros estilos CSS.
3. Publicando nuestro sitio en internet.
4. Palabras finales.