[Curso] Bootstrap de 0 a 100 ? Archivos - Programador Novato

bootstrap 1

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.

https://getbootstrap.com/

https://materializecss.com/

https://foundation.zurb.com/

h

bootstrap 3

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…

bootstrap 4

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…

bootstrap 5

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:/…

bootstrap 6

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…

bootstrap 7

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

bootstrap 8

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…

bootstrap 9

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

bootstrap 10

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

bootstrap 11

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

bootstrap 12

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…

bootstrap 13

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…

bootstrap 14

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…

bootstrap 16

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

bootstrap 17

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…

bootstrap 18

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

bootstrap 19

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…

bootstrap 20

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…

bootstrap 22

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…

bootstrap 21

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

bootstrap 23

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…

bootstrap 24 1

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/

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

En Programador Novato vivimos de los anuncios, hemos detectado que está utilizando extensiones para bloquear anuncios. Ayudanos deshabilitando tu bloqueador de anuncios. :)