BOOTSTRAP 4 (CURSO PROFESIONAL)

Duración: 24 horas

Código: DES-105

Descripción:

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. 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 de Bootstrap aprenderá 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.

Objetivos:

Al finalizar el curso, los alumnos serán capaces de:

  • Crear complejos sitios web desde cero.
  • Crear sitios web que se adaptan a cualquier pantalla de dispositivo.
  • Trabajar con la grid de Bootstrap para crear sitios web modernos que antes eran difíciles de diseñar.
  • Trabajar con Flexbox dentro de Bootstrap, para crear complejos diseños.
  • Trabajar con todos y cada uno de los componentes de Bootstrap para crear sliders, galerías, formularios
  • Trabajar con Bootstrap en sus proyectos para combinarlos con sus propios diseños
  • Crear un portafolio de trabajos profesional
  • Crear un panel de administración de sitios web y blogs
  • Crear incluso su propia red social estilo Facebook.
Audiencia:

Este curso está dirigido a:

  • Estudiantes que aspiran a convertirse en diseñadores web profesionales.
  • Profesionales que quieren entrar a trabajar a grandes compañías que usan Bootstrap 4.
  • Diseñadores de sitios web que deseen actualizarse.
  • Personas que quieren dar el siguiente paso en el diseño web.
  • Personas que quieren realizar el sitio web de su negocio, empresa o startup.
Prerrequisitos:
  • Conocimientos básicos de HTML y CSS y JavaScript.
  • No necesita conocimientos previos de Bootstrap.
Contenido:
  1. Introducción al curso
    1. Qué es Bootstrap 4
  2. Container y Grid System
  3. Sistema de Columnas sm, md, lg y xl
  4. Práctica web Responsive
  5. Introducción a Flexbox
    1. Tipos de alineamiento con Flexbox
    2. Práctica (1) Armar sitio web
  6. Espaciados – Estilos de Texto – Colores – Fondos
  7. Navbar (parte1)
  8. Navbar (parte 2)
  9. Cards
  10. Jumbotron y bordes
  11. Formularios (parte 1)
  12. Formularios (parte 2)
  13. Formularios (parte 3) Enviar correos con PHP
  14. Carrusel – Cómo hacer un Slideshow
  15. Todos los componentes en un solo lugar
  16. Copiando plantillas de ejemplo
  17. Modal – Crea un Popup
  18. Scrollspy
  19. Insertando archivos CSS personalizados y variables.
  20. Insertando fuente fe google Font.
  21. Insertando iconos de Font Awesome.
  22. Crear formulario de suscripción y cómo agregarlo a mi sitio web Bootstrap 4- Mailrelay

TALLERES DE PRÁCTICA:

  1. Taller #1 – ¿Cómo hacer un sitio web con bootstrap 4?
  2. Taller #2 – Crear Menú (navbar) con logo al centro y links a los lados
  3. Taller #3 – Efecto Scroll: Cambiando el color del menú (NavBar) con Bootstrap 4
  4. Taller #4 – Cards con doble imagen (tarjeta de presentación) con Bootstrap 4
  5. Taller #5 – Agregar Captcha a nuestro formulario de contacto
Costos:

Este costo incluye: Material de seguimiento, el uso de una computadora por persona, certificados, refrigerios e impuestos de ley.