Table of Contents
En este primer proyecto intentamos poner en practica todo el conocimiento adquirido a lo largo de las semanas de duracion del curso.
El proyecto se trata de una pagina web standar que simula las necesidades de cualquier landing page de una empresa actual.
La mayor parte de la informacion esta contenida en su pagina de inicio, diseñada verticalmente, para ir revelando cada seccion de la misma a medida que descendemos hasta el footer.
Solo existen tres paginas de soporte o secundarias, una de ellas muestra los detalles de la empresa y de sus miembros (About Us).
La segunda pagina es un formulario de contacto para enviar mensajes y consultas.
Por ultimo, la tercera pagina, se crea dinamicamente como soporte para la lectura de articulos o, en este caso, de proyectos desarrollados por la empresa.
Todas las paginas comparten el mismo formato y estructura, permitiendo una experiencia limpia e intuitiva, libre de distracciones.
Este desarrollo fue unipersonal y con fines principalmente educativos.
Si bien el 99% del codigo fue escrito por mi, fueron muchas las personas que me ayudaron y asistieron para llegar a este resultado.
El proyecto esta 100% realizado en HTML, CSS y Javascript.
No se utilizaron ningun tipo de frameworks o bibliotecas fuera de los estandares de cada lenguaje.
La diagramacion de las tareas y el seguimiento del proyecto fue llevado a cabo usando la plataforma gratuita Trello.
Todo el codigo fue escrito y debugueado usando la herramienta VSCode y el navegador Chrome, bajo el sistema operativo Windows 11.
El versionado y gestion de archivos fue realizado con Git y almacenado en la plataforma GitHub con acceso publico para todo el mundo atraves del siguiente link.
Finalmente el deploy se hizo sobre la plataforma de uso gratuito Vercel, y pueden acceder a la version de produccion atraves del siguiente link.
Plataforma gratuita Trello para la gestion del proyecto: Trello Project.
De profesion elegi ingenieria, pero la vida me llevo por muchos caminos diferentes hasta llegar a este punto. Luego de mas de 10 años desde la ultima vez que pique algo de codigo, decidí retomar de nuevo este camino con mucha ilusion y enfocado en aprovechar esta segunda oportunidad.
Te invito a contactarme por cualquier duda o consulta sobre este u otros proyectos. Estoy siempre disponible para nuevos desafios y oportunidades.
Gabriel Berarducci - gabrielberarducci@gmail.com
Project Link: GitHub Project
Presentation Link: Canva Presentation
Principalmente a la Academia de Ironhack por hacer posible este bootcamp y particularmente al profesor "Diego" quien comparte sus conocimientos y tiempo con todos nosotros cada semana. A mis compañeros y amigos que me ayudan cada semana y me mantienen motivado para continuar este camino. Y sobretodo a la persona mas importante en mi vida, gracias por bancarme en esta y en todas... :)
Principalmente la tarea que mas tiempo, dedicacion y esfuerzo supuso fue sin lugar a duda, la creacion y puesta a punto de la hoja de estilo CSS. Mi falta de experiencia en este area significo y un gran desafio para llegar a la meta y completar la tarea asignada. El posisionamiento de los elementos dentro de la pagina de forma correcta requiere de mucha dedicacion y atencion al detalle. Estas habilidades deben ser desarrolladas por el programador en base a muchas horas de practica y estudio. Realmente es un caso donde la frase "la practica hace al maestro" define perfectamente la situacion a la que se enfrentan los desarrolladores.
Las funciones en javascript, como la creacion dinamica de la pagina de projects en base a datos adquiridos desde una API, supone un gran desafio en esta etapa tan temprana del aprendizaje. Esta es una de las herramientas que aun no consigo dominar correctamente, pero que mas me motivan cuando se consiguen los resultados esperados.
La creacion del menu Hamburguesa, fue un desafio que enfrente casi al ultimo del proyecto y de los mas dificiles de realizar. Si bien la tarea se completo segun lo planeado, me hubiera gustado haberla completado sin la necesidad de recibir tanta ayuda.
El carousel de marcas fue tambien uno de los problemas mas grandes con el cual me todo lidear, y uno de los que mas tiempo me llevo. Creo que aun esta pendiente de revisar y mejorar, ya que si bien a ojos del usuario final, el efecto funciona, realmente el desarrollo fue ineficiente. Esto es una de las tareas pendiente por mejorar en la siguiente iteracion.
Mi gran error fue no pedir ayuda antes. Creo que perdí mucho tiempo intentando hacer las cosas solo, con la idea erronea de que si lo he aprendido debería saber hacerlo por mi cuenta. Justamente, la gran ventaja de este mundo, es la gran comunidad que forma parte y comparten sus conocimientos entre todos.