Repositorio colaborativo de aprendizaje, práctica y documentación en desarrollo web.
codeher-lab es un grupo de desarrolladoras formado por:
- Verónica Rebolleda 🔗 LinkedIn
- Fabiana Fernández 🔗 LinkedIn
- Lucía Natalí Della Maddalena 🔗 LinkedIn
- Karen Giannetto 🔗 LinkedIn
Nos conocimos durante el curso de Desarrollo Frontend organizado por Fundación YPF, y decidimos continuar este camino de aprendizaje juntas, construyendo proyectos, compartiendo recursos y acompañándonos en nuestro crecimiento dentro del mundo del desarrollo web.
Este repositorio tiene como fin:
- Documentar el contenido de nuestras clases y prácticas.
- Guardar apuntes técnicos y explicaciones con ejemplos.
- Desarrollar proyectos colaborativos reales o de práctica.
- Seguir aprendiendo nuevas herramientas, tecnologías y buenas prácticas de frontend.
- React: Biblioteca base para interfaces de usuario interactivas (punto de partida)
- Tailwind CSS: Framework de estilos que estamos incorporando para complementar React
- Next.js: Framework principal para desarrollo de aplicaciones React (próximo paso)
- JavaScript: Lenguaje de programación para desarrollo web
- Figma: Herramienta de diseño colaborativo para crear prototipos e interfaces
- UX Research: Metodologías para entender las necesidades del usuario
- Design Systems: Sistemas de diseño coherentes y escalables
- Documentación técnica: Mejores prácticas para documentar proyectos de desarrollo
- Trabajo colaborativo: Gestión de equipos y proyectos usando Git/GitHub
- Metodologías ágiles: Aplicación de frameworks para organizar el trabajo
Estamos trabajando en una web institucional para un instituto educativo que incluye una sección interactiva con datos meteorológicos recolectados por una estación del secundario. Este proyecto nos permite aplicar todo lo aprendido en un caso real: desde el diseño en Figma y la implementación en Next.js, hasta la documentación técnica y el trabajo en equipo.
Clase 1 - Introducción y Setup
📁 Primer "¡Hola Mundo!" personalizado
Clase 2 - JSX, Fragmentos y Props
📁 Componente Header funcionando
Clase 3 - Componentes Funcionales
📁 3 componentes funcionando + Portfolio básico
Clase 4 - Hooks: useState y Eventos
📁 App interactiva con estado
Clase 5 - Estado Complejo y Listas
📁 TODO List funcional y componentizado
Clase 6 - useEffect y Ciclo de Vida
📁 App con persistencia de datos
| Carpeta / Archivo | Descripción |
|---|---|
clases/ |
Contiene carpetas numeradas por clase con teoría (.md) y entregables |
proyectos/ |
Desarrollos colaborativos y proyectos de práctica |
documentacion/ |
Guías técnicas, especificaciones y mejores prácticas |
recursos/ |
Material complementario: links, guías, cheatsheets |
README.md |
Descripción general del proyecto |
"Aprender en comunidad nos impulsa más lejos."