freeCodeCamp/curriculum/challenges/spanish/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.spanish.md

id, title, isRequired, challengeType, videoUrl, localeTitle

id	title	isRequired	challengeType	videoUrl	localeTitle
bd7158d8c242eddfaeb5bd13	Build a Personal Portfolio Webpage	true	3		Crear una página de portafolio personal

Descripción

Objetivo: crear una aplicación CodePen.io que sea funcionalmente similar a esta: https://codepen.io/freeCodeCamp/full/zNBOYG . Cumple las siguientes historias de usuario y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debes obtener algo de práctica con CSS simple. Puedes utilizar Bootstrap o SASS si lo deseas. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! Historia de usuario n. ° 1: Mi portafolio debe tener una sección de bienvenida con un ID de welcome-section de welcome-section . Historia de usuario n. ° 2: La sección de bienvenida debe tener un elemento h1 que contenga texto. Historia de usuario n. ° 3: Mi portafolio debe tener una sección de proyectos con una identificación de projects . Historia de usuario n. ° 4: La sección de proyectos debe contener al menos un elemento con una clase de project-tile para contener un proyecto. Historia de usuario n. ° 5: La sección de proyectos debe contener al menos un enlace a un proyecto. Historia de usuario n. ° 6: Mi portafolio debe tener una barra de navegación con un ID de navbar de navbar . Historia de usuario n. ° 7: La barra de navegación debe contener al menos un enlace en el que pueda hacer clic para navegar a diferentes secciones de la página. Historia de usuario n. ° 8: Mi portafolio debe tener un enlace con un ID de profile-link , que abre mi perfil de GitHub o FCC en una nueva pestaña. Historia de usuario n. ° 9: Mi portafolio debe tener al menos una consulta de medios. Historia de usuario n. ° 10: La altura de la sección de bienvenida debe ser igual a la altura de la ventana gráfica. Historia de usuario n. ° 11: la barra de navegación siempre debe estar en la parte superior de la ventana gráfica. Puedes construir tu proyecto por medio de este bolígrafo CodePen . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de lectura-búsqueda-pregunta si te atascas.

Instrucciones

Tests

tests: []

Semilla de desafío

Solución

// solution required