Este trabajo fue realizado en equipo y es el trabajo final para la asignatura de Tecnologías Web, de la Tecnicatura Universitaria de Software Libre de la UNL. La materia está a cargo del profesor titular Juan Pablo Taulamet y el profesor adscripto Hugo Ignacio Boulocq.
Este portafolio web libre responde a la necesidad concreta de muchas personas de contar con portafolios donde mostrar sus trabajos, a su vez de que nos sirvió como práctica para afianzar los conocimientos que fuimos aprendiendo en tecnologías web.
Esperamos que este portafolio web libre sirva como plantilla base para quien quiera tener un sitio donde ir presentando sus trabajos, ya sean propios del área de desarrollo de software (como este modelo), o de otras áreas laborales, y que sea adaptado a las necesidades e intereses de cada persona o comunidad, siempre y cuando se respete la licencia libre que acompaña este proyecto.
En primer lugar buscamos ejemplos de portafolios hechos por otras personas y nos inspiramos de varios portafolios de Bedimcode, para hacer tanto el diseño para dispositivos pequeños como para el diseño de dispositivos medianos/grandes.
En la actualidad existen muchas resoluciones distintas de pantallas. De forma general, podemos agruparlas en tres tamaños: celulares (dispositivos pequeños), tablets (dispositivos medianos) y computadoras/TVs (dispositivos grandes). La gran abundancia de celulares que existen en la actualidad, por sobre la de otros dispositivos, hacen que estos tengan prioridad en el desarrollo. Por ello:
- Primero: partimos de un diseño enfocado en dispositivos pequeños.
- Segundo: luego hicimos el diseño para dispotivos medianos/grandes.
- Tercero: subimos la página web a un servicio de hosting. Para ello, hicimos una cuenta en Netlify. En la pantalla inicial, tocamos el botón "Añadir nuevo sitio", de ahí "Importar un proyecto existente" y vinculamos Netlify con GitHub. Luego, elegimos el repositorio del portafolio web. Avanzando, elegimos la rama principal. Deployamos y listo!
- Cuarto: iremos agregando nuevas funcionalidades al proyecto a lo largo del tiempo.
Acá se puede ver el portafolio web funcionando.
Para realizar el proyecto, utilizamos diferentes tecnologías web:
- HTML: sirve para crear el "esqueleto" de la información del sitio web.
- CSS: sirve para darle un diseño estético al sito.
- Bootstrap: es un framework front-end que posee una gran cantidad de clases predefinidas, que combina HTML, CSS y JS. Resulta sumamente práctico para partir de elementos prefabricados, y luego ir modificándolos.
Haciendo un fork de este repositorio, se puede hacer una copia para editar libremente. Luego, y una vez descargados todos los archivos en tu computadora, podés abrir los archivos con un editor de código como puede ser VSCodium o Atom (son los que utilizamos nosotros), y de ahí ir modificando la información y las imágenes a gusto. Si entendés mejor cada uno de los elementos (que están comentados y divididos por sección en el index.html), podés modificarlos, quitarlos o agregar otros. En los archivos CSS podés cambiar el estilo visual de todos los elementos.
Este portafolio está dirigido a fomentar la cultura libre. Se lo puede conocer, usar, editar y compartir libremente. Desde ya, siempre son bienvenidas cualquier tipo de sugerencias, colaboraciones y comentarios en general sobre el portafolio.
-
Gonzalo López - jaglux12
-
Mariano Javier Portal - devsiderio