6.0 KiB
6.0 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
587d78b0367417b2b2512b05 | Build a Technical Documentation Page | true | 3 | Construir una página de documentación técnica |
Description
main
con un id="main-doc"
correspondiente id="main-doc"
, que contiene el contenido principal de la página (documentación técnica). Historia de usuario # 2: Dentro del elemento #main-doc
, puedo ver varios elementos de section
, cada uno con una clase de main-section
. Debe haber un mínimo de 5. Historia del usuario n.º 3: el primer elemento dentro de cada .main-section
debe ser un elemento de header
que contenga texto que describa el tema de esa sección. Historia de usuario n. ° 4: Cada elemento de section
con la clase de main-section
también debe tener un ID que se corresponda con el texto de cada header
contenido en él. Cualquier espacio debe reemplazarse con guiones bajos (por ejemplo, la section
que contiene el encabezado "Javascript y Java" debe tener una id="Javascript_and_Java"
correspondiente id="Javascript_and_Java"
). Historia de usuario n. ° 5: Los elementos .main-section
deben contener al menos 10 p
elementos en total (no cada uno). Historia de usuario n. ° 6: Los .main-section
deben contener al menos 5 elementos de code
total (no cada uno). Historia de usuario # 7: Los .main-section
elementos deben contener al menos 5 li
total de los artículos (no cada uno). Historia de usuario n. ° 8: Puedo ver un elemento de nav
con una id="navbar"
correspondiente id="navbar"
. Historia de usuario n. ° 9: el elemento de la barra de navegación debe contener un elemento de header
que contenga texto que describa el tema de la documentación técnica. Historia de usuario # 10: Además, la barra de navegación debe contener elementos del enlace ( a
) con la clase de nav-link
de nav-link
. Debe haber uno para cada elemento con la clase main-section
. Historia de usuario n. ° 11: El elemento de header
en la barra de navegación debe aparecer antes que cualquier elemento de enlace ( a
) en la barra de navegación. Historia del usuario n. ° 12: Cada elemento con la clase de nav-link
de nav-link
debe contener texto que corresponda al texto del header
dentro de cada section
(por ejemplo, si tiene una sección / encabezado de "Hola mundo", su barra de navegación debe tener un elemento que contenga el texto "Hola Mundo"). Historia de usuario n. ° 13: cuando hago clic en un elemento de la barra de navegación, la página debe navegar a la sección correspondiente del elemento main-doc
(por ejemplo, si hago clic en un elemento de nav-link
que contiene el texto "Hola mundo", la página navega a un elemento de section
que tiene ese ID y contiene el header
correspondiente. Historia del usuario n . ° 14: En dispositivos de tamaño normal (computadoras portátiles, computadoras de escritorio), el elemento con id="navbar"
debe mostrar en el lado izquierdo de la pantalla y siempre debe El usuario puede verlo . Historia del usuario n. ° 15: La página Mi documentación técnica debería usar al menos una consulta de medios. Puede crear su proyecto por medio de este bolígrafo CodePen o puede usar este enlace CDN para ejecutar las pruebas en cualquier entorno que desee. : https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
Una vez que haya terminado, envíe la URL a su proyecto de trabajo con todas las pruebas aprobadas. Recuerde utilizar la función de lectura-búsqueda-preguntar Método si te quedas atascado. Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required