Omega Knowledge
Plataforma web gratuita de aprendizaje de programación con módulos técnicos, Angular SSR, autenticación en Firebase y ejecución interactiva de código.
Capturas del Sistema y Arquitectura
Portada y Navegación de Omega Knowledge
Vista real de la plataforma Omega Knowledge con sus secciones de inicio, noticias, juegos, tests y módulos de aprendizaje de programación.
Contexto y Problema Operativo
Aprender desarrollo de software suele implicar saltar entre recursos aislados y entornos complejos de configurar al principio, sin un espacio integrado donde leer la explicación técnica y probar el código en el momento.
Motivación y Enfoque de Producto
Decidí construir Omega Knowledge como una plataforma gratuita de aprendizaje de programación creada para ayudar a otras personas a aprender desarrollo de software mediante tutoriales organizados por módulos, práctica interactiva y herramientas educativas apoyadas en IA.
Ejecución Técnica y Responsabilidades Directas
- ✓ Concepción del producto, diseño de la interfaz y organización de los tutoriales técnicos por módulos.
- ✓ Desarrollo del frontend y del renderizado en servidor utilizando Angular, Angular SSR y TypeScript.
- ✓ Implementación de Firebase y autenticación con Google para la gestión de usuarios.
- ✓ Integración de editores de código, ejecución de programas, SEO técnico y datos estructurados.
Diseño del Sistema por Capas
La plataforma se desarrolló con Angular y Angular SSR para combinar la experiencia interactiva de una aplicación moderna (módulos, tests, juegos y editores de código) con un renderizado en servidor capaz de indexar correctamente cada ruta y sus datos estructurados en motores de búsqueda.
Renderizado Híbrido & SEO (SSR)
Angular · Angular SSR · TypeScriptRenderizado en servidor de las páginas y módulos para entregar HTML semántico, metadatos SEO y datos estructurados.
Autenticación y Servicios Backend
Firebase · Autenticación con GoogleInicio de sesión con cuenta de Google y gestión de servicios sobre Firebase.
Entorno Práctico de Programación
Editores de Código · Ejecución de ProgramasIntegración de editores de código y ejecución de programas para poner en práctica los contenidos de cada módulo.
Exploración Educativa con IA
Herramientas basadas en IAExploración e integración de herramientas educativas basadas en inteligencia artificial dentro de la plataforma.
Retos de Ingeniería y Soluciones Aplicadas
Compatibilidad entre Angular SSR y componentes interactivos en el navegador
Los editores de código dependen de APIs del navegador que no están presentes durante el renderizado en servidor. Se gestionó la hidratación e inicialización en cliente para mantener tanto el SEO con Angular SSR como la fluidez de los editores.
Organización modular de tutoriales, tests y recursos
Estructuración tipada en TypeScript para articular las distintas secciones de la plataforma (inicio, noticias, juegos educativos, tests y módulos técnicos) manteniendo una navegación clara.
Evidencia y Estado Real
- → Construcción completa de una plataforma web educativa con Angular SSR, TypeScript, Firebase, autenticación con Google y ejecución de código.
- → Implementación práctica de SEO técnico, datos estructurados y exploración de herramientas educativas basadas en IA.
Lecciones de Ingeniería
- • Consolidación práctica de Angular SSR, hidratación en cliente, SEO técnico y datos estructurados en un producto web real.
- • Experiencia integrando servicios de Firebase, autenticación con Google y entornos interactivos de ejecución de código.
Estado del Proyecto
Omega Knowledge (omega-knowledge.dev) fue desarrollado como plataforma gratuita de aprendizaje de programación y actualmente ya no se encuentra disponible online. Se documenta en este espacio junto con su captura real y su arquitectura técnica para mostrar el trabajo realizado con Angular, Angular SSR, TypeScript, Firebase, editores de código, SEO y herramientas educativas basadas en IA.