feat(docs): add NavGrid/NavCard components and restructure stage pages
- Add NavGrid.vue and NavCard.vue components for better navigation layout - Restructure stage-0 index pages across languages into intro.md with new navigation components - Remove old stage-0 index.md files and update stage-3 pages similarly - Add new dependencies 'claude' and 'codex' to package.json - Improve code formatting in multiple Vue components for better readability - Update documentation content and structure for better user experience
This commit is contained in:
sanbuphy
@@ -1,42 +0,0 @@
|
||||
# Appendix
|
||||
|
||||
Knowledge base for AI, Frontend, Backend, and General Skills.
|
||||
|
||||
## Content Overview
|
||||
|
||||
### AI Basics
|
||||
- [Prompt Engineering](/es-es/appendix/prompt-engineering)
|
||||
- [AI Evolution](/es-es/appendix/ai-evolution)
|
||||
- [LLM Introduction](/es-es/appendix/llm-intro)
|
||||
- [VLM Introduction](/es-es/appendix/vlm-intro)
|
||||
- [AI Image Generation](/es-es/appendix/image-gen-intro)
|
||||
- [AI Audio Models](/es-es/appendix/audio-intro)
|
||||
- [Context Engineering](/es-es/appendix/context-engineering)
|
||||
- [AI Agents](/es-es/appendix/agent-intro)
|
||||
- [AI Capability Dictionary](/es-es/appendix/ai-capability-dictionary)
|
||||
|
||||
### Frontend Development
|
||||
- [Web Basics (HTML/CSS/JS)](/es-es/appendix/web-basics)
|
||||
- [Frontend Evolution](/es-es/appendix/frontend-evolution)
|
||||
- [Frontend Performance](/es-es/appendix/frontend-performance)
|
||||
- [Canvas 2D](/es-es/appendix/canvas-intro)
|
||||
- [URL to Browser](/es-es/appendix/url-to-browser)
|
||||
- [Browser DevTools](/es-es/appendix/browser-devtools)
|
||||
|
||||
### Backend Development
|
||||
- [Backend Evolution](/es-es/appendix/backend-evolution)
|
||||
- [Backend Languages](/es-es/appendix/backend-languages)
|
||||
- [Database Principles](/es-es/appendix/database-intro)
|
||||
- [Cache Design](/es-es/appendix/cache-design)
|
||||
- [Message Queues](/es-es/appendix/queue-design)
|
||||
- [Authentication](/es-es/appendix/auth-design)
|
||||
- [Tracking Design](/es-es/appendix/tracking-design)
|
||||
- [Operations](/es-es/appendix/operations)
|
||||
|
||||
### General Skills
|
||||
- [API Introduction](/es-es/appendix/api-intro)
|
||||
- [IDE Introduction](/es-es/appendix/ide-intro)
|
||||
- [Terminal Introduction](/es-es/appendix/terminal-intro)
|
||||
- [Git Introduction](/es-es/appendix/git-intro)
|
||||
- [Computer Networks](/es-es/appendix/computer-networks)
|
||||
- [Deployment](/es-es/appendix/deployment)
|
||||
@@ -0,0 +1,186 @@
|
||||
# Apéndice
|
||||
|
||||
¡Bienvenido a la sección de **Apéndice**! Esta es una colección de fundamentos de inteligencia artificial y conceptos básicos de desarrollo full-stack, que sirve como una biblioteca de referencia importante durante tu viaje de aprendizaje.
|
||||
|
||||
## Categorías de contenido
|
||||
|
||||
### Fundamentos de IA
|
||||
|
||||
Comprende los conceptos centrales, la historia del desarrollo y los principios técnicos de vanguardia de la inteligencia artificial:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/es-es/appendix/prompt-engineering/"
|
||||
title="Ingeniería de prompts"
|
||||
description="Domina el arte del diálogo eficiente con IA para desbloquear el potencial de los grandes modelos"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/ai-evolution"
|
||||
title="Historia de la evolución de la IA"
|
||||
description="Revisa los hitos clave en el desarrollo de la IA y comprende la trayectoria de la evolución tecnológica"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/llm-intro"
|
||||
title="Modelos de lenguaje grandes"
|
||||
description="Explicación profunda pero accesible de cómo funcionan los Modelos de Lenguaje Grandes (LLM) y sus aplicaciones"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/vlm-intro"
|
||||
title="Modelos grandes multimodales"
|
||||
description="Explora modelos avanzados capaces de procesar múltiples modalidades de datos como imágenes y audio"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/image-gen-intro"
|
||||
title="Principios de generación de imágenes por IA"
|
||||
description="Descubre la lógica subyacente y la implementación técnica de la generación de imágenes por IA"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/audio-intro"
|
||||
title="Modelos de audio de IA"
|
||||
description="Comprende las aplicaciones de IA en síntesis de voz, reconocimiento y generación de música"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/context-engineering"
|
||||
title="Ingeniería de contexto"
|
||||
description="Aprende cómo optimizar la gestión de contexto para mejorar la coherencia de largo alcance de las tareas de IA"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/agent-intro"
|
||||
title="Inteligencia de agentes"
|
||||
description="Explora arquitecturas de agentes de IA con capacidades de toma de decisiones y ejecución autónomas"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/ai-capability-dictionary"
|
||||
title="Diccionario de capacidades de IA"
|
||||
description="Un manual de referencia rápida para términos comúnmente usados y conceptos centrales en el campo de la IA"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### Fundamentos de Frontend
|
||||
|
||||
Consolida la base técnica del desarrollo frontend:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/es-es/appendix/web-basics"
|
||||
title="Fundamentos de HTML/CSS/JS"
|
||||
description="Los tres pilares de la construcción de páginas web, esencial para principiantes en desarrollo frontend"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/frontend-evolution"
|
||||
title="Historia de la evolución del frontend"
|
||||
description="Comprende la evolución de las pilas de tecnología frontend y comprende las tendencias de desarrollo tecnológico"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/frontend-performance"
|
||||
title="Optimización de rendimiento frontend"
|
||||
description="Aprende estrategias clave para mejorar la velocidad de carga de páginas web y la fluidez de la interacción"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/canvas-intro"
|
||||
title="Introducción a Canvas 2D"
|
||||
description="Domina la API de dibujo de Canvas para lograr efectos geniales de gráficos y animación"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/url-to-browser"
|
||||
title="De URL a visualización en el navegador"
|
||||
description="Análisis de cadena completa del proceso completo de renderizado de páginas por el navegador"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/browser-devtools/"
|
||||
title="Herramientas de desarrollo del navegador"
|
||||
description="Usa herramientas de desarrollo proficientemente para localizar y resolver problemas frontend de manera eficiente"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### Fundamentos de Backend
|
||||
|
||||
Domina los conceptos centrales del desarrollo backend:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/es-es/appendix/backend-evolution"
|
||||
title="Historia de la evolución del backend"
|
||||
description="De monolítico a microservicios, explorando la evolución de la arquitectura backend"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/backend-languages"
|
||||
title="Lenguajes de programación backend"
|
||||
description="Compara las características y escenarios aplicables de los lenguajes backend dominantes para elegir la mejor pila de tecnología"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/database-intro"
|
||||
title="Principios de bases de datos"
|
||||
description="Comprende los principios centrales de las bases de datos y domina el arte del almacenamiento y recuperación de datos"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/cache-design"
|
||||
title="Diseño de caché del sistema"
|
||||
description="Aprende estrategias de caché para mejorar las capacidades de procesamiento de alta concurrencia del sistema"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/queue-design"
|
||||
title="Diseño de colas de mensajes"
|
||||
description="Domina el papel clave de las colas de mensajes en el desacoplamiento y el afeitado de picos"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/auth-design"
|
||||
title="Principios y práctica de autenticación"
|
||||
description="Construye sistemas seguros de autenticación de identidad y gestión de permisos"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/tracking-design"
|
||||
title="Diseño de seguimiento"
|
||||
description="Diseña científicamente el seguimiento de datos para proporcionar soporte de datos para la toma de decisiones de productos"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/operations"
|
||||
title="Operaciones en línea"
|
||||
description="Domina habilidades de operaciones para el despliegue, monitoreo y solución de problemas del sistema"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### Habilidades generales
|
||||
|
||||
Conocimientos básicos de desarrollo de software:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/es-es/appendix/api-intro"
|
||||
title="Fundamentos de API"
|
||||
description="Conocimientos básicos de diseño y desarrollo de interfaces API"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/ide-intro/"
|
||||
title="Principios de IDE"
|
||||
description="Comprende el mecanismo de funcionamiento interno de los Entornos de Desarrollo Integrados (IDEs)"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/terminal-intro"
|
||||
title="Fundamentos de terminal"
|
||||
description="Domina las operaciones básicas de la terminal de línea de comandos para mejorar la eficiencia del desarrollo"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/git-intro"
|
||||
title="Introducción detallada a Git"
|
||||
description="Comprende profundamente los principios de control de versiones de Git y el uso avanzado"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/computer-networks"
|
||||
title="Redes de computadoras"
|
||||
description="Conocimientos básicos de protocolos de red y principios de comunicación"
|
||||
/>
|
||||
<NavCard
|
||||
href="/es-es/appendix/deployment"
|
||||
title="Despliegue y lanzamiento"
|
||||
description="Proceso completo y mejores prácticas para el despliegue y lanzamiento de aplicaciones"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
## Sugerencias de uso
|
||||
|
||||
- Úsalo como material de referencia durante el proceso de aprendizaje, consulta según sea necesario
|
||||
- Cuando encuentres conceptos técnicos desconocidos, busca explicaciones aquí primero
|
||||
- Se recomienda leerlo una vez para establecer un sistema de conocimiento completo
|
||||
|
||||
¡Este es tu tesoro de conocimientos técnicos, siempre bienvenido a consultar!
|
||||
Reference in New Issue
Block a user