¿Qué quieres aprender?

Bootstrap

Bootstrap

Cepi-base

Curso presencial

Barcelona


301-500 €
¿Quieres hablar con un asesor sobre este curso?

Sedes

Localización

Fecha inicio

Barcelona

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

Ver más