¿Cómo muestra un programador su trabajo?

Comenzaré diciendo que soy un programador que rara vez se aventura fuera de Stack Overflow, así que lo siento si esta publicación está fuera de tema.

En este momento estoy en el proceso de actualizar el sitio de mi portafolio y estoy luchando por encontrar una manera de presentar mi trabajo y mis programas anteriores.

La mayoría de los sitios web intentan mostrar su trabajo directamente para captar la atención de los usuarios, pero no tengo idea de cómo hacerlo; la mayor parte de mi trabajo gira en torno a archivos de texto largos destinados a producir aplicaciones funcionales en lugar de atractivas, por lo que agradecería cualquier ayuda para hacer esto sin recurrir a bloques de texto como lo he hecho antes.

Gracias.

¡Hola Nirvik! ¿Puedes dar un ejemplo de qué tipo de aplicación funcional haces? No es necesario publicar el código, solo quiero saber para qué se utilizan las aplicaciones.
Así que en este momento estoy agregando una biblioteca para ampliar la funcionalidad de un IDE, que es básicamente en lo que escribe un programador. Completa automáticamente los comandos comunes que alguien escribiría para acelerar el proceso (similar a este packagecontrol.io/packages/Sass )

Respuestas (1)

Para que lo sepas, soy diseñador y no sé cómo los codificadores presentan su código, pero contrato codificadores y mi sugerencia es desde el punto de vista de un cliente que no conoce todos los términos. Así que esta es una sugerencia sobre cómo presentar su trabajo de una manera visual.


Tal vez podría crear un gif animado o flash o insertar un tipo de animación aquí para mostrar lo que hace el código. Mostrar el código significaría algo para las personas que lo conocen, pero para las personas (como yo), sería muy útil algún tipo de demostración visual. Hay muchos programas para hacer ese tipo de cosas. Tal vez alguien publique sugerencias, muchos diseñadores publican pequeñas animaciones agradables para mostrar sus procedimientos.

Podría ser un poco como este enlace (demasiado grande para insertar, haga clic para ver). Incluso si la interfaz real no se veía bien, puedes crear una que te guste; una interfaz falsa que muestra el código utilizado en condiciones ideales. Y también puedes explicar lo que hace... pero esa parte la agregaría como un pequeño párrafo en el texto, y también deberías vulgarizar tu explicación o al menos tener una explicación para simples-mortales-que-no-son-codificadores -pero-todavía-podría-ser-su-cliente-un-día . Una parte con tu jerga y otra parte vulgarizada.

demostración de la interfaz

demostración de ejemplo

Y debajo de la interfaz falsa, puede agregar su código. Incluso podría estar desplazándose automáticamente. La imagen a continuación es solo un ejemplo, pero simplemente puede publicarla como texto html normal.

ejemplo de código de desplazamiento