Lo que aprenderás
- 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.
Temario del curso
Módulo 1: Introducción al curso
Módulo 2: Instalación de Bootstrap 4
Módulo 3: El Poderoso Componente "Dropdown"
Módulo 4: Creando el ENCABEZADO del proyecto
- Definiendo Colores y Tipografía
- Definiendo la estructura del encabezado
- Creando la barra de contacto (parte 1)
- Creando la barra de contacto (parte 2)
- Insertando el Logo
- Creando el botón móvil
- Insertando Iconos de Font Awesome en los menús
- Modificando el componente Navbar (parte 1)
- Modificando el componente Navbar (parte 2)
- Creando un menú desplegable (parte 1)
- Creando un menú desplegable (parte 2)
- Creando un MEGAMENU (parte 1)
- Creando un MEGAMENU (parte 2)
- Creando un MEGAMENU (parte 3)
- Creando un MEGAMENU (parte 4)
- Personalizando los botones de Bootstrap (parte 1)
- Personalizando los botones de Bootstrap (parte 2)
- Personalizando los botones de Bootstrap (parte 3)
- Creando la estructura HTML del buscador Modal
- Creando los estilos CSS del buscador Modal (parte 1)
- Creando los estilos CSS del buscador Modal (parte 2)
- Insertando clases CSS CONTEXTUALES al buscador Modal
- Creando la función JQUERY al buscador Modal
- Construyendo el diseño para la sección de BIENVENIDOS
- Creando el contenido para la sección de BIENVENIDOS (parte 1)
- Creando el contenido para la sección de BIENVENIDOS (parte 2)
- Creando el efecto “Text Typing” con Typed.js (parte 1)
- Creando el efecto “Text Typing” con Typed.js (parte 2)
- Creando el efecto “Text Typing” con Typed.js (parte 3)
- Igualando la altura del encabezado con el Viewport (parte 1)
- Igualando la altura del encabezado con el Viewport (parte 2)
Módulo 5: Creando la Sección "Quienes Somos"
Módulo 6: Creando la Sección "Porque elegirnos"
Módulo 7: Creando la sección "Galería de clientes"
Módulo 8: Creando el Pie de página y optimización
Descripción
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.
¿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 DE 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.
Instructor
Erick Mines
- 33 cursos
- 231219 estudiantes