Lo primero de todo, bienvenido/a a mi portfolio. El objetivo del mismo es que sepas quién soy, cuáles son mis habilidades (tanto de programación como personales) y tener un lugar en el que enseñar precisamente de qué soy capaz y lo que he sido capaz de lograr.
Además, no solo eso. Quiero que esto sea un diario de los progresos de este portfolio. De esta manera, me "obligo" a tener cierta constancia y tú puedes verlo conmigo.
Antes de sentarme a escribir cĂłdigo, he tenido que pensar en diversas cosas:
- Las tecnologĂas a usar:
En el caso del front-end, usaré HTML (obviamente), Bootstrap y React.
Si fuera necesario utilizar back-end, utilizaré Python con Flask.
- El aspecto de la página:
Quiero algo simple y que no haga que el usuario se centre más en el diseño que en el contenido, por lo tanto, usaré una paleta de colores que intente transmitir quién soy yo, ya que creo que esta es una de las claves de un buen portfolio (y en general): Ser uno mismo.
- Qué información poner:
Cuando se contrata a alguien, no solo se contrata a esa persona en su aspecto como programador, se contrata a la persona en todos sus aspectos. Y si algo he tenido clarĂsimo en mi vida, es que, para encajar en un sitio, es importante tanto tener los conocimientos para poder realizar ese trabajo (en este caso, conocimientos tĂ©cnicos de programaciĂłn), como mostrar valores y personalidad. Por lo tanto, como lo creo necesario, no solo verĂ©is mis conocimientos tĂ©cnicos, sino que tambiĂ©n mostrarĂ© ciertas partes más personales de mĂ, y en quĂ© os puedo ayudar para conocerme mejor.
- El idioma:
Soy bilingüe en castellano y catalán, y creo que mi nivel de inglés no es malo. Sin embargo, considero que hacer el proyecto solo en inglés quizás sea algo complejo en varios niveles. Por lo tanto, lo que quiero hacer es que, cuando termine alguna página o componente, el usuario pueda hacer "click" y ver la página traducida. Esto es algo que no he hecho antes y puede ser una buena manera de practicar el uso de bibliotecas.
DespuĂ©s de varios dĂas pensando e intentando encontrar tiempo, finalmente pude dedicarle un rato a este inicio.
Me gusta empezar las páginas por el encabezado, ya que es algo que el usuario verá siempre y una de las múltiples ventajas de Bootstrap es que se pueden crear de manera muy sencilla. De hecho, en su propia web hay varios ejemplos, pero en este caso quiero salirme de los diseños clásicos y he buscado más ejemplos.
Haciendo el navbar me surgió una pregunta: ¿Cuánta información incluiré en la página principal? Esto me hizo pensar que quizás el navbar no sea tan necesario. He pensado en poner un dibujo que me represente y que pueda llevar al usuario a diversas páginas. Si lo pienso, eso es un navbar, pero mucho más original, ¿verdad? Por lo tanto, voy a buscar cómo hacerlo...
Hubo avances, como la creaciĂłn de un navbar que necesitará algunas modificaciones, pero está ahĂ. TambiĂ©n he creado el contenido principal, aunque cambiarĂ© la foto, ya que no creo que refleje mi personalidad. Además, he agregado pequeños bocadillos que permiten al usuario navegar entre las páginas, ya que personalmente me parecen más visuales que las tĂpicas pestañas. Por Ăşltimo, los bocadillos de la página principal tienen un pequeño efecto de zoom cuando el usuario pasa el cursor sobre ellos, que, sinceramente, me gusta.
Como resumen del dĂa, podemos decir que la página está en pañales, pero al menos ha nacido.
Con las páginas más importantes creadas, se me plantean dos opciones, o acabar de definir el navbar(que hacer con él y, si lo mantengo, como hacerlo) o empezar a llenar páginas de contenido. Ya veremos. De momento voy a arreglar un par de detalles del navbar que ensucian bastante la página.
First of all, welcome to my portfolio. The main goal here is for you to know who I am, what my skills are (both programming and personal), and to have a place to show exactly what I am capable of.
But that's not all. I want this to be a diary of the progress of this portfolio. This way, I "force" myself to maintain a certain consistency, and you can see it along with me.
Before I sit down to write code, I had to think about several things:
- The technologies to use:
In the case of front-end, I will use HTML (obviously), Bootstrap, and React.
If back-end is necessary, I will use Python with Flask.
- The appearance of the page:
I want something simple that doesn't make the user focus more on the design than the content. Therefore, I will use a color palette that tries to convey who I am, as I believe this is one of the keys to a good portfolio (and in general): Being oneself.
- What information to include:
When hiring someone, you are not just hiring that person as a programmer; you are hiring the person in all aspects. And if there's one thing I've been very clear about in my life, it's that, to fit into a place, it's important to have both the knowledge to do the job (in this case, technical programming skills) and to display values and personality. Therefore, as I believe it's necessary, you will not only see my technical skills, but I will also show certain more personal aspects of myself, and how it can help you get to know me better.
- The language:
I'm bilingual in Spanish and Catalan, and I believe my level of English is not bad. However, I consider that doing the project solely in English might be complex on several levels. Therefore, what I want to do is, when I finish a page or component, allow the user to "click" and see the page translated. This is something I haven't done before and it could be a good way to practice using libraries.
After several days of thinking and trying to find time, I was finally able to dedicate some time to this start.
I like to start pages with the header since it's something the user will always see, and one of the many advantages of Bootstrap is that headers can be created very easily. In fact, there are several examples on their own website, but in this case, I want to step away from the classic designs, so I've been looking for more examples.
While creating the navbar, a question came up: How much information will I include on the main page? This made me think that maybe the navbar isn't so necessary. I've thought about using an image that represents me and can lead the user to various pages. If I think about it, that's a navbar, but much more original, right? So, I'm going to look into how to do it...
There were some advancements, such as creating a navbar that will need some adjustments, but it's there. I've also created the main content, although I'll change the photo because I don't think it reflects my personality. Additionally, I've added small tooltips that allow the user to navigate between pages, as I personally find them more visual than the typical tabs. Lastly, the tooltips on the main page have a slight zoom effect when the user hovers over them, which I honestly like.
As a summary of the day, we can say that the page is in its infancy, but at least it has been born.