Logo de Aulaideal

Curso Bootstrap para Zombies – ¡De Novato A Sensei!

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.

Este no es un curso básico de Bootstrap, ni muchos menos un curso teórico lleno de clases aburridas. Aquí enseñaremos a un ZOMBIE a DOMINAR BOOTSTRAP 4 (y ellos aprenden de la experiencia).  Si amigo, ahora los muertos quieren APRENDER a crear páginas web.

curso de bootstrap avanzado

¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO DE BOOSTRAP?

El curso se divide en varias secciones. Empezamos con la instalación de las herramientas necesarias para trabajar, luego realizamos la descarga e instalación rápida de Bootstrap 4 en nuestra PC.

Después procedemos  a codificar el diseño del sitio usando Bootstrap 4. Allí entenderán por fin y de una vez por todas, la razón de muchas clases complejas de Bootstrap.  Verás cómo exprimiremos al máximo el sistema de columnas de Bootstrap, crearemos ventanas Modales, construiremos menús desplegables y un MEGAMENÚ (menú de múltiples columnas) y todo esto usando los componentes nativos de Bootstrap.

Luego veremos la creación de texto animado, es efecto “Typing text” usando un plugin de Jquery, que le dará un toque PROFESIONAL a tu proyecto web.

Finalmente crearemos una hermosa GALERÍA DE FOTOS usando toda la potencia de CSS3.

¿QUE BENEFICIOS NOS BRINDA 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.
  • Cuenta con una 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.

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 BOOTSTRAP ESTÁ DIRIGIDO PARA:

  • 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.

DESPUES DE LLEVAR ESTE CURSO:

  • Lograrás diseñar Sitios web avanzados usando Bootstrap 4.
  • Lograrás Dominar las clases “FLEXBOX AVANZADAS” que Bootstrap nos brinda.
  • Lograrás  Construir Sitios web Responsive de manera rápida.

Detalles del curso

  • Clases 59
  • Cuestionarios 0
  • Duración 8 horas
  • Nivel Intermedio
  • Estudiantes 87696
  • Certificado Si
  • Evaluaciones Si
Regresar al curso

Curso Bootstrap para Zombies – ¡De Novato A Sensei!

  • Módulo 1: Introducción al curso
    • Clase1.1
      Descarga archivos que usaremos en este curso 01 min
    • Clase1.2
      Requisitos previos 05 min
    • Clase1.3
      Instalando el Plugin “Auto File Name” para Sublime Text 3 03 min
    • Clase1.4
      Instalando “Accessibility” para Sublime Text 3 03 min
    • Clase1.5
      Instalando “Image Hover Preview” para Sublime Text 3 03 min
    • Clase1.6
      Uso correcto de Bootstrap 4 09 min
  • Módulo 2: Instalación de Bootstrap 4
    • Clase2.1
      Creando la estructura de nuestro sitio 03 min
    • Clase2.2
      Integrando Bootstrap en nuestro proyecto 08 min
    • Clase2.3
      Integrando Font Awesome 5 05 min
  • Módulo 3: El Poderoso Componente "Dropdown"
    • Clase3.1
      Introducción al componente DropDown 05 min
    • Clase3.2
      Trabajando con el elemento disparador 05 min
    • Clase3.3
      Trabajando con el elemento desplegable 11 min
    • Clase3.4
      Modificando el comportamiento del elemento desplegable 04 min
    • Clase3.5
      Agregando accesibilidad a nuestro componente 10 min
  • Módulo 4: Creando el ENCABEZADO del proyecto
    • Clase4.1
      Definiendo Colores y Tipografía 12 min
    • Clase4.2
      Definiendo la estructura del encabezado 07 min
    • Clase4.3
      Creando la barra de contacto (parte 1) 11 min
    • Clase4.4
      Creando la barra de contacto (parte 2) 07 min
    • Clase4.5
      Insertando el Logo 07 min
    • Clase4.6
      Creando el botón móvil 08 min
    • Clase4.7
      Insertando Iconos de Font Awesome en los menús 03 min
    • Clase4.8
      Modificando el componente Navbar (parte 1) 09 min
    • Clase4.9
      Modificando el componente Navbar (parte 2) 07 min
    • Clase4.10
      Creando un menú desplegable (parte 1) 10 min
    • Clase4.11
      Creando un menú desplegable (parte 2) 12 min
    • Clase4.12
      Creando un MEGAMENU (parte 1) 10 min
    • Clase4.13
      Creando un MEGAMENU (parte 2) 07 min
    • Clase4.14
      Creando un MEGAMENU (parte 3) 08 min
    • Clase4.15
      Creando un MEGAMENU (parte 4) 04 min
    • Clase4.16
      Personalizando los botones de Bootstrap (parte 1) 08 min
    • Clase4.17
      Personalizando los botones de Bootstrap (parte 2) 09 min
    • Clase4.18
      Personalizando los botones de Bootstrap (parte 3) 11 min
    • Clase4.19
      Creando la estructura HTML del buscador Modal 10 min
    • Clase4.20
      Creando los estilos CSS del buscador Modal (parte 1) 08 min
    • Clase4.21
      Creando los estilos CSS del buscador Modal (parte 2) 07 min
    • Clase4.22
      Insertando clases CSS CONTEXTUALES al buscador Modal 11 min
    • Clase4.23
      Creando la función JQUERY al buscador Modal 07 min
    • Clase4.24
      Construyendo el diseño para la sección de BIENVENIDOS 08 min
    • Clase4.25
      Creando el contenido para la sección de BIENVENIDOS (parte 1) 08 min
    • Clase4.26
      Creando el contenido para la sección de BIENVENIDOS (parte 2) 05 min
    • Clase4.27
      Creando el efecto “Text Typing” con Typed.js (parte 1) 10 min
    • Clase4.28
      Creando el efecto “Text Typing” con Typed.js (parte 2) 10 min
    • Clase4.29
      Creando el efecto “Text Typing” con Typed.js (parte 3) 11 min
    • Clase4.30
      Igualando la altura del encabezado con el Viewport (parte 1) 09 min
    • Clase4.31
      Igualando la altura del encabezado con el Viewport (parte 2) 05 min
  • Módulo 5: Creando la Sección "Quienes Somos"
    • Clase5.1
      Creando el encabezado de la sección (parte 1) 10 min
    • Clase5.2
      Creando el encabezado de la sección (parte 2) 10 min
    • Clase5.3
      Implementando el Sistema de columnas 10 min
  • Módulo 6: Creando la Sección "Porque elegirnos"
  • Módulo 7: Creando la sección "Galería de clientes"
    • Clase7.1
      Creando la estructura HTML de la galería 09 min
    • Clase7.2
      Creando los estilos CSS de la galería 05 min
    • Clase7.3
      Creando el estado HOVER de la galería (parte 1) 08 min
    • Clase7.4
      Creando el estado HOVER de la galería (parte 2) 05 min
    • Clase7.5
      Creando el sistema de columnas para la galería 08 min
  • Módulo 8: Creando el Pie de página y optimización
    • Clase8.1
      Diseñando el pie de página 04 min
    • Clase8.2
      Implementando fuentes de Google Fonts 03 min
    • Clase8.3
      Palabras finales 05 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?