bootstrap exercises tutorial

Tutorial de ejercicios de bootstrap en 4Geeks Academy

¡Hola! Soy Alejandro Sánchez @alesanchezr, ¡estoy encantado de tenerte aquí! ? ? Aprender a codificar es difícil; ¡Necesitas entrenar! DM me en Twitter si tienes alguna pregunta. Aprenderás los siguientes conceptos:

Aprenderás los siguientes conceptos:

1. Cómo aplicar Bootstrap a su sitio web.

2. Selección de elementos HTML de su sitio web para aplicar los estilos de arranque.

3. Aplique clases de arranque a esos elementos.

4. Use las reglas de arranque más populares.

5. Aprenda los trucos de bote de arranque más populares.

Antes de comenzar ... otros tutoriales relacionados

1. Aprender html
2. Aprenda formularios HTML
3. Aprender CSS
4. Aprender diseños de CSS
5. Aprenda bootstrap ← Estás aquí ahora

¡Selección completa de ejercicios de CSS autogradados, cualquier persona interesada en aprender CSS!

Instalación de un clic (recomendado):

Puede abrir estos ejercicios en solo unos segundos haciendo clic: Abrir en espacios de códigos (recomendados) o abrir en GitPod.

Una vez que tenga VSCODE abierto, los ejercicios LearnPack deben comenzar automáticamente. Si los ejercicios no se ejecutan automáticamente, puede intentar escribir en su terminal: $ learnpack start

Instalación local:

Clone el repositorio en su entorno local y siga los pasos a continuación:

1. Instale Learnpack, el administrador de paquetes para tutoriales de aprendizaje y el complemento del compilador de nodo para Learnpack, asegúrese de tener también Node.js 14+:

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. Descargue estos ejercicios particulares usando Learnpack y cd en la carpeta:

$ learnpack download bootstrap-exercises-tutorial
$ cd bootstrap-exercises-tutorial

Nota: Una vez que termine de descargar, encontrará una carpeta "Ejercicios" que contiene todos los ejercicios dentro.

3. Inicie el tutorial/ejercicios ejecutando el siguiente comando al mismo nivel donde su archivo Learn.json es:

$ npm i [email protected] -g
$ learnpack start

¿Cómo se organizan los ejercicios?

Cada ejercicio es una pequeña aplicación React que contiene los siguientes archivos:

1. index.html: representa el archivo de entrada para todo el ejercicio.
2. ReadMe.md: contiene instrucciones de ejercicio.
3. Test.js: no tiene que abrir este archivo, contiene el script de prueba para el ejercicio.

Nota: Los ejercicios tienen una calificación automática, pero es muy rígido y estricto, mi recomendación es no tomar las pruebas demasiado serias y usarlas solo como sugerencia, o puede sentirse frustrado.

Colaboradores

Gracias a estas maravillosas personas (Key Emoji):

1. Alejandro Sánchez (Alesanchezr), Contribución: (Coder) (Idea)?, (Pruebas de construcción) ️ , (Pull-Request-Review)? (Tutorial de construcción) ✅ (documentación)

Este proyecto sigue la especificación de todos los contribuyentes. ¡Las contribuciones de cualquier tipo son bienvenidas!

Este y muchos otros ejercicios son construidos por estudiantes como parte del Campamento de codificación de la Academia 4Geeks por Alejandro Sánchez y muchos otros colaboradores. Obtenga más información sobre nuestro curso completo de desarrolladores de pila y Data Science Bootcamp.