Sitio web de cartera

Si es un desarrollador, el sitio web de cartera es su tarjeta de presentación, como la señal de murciélago para Batman. A menudo, es lo primero que hacen los desarrolladores nuevos después de terminar un bootcamp o emprender una carrera independiente. Un buen sitio web de cartera facilita la presentación de un proyecto: puede mostrarle a un posible empleador o cliente exactamente lo que puede lograr como desarrollador. No hay nada más satisfactorio que enviar un enlace al sitio web de cartera, cuando una persona te pide un ejemplo de tu trabajo, en lugar de tener que explicarlo cada vez.

Al mismo tiempo, un sitio web de cartera puede ser una forma complicada de presentar la gama completa de habilidades de un desarrollador. ¿Cómo muestra su habilidad en React, Swift o Kubernetes en un sitio web presumiblemente construido en HTML y CSS (con JavaScript salpicado en buena medida)?

La respuesta está en los proyectos que se muestran en el sitio. En este artículo vamos a centrarnos en la forma de mostrar proyectos web para demostrar que no es solo un desarrollador web, sino un ingeniero de software.

La clave para presentar trabajos anteriores en su cartera

El primer paso es considerar a su audiencia. ¿Les importa más la descripción del producto o el código? Si es un diseñador de UI / UX, es importante guiar al visitante a través del proceso de pensamiento, las opciones de diseño y las pruebas del usuario. Si es un desarrollador de iOS, un enlace al repositorio de GitHub hará la mayor parte del trabajo pesado.

A continuación, se indican algunas cosas a tener en cuenta:

• Título y descripción: incluya siempre el título del proyecto y al menos una breve descripción de los requisitos del proyecto.

• Tech Stack: incluya una lista de las tecnologías utilizadas para crear el sitio. Podría incluir los iconos de los idiomas o tecnologías utilizados: puede que no siempre sea obvio cómo se construyó un proyecto, y mostrar experiencia con algo como AWS o Docker puede ser una gran ventaja.

• Una imagen del sitio / aplicación: esto parece obvio, pero asegúrese de incluir una captura de pantalla de la página de destino, o mejor aún, un gif del recorrido del usuario a través de la aplicación. He usado EzGif en el pasado para convertir una grabación de pantalla en una imagen de reproducción automática. Evitaría usar un video, porque no hay garantía de que la persona que mira el portafolio haga clic en él, especialmente en dispositivos móviles.

• Un enlace al proyecto: si la aplicación está activa, incluya un enlace a la URL o GooglePlay / App Store para aplicaciones móviles.

• Un enlace a GitHub: a menos que el proyecto contenga datos confidenciales del cliente, siempre es una buena idea vincular el repositorio de código. Solo asegúrese de que venga con un archivo Léame ordenado, una descripción del proyecto, al final más de una confirmación con un mensaje más largo que “HECHO”.

Con lo básico en su haber, aquí están los 5 tipos esenciales de proyectos para incluir en una cartera:

Un proyecto que aprovecha las aplicaciones de terceros.

Las API son la base de la web y del diseño de aplicaciones. Cada vez más marcos se basan en desacoplar el front-end y el back-end de una aplicación a través de una capa de datos y una capa de front-end. La mejor manera de aprovechar esta habilidad para una cartera es mostrar un sitio que pueda basarse en un servicio de terceros, para mostrar su capacidad para usar bien una API. Esto no significa insertar un mapa de Google en el sitio o iniciar sesión a través de FaceBook. Un buen proyecto incorporará programación funcional, como usar Twilio para enviar mensajes de texto o conectarse a través de VOIP, integrar pagos de Stripe o Spotify para construir un proyecto único. Si no está seguro de cómo comenzar, RapidAPI proporciona una lista de los servicios más populares.

Un proyecto que busca y busca bien

Un sitio web de cartera que funciona bien es un proyecto simple imprescindible para cualquier desarrollador nuevo. Atención en esto: la búsqueda es engañosamente difícil. Google nos ha mimado a todos con resultados ultrarrápidos y consultas relevantes. Crear una lista de su estudio de yoga favorito, cafeterías, etc. puede ser una buena manera de incorporar ElasticSearch, o incluso simplemente un sitio web rápido y receptivo que ofrece resultados rápidos y relevantes. Demuestra que usted, como desarrollador, está enfocado en un código rápido y eficiente. A veces, lo simple es lo mejor.

Un proyecto que obviamente fue construido para otra persona.

Si cada proyecto en un sitio de cartera parece un pasatiempo, será más difícil ser percibido como un profesional. Los proyectos de los clientes pueden ser difíciles de exhibir, ya que algunas empresas no se sienten cómodas mostrando que eligieron a un desarrollador externo o son extrañamente protectoras de su código. En cualquier caso, si no ha creado un sitio para una empresa, busque un amigo con un estudio de fotografía, un primo que hornee cupcakes y cree un sitio web para su negocio. Mostrar un proyecto que fue construido por otra persona demuestra habilidades de gestión de clientes y gestión de productos, además de habilidades de programación.

Un proyecto que resuelve un problema específico

Claro, un portafolio de cupcakes se ve muy bien, pero ¿qué tal una aplicación web móvil o progresiva que conecta a las personas mayores con las actividades en su vecindario, o un servicio de traducción a pedido? Al final del día, cada producto digital exitoso resuelve un problema específico y atiende a una audiencia específica. Incluya al menos un proyecto en su cartera que muestre no solo cómo se construyó, sino POR QUÉ tenía que construirse. Esto no tiene por qué ser curar el mundo de las enfermedades o traer la paz mundial, pero un proyecto para el bien, con un objetivo claro en mente, muestra una mentalidad orientada al producto.

Un proyecto que demuestra su comprensión del “desarrollo de la marca”

No todo el mundo es un desarrollador de front-end con talento. Ciertamente no lo soy. Por ejemplo, si bien puedo codificar un back-end malo, CSS sigue siendo un enemigo mortal. El último tipo de proyecto esencial debe demostrar que tienes buen ojo. Esto no significa convertirse en artista gráfico o estudiar Adobe Illustrator durante meses. Simplemente, demuestre una buena comprensión del espacio, de las llamadas a la acción. Demuestre que puede armar una paleta de colores inteligente y una fuente adecuada. Haz tu estética al frente y al centro.

¿Necesito que todos y cada uno de estos sitios tengan éxito y me contraten?

No absolutamente no. Pero esta es una plantilla útil para completar un sitio web de cartera, demostrar que es un desarrollador completo y atraer nuevos clientes o gerentes de contratación. En la nueva era remota del desarrollo de software, a veces es más fácil mantenerlo en un solo enlace de un sitio de cartera que explicarlo en una llamada de Zoom de 30 minutos.

¡Mucha suerte con estos consejos! Me encantaría ver algunos de los sitios web de su cartera en los comentarios.