‹ Volver a Portafolio
Tabla de Contenidos

Introducción
Tecnologias aplicadas
Funcionalidades
Estructura-y-Diseño
Rendimiento
Demo
Repositorio-Github
Conclusión
Lecciones Aprendidas
Notas

1. Introducción 🌐

En la actualidad es fundamental contar con un portafolio personal ya que es una excelente herramienta estratégica para destacar en el mundo profesional, establecer una marca personal y generar oportunidades laborales.
El siguiente proyecto tiene como finalidad crear un sitio web atractivo y que sirva como portafolio personal en el cual el usuario pueda destacar sus habilidades, servicios y proyectos.

2. Tecnologías aplicadas 💻

  • HTML
  • CSS
  • Javascript

3. Funcionalidades ⚒️🚩

Se representan las funcionalidades clave del sitio web mediante el siguiente caso de uso:

CasoDeUsoPortafolioWeb

4. Estructura y Diseño 🏗️

Scroll del sitio Web

5. Rendimiento 🚀📈

5.1 Movil 📱

rendimientoMobile

5.2 Escritorio 🖥️

rendimientoDesktop

6. Live Demo 🎥🕹️

Demo del sitio en Netlify:

Ir Portafoilio Dev

7. Repositorio Github 🌏💼

Link a repositorio: GitHub Portafolio Dev

8. Conclusión 📢

El proyecto de Portafolio Web fortaleció mi dominio de HTML, CSS y JavaScript, proporcionándome habilidades necesarias en el campo de la automatización de pruebas.

HTML (Estructura Semántica): La creación de una estructura semántica mejoró mi capacidad para identificar elementos críticos durante la automatización de pruebas.

CSS (Diseño Responsivo): La implementación de diseño responsivo me permitió abordar pruebas de compatibilidad en diversos dispositivos, garantizando la estabilidad y compatibilidad del software.

JavaScript (Interactividad): La habilidad para agregar interactividad con JavaScript se traduce directamente en la creación de scripts de prueba eficientes y robustos.

9. Lecciones Aprendidas 📚

  • HTML
  • CSS
  • Javascript

10. Nota 📖

El sitio web, fue desarrollado a partir del siguiente template, mi aporte consistió en la modificación de las cards que representan a los proyectos, especificando las tecnologías aplicadas en cada uno de ellos, como así también corregir algunos problemas de ajustes en las resoluciones para moviles, entre otros detalles estéticos.