Este template muestra la forma de desplegar con Vue 3 en Vite.

This template should help get you started developing with Vue 3 in Vite.

VSCode + Volar (and disable Vetur).

See Vite Configuration Reference.

npm install

npm run dev

npm run build

npm run lint

Un portafolio es una herramienta esencial para cualquier programador. No solo muestra tus habilidades y proyectos de una manera organizada y visualmente atractiva, sino que también puede ser la clave para conseguir entrevistas y trabajos en el campo de la tecnología. Al final de esta serie de tutoriales, tendrás un enfoque de un portafolio totalmente funcional y personalizable, listo para impresionar a futuros empleadores y clientes.

Nuestro portafolio estará compuesto por varias secciones clave que te permitirán mostrar toda tu información profesional de manera clara y estructurada. Estas secciones incluyen:

• Barra de Navegación: Para facilitar la navegación entre las diferentes secciones de tu portafolio.
• Datos Personales: Nombre y apellido, dirección, teléfono y código postal.
• Educación: Detalles sobre tu formación académica.
• Experiencia: Información sobre tus trabajos y proyectos anteriores.
• Organización, Liderazgo y Actividades: Involucramiento en actividades extracurriculares y roles de liderazgo.
• Habilidades e Intereses: Una lista de tus habilidades técnicas y tus intereses personales.

Para seguir este tutorial, necesitarás tener algunas herramientas básicas instaladas en tu computadora:

• Node.js y npm: Para gestionar las dependencias de Vue.js.
• Un Editor de Código: Como Visual Studio Code o cualquier otro de tu preferencia.

Conectamos con cdn de Vue.js de ejemplo práctico.

En este primer capítulo, vamos a preparar todo lo necesario para empezar a desarrollar nuestro portafolio con Vue.js. Esto incluye la instalación de las herramientas necesarias y la creación de la estructura básica de nuestro proyecto.

Para empezar, necesitamos tener Node.js y npm instalados en nuestra computadora. Node.js nos permitirá ejecutar JavaScript en el servidor, y npm es el gestor de paquetes que usaremos para instalar Vue.js y otras dependencias.

Vamos a revisar la estructura básica del proyecto para entender cómo está organizado.

En este segundo capítulo, vamos a preparar la estructura de archivos que realizamos en la clase anterior, quitando algunos archivos y seleccionando lo que nos pueda servir para la construcción del Portafolio web con Vue, además explicaremos y veremos un ejemplo práctico como funciona vue

En este tercer capítulo, vamos a repasar lo visto en el capítulo anterior y comenzaremos a crear una barra de navegación simple para que el usuario pueda acceder rápidamente al contenido, de nuestro portafolio, en este pdf les dejare lo realizado en este capítulo para que lo repasen y lo apliquen a su proyecto.