Aprenda Bootstrap 4 en este curso gratuito de 10 partes

Bootstrap 4 representa una reescritura completa de toda la biblioteca, y trae consigo varias características y conceptos nuevos para entender. Por lo tanto, puede resultar abrumador saltar de cabeza a la documentación para aprenderla.

Es por eso que nos hemos asociado con Neil Rowe (anteriormente conocido como CodersGuide) y creamos un curso completo gratuito sobre Bootstrap 4. Neil creó anteriormente uno de los cursos Bootstrap 3 más populares en YouTube, así que estamos muy contentos de que él elegido para utilizar Scrimba para su curso de seguimiento.

Puedes tomar el curso hoy. Simplemente dirígete a la página del curso y te convertirás en un maestro de Bootstrap 4 en una hora.

¡Ahora echemos un vistazo más de cerca a lo que aprenderá!

# 1 Introducción al curso

En el primer screencast, obtendrá una descripción general de Bootstrap en sí, y qué utilidades y componentes trae consigo. Neil también repasa los principales beneficios que aporta la v4.

# 2 El sistema de cuadrícula receptiva

Luego, el curso sigue con uno de los componentes más importantes de Bootstrap, el sistema de cuadrícula receptivo. Neil explica cómo crear varias cuadrículas, con diferentes puntos de interrupción, tamaños de columna y compensaciones.

# 3 barras de navegación receptivas

El componente de la barra de navegación es una gran razón por la que mucha gente usa Bootstrap. En esta lección, aprenderá a crear una barra de navegación receptiva que se colapsa en un menú de hamburguesas en pantallas pequeñas.

# 4 Modales

Bootstrap también hace que sea muy fácil crear modales, que a menudo son útiles. En esta lección, aprenderá cómo crearlos paso a paso.

# 5 formularios

Los formularios son fundamentales para la mayoría de los sitios web, por lo que es bueno saber cómo crearlos. En esta lección, aprenderá a crear un formulario de registro receptivo. Aquí, sus habilidades de la lectura de cuadrícula receptiva también serán útiles.

# 6 Lista de grupos

Los grupos de listas se pueden utilizar para muchos propósitos diferentes. Se pueden usar, por ejemplo, como barra lateral, menú, lista de artículos o lo que quieras, básicamente.

# 7 Cartas

Bootstrap 4 presenta un componente completamente nuevo llamado tarjetas, que reemplaza paneles, pozos y miniaturas. Una tarjeta es un contenedor de contenido flexible y extensible. En esta lección, aprenderá a construir uno usando varios componentes que comúnmente componen una tarjeta.

# 8 Mesas

Bootstrap 4 también viene con un montón de clases para modificar tablas, y esta lección demostrará la mayoría de ellas. Son opcionales, lo que significa que debe agregar activamente una clase de tabla para convertir una tabla en una tabla Bootstrap. Esto es diferente a como solía ser antes de que las tablas HTML normales se convirtieran en tablas Bootstrap automáticamente.

# 9 Alertas

Las alertas no son particularmente emocionantes y no hay demasiados cambios con respecto a las versiones anteriores de la biblioteca, por lo que si ha usado Bootstrap 2 o 3, debería estar bastante familiarizado con todo esto. Sin embargo, es importante conocerlos, ya que enviar mensajes y notificaciones a los usuarios mediante alertas puede ayudar a que su sitio web sea más fácil de usar.

# 10 opciones de navegación

Finalmente, el curso concluye donde comenzó, brindándole más herramientas en su cinturón cuando se trata de barras de navegación, como pestañas y menús desplegables. Es útil saberlo, pero no es tan básico como el contenido de la lección dos, por lo que aparece al final del curso.

Si sigue todas estas conferencias una tras otra, podrá comenzar a crear sitios web con Bootstrap 4. Y si se queda atascado, estará bien equipado para sumergirse en los documentos y resolver cualquier problema que pueda tener.

El formato Scrimba

Finalmente, también echemos un vistazo rápido a la tecnología detrás del curso. Está construido con Scrimba, una herramienta de screencast de codificación interactiva. Una "malla" parece un video normal, sin embargo, es completamente interactivo. Esto significa que puede editar el código dentro del screencast.

Aquí hay un gif que explica el concepto:

Pausar el screencast → Editar el código → ¡Ejecutarlo!  → Ver sus cambios

Pausar el screencast → Editar el código → ¡Ejecutarlo! → Ver sus cambios

Esto es ideal para cuando sienta que necesita experimentar con el código para comprenderlo correctamente, o cuando simplemente desea copiar una parte del código.

¿Entonces, Qué esperas? ¡Anímate y haz el curso hoy!

¡Gracias por leer! Mi nombre es Per, soy el cofundador de Scrimba y me encanta ayudar a las personas a aprender nuevas habilidades. Sígueme en Twitter si desea recibir notificaciones sobre nuevos artículos y recursos.

¡Gracias por leer! Mi nombre es Per Borgen, soy el cofundador de Scrimba, la forma más fácil de aprender a codificar. Debe consultar nuestro bootcamp de diseño web receptivo si desea aprender a construir un sitio web moderno a nivel profesional.