Primera idea de portafolio personal
Aquí iré detallando el proceso de como un desarrollador principiante hace su pimer portafolio.
Primero me inspire de portafolios de otros desarrolladores e intenté ver qué era lo que más se acoplaba a mi estilo y personalidad.
Uno de los que más me gustó por su sencillez y estética, fue el del desarrollador Ian Dunkerley. Me gustó que no habían muchos rodeos, se presenta con una animación muy discreta pero elegante y de una pasa a decirte quién es, qué es lo que hace, de donde es y termina con un perfil personal muy corto pero conciso. De lado derecho de la página (one-page-web) enlista sus proyectos insignia y en la esquina superior derecha deja hipervinculos hacía sus redes o contacto.
Otro portafolio que me encantó por el esitlo fue el de Jesse Zhou. Aunque no va conmigo, me encantó el efecto que le dio a su página, muy único, una experiencia inmersiva e interactiva que te presenta muy brevemente quién es, todo lo que sabe hacer (multidisciplinario). Algo que no me gustó fue que su loader y el tiempo de respuesta en mi caso fue muy tardado pero bueno, ese no es el punto de este docuento.
Despues de un rato buscando y viendo portafolios de desarrolladores me di cuenta que la gran mayoría tienen conocimientos de diseño web y UX/UI, entre ellos me encontré a un desarrollador llamado Max Böck que me encantó la cantidad de "themes" que tiene para su pagina web, únicamente es una página pero la estética es de 10.
Después de un tiempo de reflexión, decidí que me encanta el minimalismo de las páginas como Ian Dunkerley, además de que mi estilo personal se alinea bastante con ese estilo de interfaz, así que comenzaré el diseño de mi web personal (portafolio) bajo estos estándares e ideas.
Ya teniendo en mente el estilo que quiero imprimirle a mi web, empezaré por marcar la estructura general que quiero que tenga. Ya que sigo estudiando desarrollo web, por el momento unicamente utilizaré HTML, CSS, un poco de JavaScript y conforme vaya aprendiendo nuevas tecnologías la iré actualizando y mejorando. Por el momento haré el boceto del template general.
Primero, teniendo ya el diseño, empecé a buscar los colores que quiero utilizar y también las fuentes. Ya teniendo lo anterior hice la estructura básica del HTML y empecé con el diseño del CSS en el Styles.css, pero haré atomic design, así que después modularizaré los archivos css.