Mi Experiencia y Objetivos
Como desarrolladora con formación en pedagogía, quiero crear un portafolio que no solo muestre mis proyectos técnicos, sino que también sirva como herramienta educativa. Mi objetivo es demostrar mi crecimiento profesional mientras comparto mi proceso de aprendizaje de manera didáctica y accesible.
¿Qué es un Portafolio para Mí?
Para mí, un portafolio de productos es una colección organizada y presentada de mis trabajos, proyectos y logros profesionales que funciona como una vitrina digital.
Mi Propósito: Como desarrolladora con formación pedagógica, quiero demostrar de manera tangible mis habilidades, experiencia y potencial, pero también quiero que mi portafolio sea una herramienta educativa. Más allá de un currículum tradicional, me permite contar una historia visual y práctica sobre mi trayectoria, mostrando no solo qué sé hacer, sino cómo aprendí y cómo puedo enseñar a otros.
¿Por qué es Importante para Mí?
1 Visibilidad profesional: Como desarrolladora fullstack, necesito destacar en un mercado competitivo. Mi portafolio funciona como herramienta de marketing personal que puede ser encontrada por reclutadores y también por estudiantes que buscan ejemplos de código y proyectos.
2 Oportunidades laborales y educativas: Muchos empleadores valoran más un portafolio sólido que años de experiencia sin demostrar resultados. Además, mi formación pedagógica me permite buscar oportunidades en educación tecnológica, donde un portafolio bien documentado es esencial.
3 Presentación de habilidades y metodología: Mi portafolio muestra habilidades técnicas de forma práctica y visual, pero también demuestra mi capacidad pedagógica para explicar conceptos complejos de manera accesible. En lugar de solo mencionar JavaScript, muestro proyectos funcionales con documentación educativa.
Buenas Prácticas que Aplico
1 Calidad sobre cantidad: Prefiero mostrar 3-5 proyectos bien documentados que 20 sin contexto. Cada proyecto en mi portafolio cuenta una historia clara: el problema que resolví, cómo lo hice, qué tecnologías usé y qué aprendí. Además, incluyo explicaciones pedagógicas para que otros puedan aprender.
2 Actualización constante: Mantengo mi portafolio vivo y en crecimiento. Agrego nuevos proyectos del bootcamp, mejoro los existentes con mejor documentación y elimino trabajos que ya no representan mi nivel actual. Esto refleja mi compromiso con el aprendizaje continuo.
3 Claridad y enfoque pedagógico: Mi portafolio debe ser fácil de navegar y educativo. Uso estructura lógica, títulos claros, descripciones concisas y me aseguro de que funcione en móviles. Mi formación pedagógica me ayuda a presentar información de manera didáctica y accesible.
Ejemplos que Inspiran Mi Portafolio
Mi Portafolio Actual:
URL: https://magdaig.github.io/portafoliojs/
Tipo: Página personal con HTML, CSS, JavaScript desarrollada durante mi Bootcamp
Plataforma: GitHub Pages
Mi Enfoque: Este portafolio documenta mi crecimiento técnico desde los fundamentos hasta aplicaciones complejas, con un enfoque pedagógico que explica cada proyecto.
Mi Portafolio Profesional:
URL: https://inalaf.ca/
Tipo: Sitio web profesional con Next.js
Plataforma: Hosting personalizado
Mi Objetivo: Demostrar mis habilidades avanzadas y mi capacidad para crear aplicaciones modernas y responsivas.
Estructura clara con secciones bien definidas que facilitan el aprendizaje
Responsive y moderno, accesible desde cualquier dispositivo
Múltiples tipos de proyectos que muestran mi evolución
HTML, CSS, JS, Bootstrap, Node.js, PostgreSQL
Estructura de Mi Portafolio
Mi Formación: Soy desarrolladora fullstack chilena y programadora analista con formación en pedagogía. Esta combinación única me permite crear portafolios que no solo muestran código, sino que también enseñan.
Mi Trayectoria: Me adentré en la tecnología a través de bootcamps intensivos y certificaciones, incluyendo Fundamentos de Gestión y Control de Ciberseguridad en USACH. Cada paso de mi aprendizaje está documentado en mi portafolio.
Mi Especialización: Me especializo en desarrollo frontend y backend, creando aplicaciones responsivas centradas en el usuario utilizando tecnologías JavaScript modernas.
Mis Áreas: UX/UI, Metodologías Ágiles, desarrollo Fullstack JavaScript, y especialmente, la enseñanza de programación de manera accesible.
Este proyecto muestra mi aprendizaje de JavaScript ES6+, HTML5, CSS3, LocalStorage y Drag & Drop API. Lo documenté con explicaciones pedagógicas para que otros puedan entender cómo funciona.
Desarrollé esta tienda online usando JavaScript ES6+, HTML5, CSS3, Bootstrap y LocalStorage. Incluye documentación sobre el proceso de desarrollo y decisiones técnicas.
Proyecto avanzado con Node.js, Express, PostgreSQL, Sequelize y Bootstrap 5. Demuestra mi capacidad para crear aplicaciones fullstack completas con documentación técnica detallada.
Sistema de base de datos con PostgreSQL, PL/pgSQL, SQL y DBeaver. Este proyecto muestra mi aprendizaje de bases de datos relacionales y lo documenté como recurso educativo.
GitHub: github.com/MagdaIG - Aquí puedes ver todo mi código y proyectos
LinkedIn: linkedin.com/in/minalaf/ - Mi perfil profesional
Sitio Web: inalaf.ca - Mi portafolio profesional principal
Email: Disponible a través del formulario de contacto en mi portafolio
CV: Disponible para descarga en formato PDF
Herramientas para Mi Portafolio
Por qué lo elegí: Gratuito, integrado con Git, ideal para desarrolladores y perfecto para mostrar código
Elegí GitHub Pages porque me permite alojar mi portafolio directamente desde mi repositorio. El proceso fue simple: creé el repositorio, subí mis archivos HTML/CSS/JS, activé GitHub Pages, y ahora está disponible en magdaig.github.io/portafoliojs/. Esto me permite demostrar mis habilidades técnicas mientras mantengo el código accesible para otros estudiantes.
Por qué lo elegí: Control total, aprendizaje profundo, personalización ilimitada
Construí mi portafolio con HTML/CSS/JavaScript desde cero porque me da control total sobre el diseño y funcionalidad. Usé HTML semántico para el contenido, CSS con variables para mantener consistencia, y JavaScript para interactividad. Integré Bootstrap para componentes responsive y AOS para animaciones. Esta elección demuestra mis habilidades frontend y me permite personalizar completamente la experiencia educativa.
Por qué no lo elegí: Aunque son herramientas poderosas, busco más control técnico
Consideré WordPress y Wix porque ofrecen plantillas profesionales y son fáciles de usar sin código. Sin embargo, decidí no usarlos porque quiero demostrar mis habilidades técnicas de desarrollo. Estas plataformas son excelentes para quienes buscan una solución rápida, pero como desarrolladora, necesito mostrar que puedo crear desde cero. Además, las limitaciones de personalización y los costos de hosting premium no se alinean con mi objetivo de tener un portafolio completamente personalizado y educativo.
GitHub Pages + HTML/CSS/JavaScript
Mis Razones: Esta combinación es perfecta para mí porque demuestra mis habilidades técnicas directamente, me da control total para crear una experiencia educativa personalizada, se integra perfectamente con Git para versionado, es completamente gratuito, me permite aprender continuamente mientras mantengo y mejoro el portafolio, y el código es portable a otros servicios si es necesario. Además, al ser código abierto, otros estudiantes pueden aprender de mi trabajo.
Mi Conclusión Personal
Mi Compromiso: Continuaré actualizando mi portafolio con nuevos proyectos y mejoras, manteniendo siempre el enfoque pedagógico que me caracteriza.