-
Descargue y descomprima C01E07.zip
-
Desde la línea de comandos
- Ingrese a la carpeta con el ejercicio
- Instale los paquetes necesarios, con:
npm install
- Levante el servidor con cualquiera de las siguientes opciones:
- En modo predeterminado, con:
npm start
- En modo de depuración
- En Windows, con:
npm run debugw
- En MacOs, con:
npm run debugm
- En Windows, con:
- En modo predeterminado, con:
- Utilice su navegador preferido para abrir la vista inicial del ejercicio, con el URL:
http://localhost:3000/
-
Desde el navegador, revise cada una de las instrucciones que aparecen en los recuadros de color verde.
-
Desde el editor de texto, modifica el archivo
public/stylesheets/ejercicio.css
,- Agrega tu respuesta dentro de cada uno de los comentarios marcados, con:
/* Inicio */
y/* Fin */
- Agrega tu respuesta dentro de cada uno de los comentarios marcados, con:
-
Desde el navegador, actualice la página y verifique si los cambios cumplen con las instrucciones solicitadas.
- Desde otra instancia de la línea de comandos, ejecute:
npm test
- Los resultados posibles a las pruebas unitarias pueden ser:
- Todos fueron exitosas, o
- Existen pruebas unitarias fallidas.
- En caso de ser necesario, modifique el/los archivo(s) y vuelva a ejecutar las pruebas unitarias.
- Desde otra instancia de la línea de comandos, ejecute:
npm test
- Los resultados posibles a las pruebas unitarias pueden ser:
- Todos fueron exitosas, o
- Existen pruebas unitarias fallidas.
- En caso de ser necesario, modifique el/los archivo(s) y vuelva a ejecutar las pruebas unitarias.
- CSS | MDN. (2021). Retrieved 25 April 2022, from https://developer.mozilla.org/es/docs/Web/CSS
- Selectores CSS - CSS | MDN. (2022). Retrieved 27 May 2022, from https://developer.mozilla.org/es/docs/Web/CSS/CSS_Selectors
- Freeman, J. (2022). Chapter 6 CSS Options | Client-Side Web Development. Retrieved 3 May 2022, from https://info340.github.io/css-options.html
- chai-css. (2016). Retrieved 2 May 2022, from https://www.npmjs.com/package/chai-css/v/0.0.3
- Gradient instead of negative margin https://codepen.io/dPlugins/pen/vYpQGEK a través de @CodePen
- Uso de propiedades personalizadas (variables) en CSS - CSS | MDN. (2022). Retrieved 29 April 2022, from https://developer.mozilla.org/es/docs/Web/CSS/Using_CSS_custom_properties
- :root - CSS | MDN. (2022). Retrieved 29 April 2022, from https://developer.mozilla.org/es/docs/Web/CSS/:root
- var() - CSS | MDN. (2022). Retrieved 29 April 2022, from https://developer.mozilla.org/es/docs/Web/CSS/var
- linear-gradient() - CSS: Cascading Style Sheets | MDN. (2022). Retrieved 29 April 2022, from https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient
- clamp() - CSS: Cascading Style Sheets | MDN. (2022). Retrieved 2 May 2022, from https://developer.mozilla.org/en-US/docs/Web/CSS/clamp