Está en la página 1de 12

 

Prueba - Mi Portafolio
 

Lee la prueba completa antes de comenzar.


La copia de código fuente será castigada con nota 0.
La prueba consta de un tiempo estimado de 6 horas (2 sesiones presenciales), no se
revisarán commits posteriores a la hora de entrega.
Añadir un dominio personalizado (se puede utilizar .tk )
Concentrarse en incluir la mayor cantidad de ítems funcionales posibles, comenzar por los
más fáciles.
Se puede utilizar: Google, StackOverflow, Blogs, materiales previos del curso, entre otros.
Para aprobar se debe obtener al menos el 70% del puntaje total.
Luego de terminar debes subir los cambios al repositorio remoto y añadir el link del
repositorio a la sección correspondiente en la plataforma empieza.

Contexto
Construye un landing page, este será un portafolio web que integre todas los desafíos
realizados anteriormente.

Puedes guiarte por la siguiente maqueta:

 
Requisitos generales
El sitio web debe ser responsivo.
Debe incluir una grilla.
El sitio web debe estar construido usando la filosofía Mobile First.
Se debe integrar a lo menos un servicio externo de formularios de contacto (Typeform).
Se debe usar a lo menos 2 componentes de bootstrap que incluyan JavaScript. (Carousel,
tooltips, entre otros).
La página debe tener una barra de navegación con links que lleven a las diferentes
secciones de la página web.
Todas las páginas deben contener un footer que incluya íconos de redes sociales.
Se deben usar 1 o 2 tipos diferentes de fuentes (En el caso de ser 1 tipo de fuente, contrastar
esta con a lo menos un peso de fuente).
Se deben usar a lo menos 3 tipos diferentes de componentes de bootstrap (excluyendo
las componentes con JavaScript)
La página debe tener titulares y subtitulares para las secciones.
Se debe a lo menos 4 clases utilitarias de Bootstrap.
Requisitos específicos
La página debe contener 6 secciones que incluyan:

Una barra de navegación fija en la parte superior de la pantalla, con links a diferentes
secciones de tu página, haciendo un smooth scroll.
Una sección en la que aparezca tu foto como fondo.
Una sección el cual hagas una descripción sobre ti, que contenga un titular y dos párrafos
(debe desaparecer en tamaños pequeños de pantalla).
Una sección que incluya tu experiencia (si no tienes experiencia como desarrollador usa
tus últimos dos puestos de trabajo para esta sección o en su defecto, tus estudios).
Una sección donde aparezcan tus últimos trabajos realizados (Si aún no tienes alguno,
utiliza los desafíos realizados en las sesiones presenciales. Las fotos se encuentran en el archivo
Assets - Prueba.zip).
Una sección de formulario de contacto con Typeform.
Una sección footer con links a tus redes sociales.
Criterios de evaluación
HTML (2 puntos):

Organización e indentado del código (0.25 puntos).


Uso de div y sections (0.25 puntos).
Correcta organización del directorio del proyecto (0.25puntos).
Correcta carga de archivos externos de estilo y script, JavaScript, Bootstrap, Google
Fonts y Font Awesome.(0.25 puntos).
Construcción de secciones y clases solicitadas (1 punto).
CSS (2 puntos):
Uso de selectores (0.5 puntos).
Llamado correcto a Google Fonts y uso correcto de font-family (0.5 puntos).
Uso de archivo externo (0.5 puntos).
Uso de color y decorado (0.5 puntos).
Bootstrap (2 puntos):

Correcta integración de CDN de Bootstrap (0.5puntos).


Uso de clases utilitarias de bootstrap (0.5 puntos).
Uso de grilla (0.5 puntos).
Uso de componentes de Bootstrap (0.5 puntos).
JavaScript (2 puntos):

Llamado correcto a los CDN necesarios para Bootstrap JS (0.5 puntos).


Uso de archivo externo para manejo de JavaScript (0.5 puntos).
Presencia de 2 componentes JS de Bootstrap (Carousel, tooltips, modales, entre
otros) (0.5 Punto).
Presencia de formulario con Typeform (0.5 puntos).
git, GitHub, Github Pages. (2 puntos):

Uso de git para versionar el proyecto (5 commits como mínimo). (0.5 puntos).
Creación de repositorio remoto en Github.(0.5 puntos).
Creación de Github Pages.(0.5 puntos).
Añadir dominio personalizado (Puede usar uno .tk).(0.5 puntos).

 
Mockup Mobile
 
Mockup Desktop
 

También podría gustarte