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
R ¿qué es bootstrap?
R novedades en bootstrap 4
R navegadores compatibles
R licencia de bootstrap
R diseñar en modo mobile first
R mobile friendly
R convenciones utilizadas en este curso
2 – flexbox
R ¿qué es flexbox?
R propiedades de flexbox
3 – integrando bootstrap
R instalar bootstrap
R página básica con bootstrap
R contenedores
R sistema grids
R anidando las rejillas
R compensación de columnas
R media queries
R media queries en bootstrap
R ejercicios
4 – tipografia
R configuración predeterminada
R cabeceras
R mostrar encabezados
R dirigir
R elementos de texto en línea
R utilidades de texto
R clases css
R abreviaciones
R blockquotes
R alineación
R tipografía responsiva
R utilidades responsive
R ejercicios
5 – contenido
R tablas
R imágenes y objetos
R figuras
R utilidades
R media objects
R ejercicios
6 – componentes
R alertas
R insignias (badges)
R botones
R grupos de botones
R cards
R masonry cards
R carousel (slider / slideshow)
R collapse
R botones dropdown
7 – formularios
R crear formularios
R inline forms
R grupos de input
R usando la grid en los formularios
R checkboxes y radio buttons
R formularios personalizados
R variantes de input
R cuadros de ayuda
8 – componentes de bootstrap (parte ii)
R jumbotron
R grupos de listas
R ventanas modal
R navs
R tabs
R navbars
R pagination
R popovers
R progress bars
R scrollspy
R tooltips
9– utilidades de bootstrap
R bordes
R clearfix y display property
R colores
R position
R responsive embeds
R tamaños y espaciados
10–funciones complementarias
R cargando imágenes condicionales con css3
R creando animaciones con wow.js y anímate.css
R creando efectos parallax de imágenes con css3
R creando efectos de deslizamiento con smoothscroll
R creando un encabezado animado
R creando un favicon
R
11– proyectos completos de web
R tipo facebook
R tipo diario
R tipo tienda de ventas