Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
[Curso] Bootstrap de 0 a 100 ? Archivos - Programador Novato
01.- Bootstrap? de 0 a 100 [Que es Bootstrap, lo necesito? ?]
En este tutorial vamos a ver que es bootstrap y aremos un breve comparativa con su competencia.
h…
02.- Bootstrap? de 0 a 100 [Instalaciónn?]
En este video vamos a realizar un sencilla instalación de Bootstrap.
Codigo: https://github.com/programadornovato/bootstrap/commit/37b9a55b0a94ae4ed01ffedd7f54b8284e65e9d7
h…
03.- Bootstrap? de 0 a 100 [Contenedores?️ y rejillas?]
En este tutorial vamos a estudiar los contenedores de tipo normal y fluid, además de la forma de de colocar contenido responsive en rejillas de bootstrap.
Codigo: https://github.com/progr…
04.- Bootstrap? de 0 a 100 [Puntos de ruptura ?]
En este tutorial vamos a er los puntos de roptura de nuestras rejillas de boostrap, en otras palabras vamos apersonalizar como queremos que se miren nuestras columnas en los diferentes dispo…
05.- Bootstrap? de 0 a 100 [Crear estructura de una página web]
En este tutorial vamos a seguir trabajando con los puntos de ruptura pero en esta ocasión de forma practica porque vamos a hacer practicamente la estructura de una pagina web.
Codigo: https:/…
06.- Bootstrap? de 0 a 100 [Alineaciones]
En este tutorial vamos a estudiar las alineaciones de los registros y columnas que nos ofrece bootstrap.
Codigo: https://github.com/programadornovato/bootstrap/commit/333f18760ce…
07.- Bootstrap? de 0 a 100 [Alinear imagenes]
En este video vamos a realizar una practica de de las alineaciones que hicimos en el tutorial anterior.
Codigo: https://github.com/programadornovato/bootstrap/commit/4061e34a4220e…
08.- Bootstrap? de 0 a 100 [navbar (barra de navegación)]
En este video vamos a rematar la home de nuestra pagina web colocando un navbar (responsive obviamente) el cual va a contener menús, dropdowns, buscadores (preparados para backend).
Codigo…
09.- Bootstrap? de 0 a 100 [Espaciados y estilos de texto]
En este tutorial vamos a trabajar con diferentes estilos de texto, espaciados y colores que nos ofrece bootstrap.
Codigo: https://github.com/programadornovato/bootstrap/commit/74c…
10.- Bootstrap? de 0 a 100 [Cardr]
En este tutorial vamos a trabajar con las tarjetas que nos ofrece bootstrap.
Codigo: https://github.com/programadornovato/bootstrap/commit/2ee2e6e58440f1f4541c53107d2cb795811…
11.- Bootstrap? de 0 a 100 [Jumbotron]
En este tutorial vamos a estudias jumbotron que es un elemento para mostrar de forma resaltada alguna informacion.
Codigo: https://github.com/programadornovato/bootstrap/commit/ff…
12.- Bootstrap? de 0 a 100 [formularios]
En este tutorial vamos a estudiar los formularios que nos ofrece bootstrap y ademas vamos a trabajar con poco de grids para darle un estilo mas elegante.
Codigo: https://github.com/program…
13.- Bootstrap? de 0 a 100 [formulario inline]
En este tutorial vamos a trabajar con formularios online, osea un formulario en el que las etiquetas estén una al lado de la otra.
Codigo:https://github.com/programadornovato/bootstrap…
14.- Bootstrap? de 0 a 100 [Carousel?]
En este tutorial vamos a trabajar con el Carousel que nos ofrece Bootstrap
Codigo: https://github.com/programadornovato/bootstrap/commit/b645df83ff84d57cfd085cc6b4c843739501d…
15.- Bootstrap? de 0 a 100 [Plantillas]
En este tutorial vamos a estudiar las plantillas que nos da bootstrap.
Codigo: https://github.com/programadornovato/plantilla-bootstrap/commit/fe0aacc4ad21afb044db2b98bc5e94…
16.- Bootstrap? de 0 a 100 [ventana modal]
En este tutorial vamos a estudiar las ventanas modales o pop que nos ofrece bootstrap 4.
Codigo: https://github.com/programadornovato/bootstrap/commit/0ea1781325ec07bb777494871e…
17.- Bootstrap? de 0 a 100 [Scrollspy]
En este tutorial vamos a estudiar scrollspy con las librerías que nos ofrece Bootstrap. Scrollspy detecta la posición de nuestro scroll y activa el menú que nosotros le asignemos.
Codigo: ht…
18.- Bootstrap? de 0 a 100 [Tooltip]
En este tutorial vamos a aprender a colocar unos tooltip (indicaciones) en algunos de los botones de nuestra pagina.
Codigo: https://github.com/programadornovato/bootstrap/commit/f…
19.- Bootstrap? de 0 a 100 [Diferencia entre fixed-top y sticky-top]
En este tutorial vamos a aprender la diferencia entre fixed-top y sticky-top y ademas usaremos un poco de jquery para ocultar nuestro menu despues de hacer un sticky.
Codigo: https://github…
20.- Bootstrap? de 0 a 100 [Personalizar tarjetas de navidad?]
En este tutorial vamos a trabajar con card de bootstrap para poder crear tarjetas de navidad.
Código: https://github.com/programadornovato/bootstrap/commit/f28df6e38eaab072e0ab3…
22.- Bootstrap? de 0 a 100 [navbar ejemplo práctico]
En este tutorial vamos a trabajar con navbar y vamos a hacer un selector de imágenes con sus respectivas biografías de los avengers.
Codigo: https://github.com/programadornovato/bootst…
21.- Bootstrap? de 0 a 100 [formulario de suscripcion]
En este video vamos a crear un formulario de suscripción donde van a suscribirse de forma real usuarios a través de mailrelay.com
Codigo: https://github.com/programadornovato/bootstra…
23.- Bootstrap? de 0 a 100 [navbar ejemplo práctico 2da parte]
En este tutorial vamos a hacer nuestro navbar responsive para todos los dispositivos y ademas nos vamos a apoyar de jquery para lograr nuestro objetivo.
Codigo: https://github.com/progra…
24.- Bootstrap? de 0 a 100 [Practicas con sticky-top]
En este tutorial vamos a conocer el funcionamiento de sticky-top y de paso miraremos un poco las entrañas de de las librerías de Bootstrap.
Codigo: https://github.com/programadornovato/…
Ave que vuela, a la cazuela.