Logo de Aulaideal

Curso profesional de BOOTSTRAP 4

DESCRIPCIÓN DEL CURSO

Bootstrap es el framework HTML + CSS + JS más popular del mundo. Mediante un conjunto de sencillas, pero potentes funciones CSS y Javascript, facilita el desarrollo rápido de páginas web responsive, utilizando la filosofía MOBILE FIRST.

En este curso COMPLETO 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.

BENEFICIOS DE UTILIZAR BOOTSTRAP:

  • Mejora la Velocidad de desarrollo:
    Existe mucho código CSS, HTML y Javascript escrito, listo para ser usado.
  • 100% Personalizable:
    Podemos modificar los estilos CSS con facilidad, agregando nuestras propias hojas de estilos a nuestros proyecto.
  • Gran comunidad:
    Existe una amplia comunidad online detrás de Bootstrap. Cientos de personas proponiendo soluciones a tus dudas, plugins adicionales y código listo para usar, por lo que te será fácil encontrar respuesta a tus dudas en caso de que estas surjan.
  • Facilita el trabajo en Equipo:
    Bootstrap define un estándar a la hora de desarrollar. Cualquier persona que conozca Bootstrap podrá integrarse fácilmente en el diseño de tus proyectos. Ideal para empresas de diseño web.

¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO?

Empezamos por entender el concepto clave “La filosofía Mobile First”, para luego empezar a crear el diseño del sitio completo desde 0, usando “Adobe Illustrator CC” (No necesitas conocerlo, nosotros te enseñamos a dominarlo).

Luego procedemos  a crear el diseño del sitio usando solo  HTML5 y CSS3 sin usar Bootstrap 4. Esto te permitirá entender la manera en la que Bootstrap influye en el desarrollo de tu proyecto.

El siguiente paso es entender a la perfección el nuevo modelo de caja “Flexbox (Flexible Box)” y hemos dedicado una sección completa, de más de 5 horas de grabación. También creamos 3 mini-proyectos con situaciones concretas para que entiendas perfectamente cómo aplicar flexbox en sitios web reales.

Luego pasaremos a explicarte el uso de Bootstrap y todas las novedades que nos trae la versión 4 y profundizaremos en todos los conceptos necesarios para implementar exitosamente este Framework en tus proyectos.

Finalmente, procederemos a  implementar el sistema de columnas que maneja Bootstrap, para que cada caja HTML se adapte a cualquier dispositivo.

curso completo de BOOTSTRAP

PIENSA EN MÓVIL CON MOBILE FIRST!

La mayoría de nuestros clientes  están visitando nuestro sitio desde dispositivos móviles, entonces ¿Porque no optimizar nuestros proyectos pensando primero en MÓVIL?.

En eso consiste la filosofía MOBILE FIRST, pero: ¿Cómo aplicamos esta forma de pensar en nuestro flujo de trabajo?.

MIRA EL SITIO QUE CONSTRUIRÁS:

Este es un curso práctico y cada cosa que te enseñemos, lo pondrás en práctica en la vida real. Este el sitio web desarrollaremos en este curso:

Ver sitio web que voy a crear en este curso

ESTE CURSO COMPLETO DE BOOTSTRAP ESTÁ DIRIGIDO:

  • Cualquier diseñador o desarrollador web que quiera ser más eficiente.
  • Cualquier persona interesada en aprender Bootstrap de una forma entretenida, sin extenderse en rollos teóricos y con resultados visuales en cada lección.
  • Personas que ya conocen Bootstrap y quieren renovar sus conocimientos descubriendo las novedades esta nueva versión.

Detalles del curso

  • Clases 120
  • Cuestionarios 0
  • Duración 14 horas
  • Nivel Intermedio
  • Estudiantes 87699
  • Certificado Si
  • Evaluaciones Si
Regresar al curso

Curso profesional de BOOTSTRAP 4

  • Módulo 1: Introducción a Bootstrap 4
  • Modulo 2: Trabajando con Illustrator
    • Clase2.1
      Configuración inicial de AI 09 min
    • Clase2.2
      Creación de una cuadrícula para Bootstrap (parte 1) 18 min
    • Clase2.3
      Creación de una cuadrícula para Bootstrap (parte 2) 11 min
    • Clase2.4
      Definiendo una paleta de colores 10 min
    • Clase2.5
      Diseñando el Homepage Mobil – Encabezado (parte 1) 20 min
    • Clase2.6
      Diseñando el Homepage Mobil – Encabezado (parte 2) 12 min
    • Clase2.7
      Diseñando el Homepage Mobil – La Agencia 07 min
    • Clase2.8
      Diseñando el Homepage Mobil -Tu mejor elección 18 min
    • Clase2.9
      Diseñando el Homepage Mobil – Servicio 15 min
    • Clase2.10
      Diseñando el Homepage Mobil – Galería de imágenes 09 min
    • Clase2.11
      Diseñando el Homepage Mobil – Pié de página 09 min
    • Clase2.12
      Diseñando la pagina interna para Mobil 18 min
    • Clase2.13
      Creando líneas guías para la vista de Escritorio 09 min
    • Clase2.14
      Diseñando el Homepage para Escritorio – Encabezado 08 min
    • Clase2.15
      Diseñando el Homepage para Escritorio – La agencia 04 min
    • Clase2.16
      Diseñando el Homepage para Escritorio – Tu mejor elección 12 min
    • Clase2.17
      Diseñando el Homepage para Escritorio – Servicios 14 min
    • Clase2.18
      Diseñando el Homepage para Escritorio – Últimos proyectos y pie de página 09 min
    • Clase2.19
      Diseñando la pagina interna para Escritorio (parte 1) 08 min
    • Clase2.20
      Diseñando la página interna para Escritorio (parte 2) 06 min
  • Modulo 3: Codificando la página inicial
    • Clase3.1
      Creando la estructura de carpetas 03 min
    • Clase3.2
      Instalando extensiones para Brackets 18 min
    • Clase3.3
      Codificando el encabezando html5 (parte 1) 19 min
    • Clase3.4
      Codificando el encabezando html5 (parte 2) 10 min
    • Clase3.5
      Entendiendo el formato svg 20 min
    • Clase3.6
      Codificando el html5 – La Agencia 06 min
    • Clase3.7
      Codificando el html5 – Somos tu mejor elección 10 min
    • Clase3.8
      Codificando el html5 – Servicios 12 min
    • Clase3.9
      Codificando el html5 -Ultimos proyectos 08 min
    • Clase3.10
      Codificando el html5 – Pie de pagina 06 min
  • Módulo 4: Dominando Flexbox
    • Clase4.1
      Introducción a Flexbox 07 min
    • Clase4.2
      Entendiendo Flexbox 10 min
    • Clase4.3
      Regla 1 de flex 08 min
    • Clase4.4
      Regla 2 de flex 10 min
    • Clase4.5
      Regla 3 de flex 04 min
    • Clase4.6
      Regla 4 de flex 05 min
    • Clase4.7
      Regla 5 de flex 08 min
    • Clase4.8
      Regla 6 de flex 08 min
    • Clase4.9
      Regla 7 de flex 05 min
    • Clase4.10
      Regla 8 de flex 04 min
    • Clase4.11
      Regla 9 de flex (parte 1) 13 min
    • Clase4.12
      Regla 9 de flex (parte 2) 10 min
    • Clase4.13
      Regla 10 de flex 06 min
    • Clase4.14
      Bono adicional: “Uso de Order” 10 min
    • Clase4.15
      Ejemplo real 1 12 min
    • Clase4.16
      Ejemplo real 2 10 min
    • Clase4.17
      Ejemplo real 3 (parte 1) 10 min
    • Clase4.18
      Ejemplo real 3 (parte 2) 07 min
    • Clase4.19
      Ejemplo real 3 (parte 3) 11 min
    • Clase4.20
      Ejemplo real 3 (parte 4) 20 min
    • Clase4.21
      Recomendaciones finales 05 min
  • Módulo 5: Integrando Bootstrap 4
    • Clase5.1
      Introducción a bootstrap 4 07 min
    • Clase5.2
      Novedades de bootstrap 4 07 min
    • Clase5.3
      Descargando bootstrap 4 05 min
    • Clase5.4
      Compilando e implementado Bootstrap 4 14 min
    • Clase5.5
      ¿Cómo trabajar con Bootstrap 4? 06 min
    • Clase5.6
      Insertando archivos CSS personalizados y variables 15 min
    • Clase5.7
      Insertando fuente de Google Fonts 07 min
    • Clase5.8
      Creando el encabezado con Bootstrap 4 08 min
    • Clase5.9
      Insertando iconos de Font Awesome 10 min
    • Clase5.10
      Creando el bloque buscar 17 min
    • Clase5.11
      Creando el bloque Menú principal 10 min
    • Clase5.12
      Creando elementos Colapsables 06 min
    • Clase5.13
      Creando el bloque de bienvenida (parte 1) 15 min
    • Clase5.14
      Creando el bloque de bienvenida (parte 2) 07 min
    • Clase5.15
      Finalizando el encabezado 12 min
    • Clase5.16
      Sistema de columnas – Regla 1 15 min
    • Clase5.17
      Sistema de columnas – Regla 2 10 min
    • Clase5.18
      Sistema de columnas – Regla 3 03 min
    • Clase5.19
      Sistema de columnas – Regla 4 12 min
    • Clase5.20
      Sistema de columnas – Regla 5 03 min
    • Clase5.21
      Sistema de columnas – Regla 6 03 min
    • Clase5.22
      Sistema de columnas – Regla 7 16 min
    • Clase5.23
      Sistema de columnas – Regla 8 16 min
    • Clase5.24
      Sistema de columnas – Regla 9 15 min
    • Clase5.25
      Sistema de columnas – Regla 10 07 min
    • Clase5.26
      Creando el bloque la agencia (parte 1) 20 min
    • Clase5.27
      Creando el bloque la agencia (parte 2) 16 min
    • Clase5.28
      Creando el bloque tu mejor elección (parte 1) 18 min
    • Clase5.29
      Creando el bloque tu mejor elección (parte 2) 10 min
    • Clase5.30
      Creando el bloque tu mejor elección (parte 3) 17 min
    • Clase5.31
      Creando el bloque Servicios (parte 1) 15 min
    • Clase5.32
      Creando el bloque Servicios (parte 2) 16 min
    • Clase5.33
      Creando el bloque Servicios (parte 3) 17 min
    • Clase5.34
      Creando el bloque Último proyectos (parte 1) 20 min
    • Clase5.35
      Creando el bloque Último proyectos (parte 2) 08 min
    • Clase5.36
      Creando el bloque Último proyectos (parte 3) 18 min
    • Clase5.37
      Creando el bloque Pie de pagina (parte 1) 12 min
    • Clase5.38
      Creando el bloque Pie de pagina (parte 2) 10 min
  • Módulo 6: De Mobile First a Desktop
    • Clase6.1
      Analizando el contexto XS hasta MD (parte 1) 16 min
    • Clase6.2
      Analizando el contexto XS hasta MD (parte 2) 15 min
    • Clase6.3
      Analizando el contexto XS hasta MD (parte 3) 07 min
    • Clase6.4
      Analizando el contexto XS hasta MD (parte 4) 16 min
    • Clase6.5
      Analizando el contexto LG hasta XL (parte 1) 11 min
    • Clase6.6
      Analizando el contexto LG hasta XL (parte 2) 10 min
  • Módulo 7: Codificando la páginas internas
    • Clase7.1
      Codificando la página nosotros (parte 1) 16 min
    • Clase7.2
      Codificando la página nosotros (parte 2) 16 min
    • Clase7.3
      Codificando la página nosotros (parte 3) 13 min
    • Clase7.4
      Codificando la página nosotros (parte 4) 15 min
    • Clase7.5
      Codificando la página servicios (parte 1) 16 min
    • Clase7.6
      Codificando la página servicios (parte 2) 16 min
    • Clase7.7
      Codificando la página servicios (parte 3) 18 min
    • Clase7.8
      Codificando la página contacto (parte 1) 14 min
    • Clase7.9
      Codificando la página contacto (parte 2) 20 min
    • Clase7.10
      Codificando la página contacto (parte 3) 07 min
  • Módulo 8: Insertando Funciones complementarias
    • Clase8.1
      Cargando imágenes condicionales con css3 11 min
    • Clase8.2
      Creando animaciones con wow y animate (parte 1) 15 min
    • Clase8.3
      Creando animaciones con wow y animate (parte 2) 20 min
    • Clase8.4
      Creando efectos parallax de imágenes con CSS 04 min
    • Clase8.5
      Creando efectos de deslizamiento con SmoothScroll.js 15 min
    • Clase8.6
      Creando un encabezado animado 08 min
    • Clase8.7
      Creando un favicon para nuestro proyecto 06 min
  • Módulo 9: El siguiente paso
    • Clase9.1
      El siguiente paso 06 min
    • Clase9.2
      Comprimiendo nuestros estilos CSS 02 min
    • Clase9.3
      Publicando nuestro sitio en internet 04 min

Apasionado por el Diseño y Desarrollo Web desde hace 15 años. Un amante de Wordpress, Bootstrap y de las cosas buenas de la vida.

Comentarios

Promedio

0
0 puntuación

Evaluación detallada

5
0%
4
0%
3
0%
2
0%
1
0%

¿NECESITAS AYUDA INMEDIATA?