Bootstrap para verdaderos principiantes

Bootstrap es sin duda el framework más utilizado para hacer páginas web responsivas de manera rápida y profesional en el mundo, pero no solo nos permite adaptar nuestras páginas web a cualquier dispositivo, sino que nos brinda una enorme gama de herramientas.

Bootstrap para verdaderos principiantes

Comparte este curso

Descripción del curso

Bootstrap es sin duda el framework más utilizado para hacer páginas web responsivas de manera rápida y profesional en el mundo, pero no solo nos permite adaptar nuestras páginas web a cualquier dispositivo, sino que nos brinda una enorme gama de herramientas para simplificarnos la vida de diseñadores y desarrolladores web.

Este curso está enfocado para personas que no tengan ningún conocimiento sobre el tema, hasta poder lograr páginas flexibles y poderosas. Es necesario que se tengan conocimientos básicos sobre HTML y CSS, pero no necesitas ser un experto en el área. No necesitas tener ningún conocimiento en JavaScript, ya que no utilizaremos este lenguaje.

Contenido del curso

Los inicios de Bootstrap03:55AVANCE
Instalar Bootstrap en la computadora o desde un CDN12:21
Las clases .container y .container-fluid para iniciar08:35
Introducción al Grid System08:12

Definiciones de la fuente05:41
El uso de la etiqueta <mark> en Bootstrap02:31
El uso de la etiqueta <abbr> en Bootstrap03:55
El uso de la etiqueta <blockquote> en Bootstrap04:22
Las listas de definiciones en Bootstrap04:04
Etiquetas para el manejo de código con Bootstrap05:16
Clases para remarcar textos y fondos según su contexto03:58

Las clases de Bootstrap para manejar las tablas07:16
Las clases para manejar las imágenes con Bootstrap07:28
Crear una sencilla galería de imágenes con la clase thumbnail07:09
Crear un "jumbotron" y modificarlo en la página07:05
La clase .page-header03:41
La clase .well para remarcar texto con Bootstrap04:01
Los mensajes de alerta09:19
El manejo de botones desde Bootstrap04:39
Otros tipos de botones y diferentes tamaños de los mismos08:14
Los estados de los botones y botones de bloque05:04
Grupos de botones03:49
Grupo de botones verticales03:32
Justificar el grupo de botones horizontales03:40
Grupos de botones de anidamiento y menús desplegables06:56
El manejo de los glifos en Bootstrap06:57
Crear insignias en Bootstrap05:10
Manejo de etiquetas en Bootstrap03:56
Barras de progreso en Bootstrap10:42
Paginación y migas de pan con Bootstrap06:16
El paginador o pager03:12

Las listas agrupadas en Bootstrap09:49
El uso de paneles en Bootstrap05:05
Menús dropdowns en Bootstrap11:55
Bootstrap Collapse07:46
Listas colapsables con Bootstrap08:36
Crear un acordeón con Bootstrap11:53
Crear un menú sencillo con una lista en línea02:02
Crear un menú con tabuladores01:43
Tabuladores con una lista dropdown03:55
Crear un menú con píldoras01:59
Crear un menu vertical con píldoras01:28
Menu vertical con dropdown04:40
Menu vertical con dropdown04:26
Tabuladores y píldoras dinámicas en Bootstrap07:01

Principios de las barras de navegación con Bootstrap06:13
Barras de navegación con listados dropdown03:34
Barra de navegación a la derecha con Bootstrap03:59
Agregar botones en la barra de navegación04:07
Agregar un formulario en la barra de navegación06:21
Mostrar texto, fijar la barra de navegación arriba o abajo03:28
Hacer una barra de navegación colapsable con Bootstrap09:54

Crear un formulario vertical con Bootstrap06:14
Crear un formulario horizontal en dos columnas04:43
Controles de formulario compatibles07:33
Texto estático en las formas con Bootstrap05:13
Agrupar glifos o textos a una caja de entrada con06:45
Estados y contextos en las cajas de entrada en Bootstrap10:27
Modificar la altura de la caja de entrada con Bootstrap05:56
Modificar la altura de la caja de entrada en un formulario horizontal04:18
Modificar el ancho de una caja de input03:40
Los textos de ayuda o help-block en un formulario en Bootstrap05:20

Crear un objeto media y justificar a la derecha o a la izquierda05:42
Alinear verticalmente los objetos media en Bootstrap06:11
Anidar los media-object con Bootstrap04:57
Otra forma de anidar los media-objects03:58

Crear un carrusel de imágenes, primera parte06:56
Crear un carrusel de imágenes, segunda parte09:21
Los subtítulos en el carrusel en Bootstrap04:32
Las ventanas modales en Bootstrap, primera parte09:29
Las ventanas modales en Bootstrap, segunda parte02:21
Crear los tooltips en los elementos HTML con Bootstrap07:11
Las ventanas popover en Bootstrap06:24
La ScrollSpy en Bootstrap, primera parte10:50
La Scrollspy en Bootstrap, segunda parte10:38
El componente Affix de Bootstrap10:35
Los componentes Affix y Scrollspy combinados08:58

Principios generales del sistema de cuadrícula o Grid System05:18
El Grid System para dispositivos pequeños (SM)09:08
El GridSystem para dispositivos medios (MD)07:14
El GridSystem para pantallas largas (LG)06:11
Crear una página con tres columnas04:21
Anidar columnas dentro de renglones en Bootstrap07:23
Crear un layout con varios renglones desiguales en Bootstrap07:17
Las clases Hidden y Visible05:50
La clase .clearfix en Bootstrap06:03
La clase .offset en Bootstrap06:38
Las clases pull y push en Bootstrap06:14
Despedida del curso Bootstrap para verdaderos principiantes05:10

Valoraciones

4.4/5

5 Valoraciones

5 ESTRELLAS
40%
4 ESTRELLAS
60%
3 ESTRELLAS
0%
2 ESTRELLAS
0%
1 ESTRELLAS
0%

Alex
Muñoz GraneroHace 4 años
Incluir valoración media (en números)
Encarnación
Cáliz DelgadoHace 6 años
Incluir valoración media (en números)
José Andrés
Piquer MartinezHace 7 años
Incluir valoración media (en números)
muy interesante y muy bien explicado
Ledis
Rivera ChangraHace 7 años
Incluir valoración media (en números)
Javier
SorianoHace 7 años
Incluir valoración media (en números)

Apúntate POR 10€

GRATIS con la Suscripción