Emagister S.L. (responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información y comunicaciones promocionales de formación con tu consentimiento. Ejerce tus derechos de acceso, supresión, rectificación, limitación, portabilidad y otros, según se indica en nuestra política de privacidad.
Sedes
Localización
Fecha inicio
Objetivos
Introducir al alumno a la programación con el framework Bootstrap y la nueva versión 4. El objetivo primordial es facilitar el diseño web. El alumno podrá crear de forma sencilla webs de diseño adaptable(responsive), es decir, que se ajusten a cualquier dispositivo y tamaño de pantalla. Podrá crear webs orientadas a dispositivos móviles.
A quién va dirigido
A toda persona que desee entrar el mundo del diseño Web
Requisitos
Son necesarios conocimientos básicos de Windows y con la creación de páginas web mediante código HTML 5 y CSS 3
Temario completo de este curso
1. Introducción
¿Qué es Bootstrap?
Novedades en Bootstrap 4
Navegadores compatibles
Licencia de Bootstrap
Diseñar en modo Mobile First
Mobile Friendly
Convenciones utilizadas en este curso
2. Flexbox
¿Qué es Flexbox?
Propiedades de Flexbox
3. Integrando Bootstrap
Instalar Bootstrap
Página básica con Bootstrap
Contenedores
Sistema Grids
Anidando las rejillas
Compensación de columnas
Media Queries
Media Queries en Bootstrap
Ejercicios
4. Tipografía
Configuración predeterminada
Cabeceras
Mostrar encabezados
Dirigir
Elementos de texto en línea
Utilidades de texto
Clases CSS
Abreviaciones
Blockquotes
Alineación
Tipografía responsiva
Utilidades Responsive
Ejercicios
5. Contenido
Tablas
Imágenes y objetos
Figuras
Utilidades
Media Objects
Ejercicios
6. Componentes
Alertas
Insignias (Badges)
Botones
Grupos de botones
Cards
Masonry Cards
Carousel (Slider / Slideshow)
Collapse
Botones Dropdown
7. Formularios
Crear formularios
Inline Forms
Grupos de Input
Usando la Grid en los formularios
Checkboxes y Radio Buttons
Formularios personalizados
Variantes de Input
Cuadros de ayuda
8. Componentes de Bootstrap (Parte II)
Jumbotron
Grupos de listas
Ventanas Modal
Navs
Tabs
Navbars
Pagination
Popovers
Progress Bars
Scrollspy
Tooltips
9. Utilidades de Bootstrap
Bordes
Clearfix y Display Property
Colores
Position
Responsive Embeds
Tamaños y espaciados
10. Funciones Complementarias
Cargando imágenes condicionales con CSS3
Creando animaciones con WOW.js y Animate.css
Creando efectos Parallax de imágenes con CSS3
Creando efectos de deslizamiento con SmoothScroll
Creando un encabezado animado
Creando un Favicon
11. Proyectos Completos de Web
Tipo Facebook
Tipo Diario
Tipo Tienda de ventas