refactor: reorganize skills sidebar layout (7 left, 6 right)

- Update splitSkills logic to put 7 categories on left sidebar, 6 on right
- Reorder skills: Frontend Technologies now at position 5, Legacy Enterprise Technologies at position 6 (last on left)
- Apply changes to both English and Spanish CV data
- Clean up unused enhanced template and CSS files

Left sidebar (Page 1):
1. AI-Assisted Development
2. SAP Technologies
3. Programming Languages
4. Go Ecosystem
5. JavaScript Ecosystem
6. Frontend Technologies
7. Legacy Enterprise Technologies

Right sidebar (Page 2):
8. Backend Technologies
9. Databases
10. Infrastructure & Servers
11. DevOps & CI/CD
12. Team Management
13. Design Tools
This commit is contained in:
juanatsap
2025-11-08 14:33:55 +00:00
parent 435ab7ae70
commit 4761145ad8
5 changed files with 243 additions and 1256 deletions
+102 -86
View File
@@ -310,125 +310,138 @@
"skills": {
"technical": [
{
"category": "AI & Modern Development",
"category": "AI-Assisted Development",
"proficiency": 5,
"items": [
"AI-Assisted Development (Claude Code, Copilot, GPT-4)",
"Prompt Engineering & AI Workflows",
"HTMX (Hypermedia Applications)",
"Go (Golang)",
"AI Development Workflows (Claude Code, Copilot, GPT-4)",
"Agent-Based & Spec-Driven Development",
"Prompt Engineering & AI Integration",
"Automated Code Generation & Documentation",
"OpenAI & Anthropic APIs"
]
},
{
"category": "SAP Technologies",
"proficiency": 5,
"items": [
"SAP Customer Data Cloud (CDC)",
"SAP Cloud Platform",
"SAP S/4HANA",
"GDPR Compliance & Data Protection"
]
},
{
"category": "Programming Languages",
"proficiency": 4,
"items": [
"JAVA/Groovy",
"JavaScript (ES6+)",
"Go",
"TypeScript",
"Node.js",
"Python",
"Shell Scripting (Bash/Unix)",
"PHP",
"Scala",
"XML/XSLT",
"Action Script",
"Shell Scripts (Unix)",
"C/C++"
"Java",
"Groovy",
"SQL",
"Assembler"
]
},
{
"category": "Web Development",
"category": "Go Ecosystem",
"proficiency": 5,
"items": [
"JSP/PHP",
"HTML(5)/XHTML/Handlebars/Moustache/Velocity/Freemarker",
"CSS/Less/Sass/Javascript/jQuery/mooTools",
"DOM/Ajax/SEO/WebServices",
"REST API Design & Development",
"Responsive & Mobile-First Design"
"Hono - High-Performance Web Framework",
"Gin - Web Framework",
"Fyne - Cross-Platform GUI Framework",
"Bubble Tea - TUI Framework",
"Charm - Terminal UI Libraries (Lipgloss, Bubbles)",
"Goroutines & Concurrency Patterns",
"Standard Library (net/http, html/template)"
]
},
{
"category": "JavaScript Frameworks",
"category": "JavaScript Ecosystem",
"proficiency": 5,
"items": [
"Node & ReactJS",
"Node.js & Express",
"React & React Ecosystem",
"Redux/Flux",
"Webpack2/Express",
"Gulp/Grunt"
"Modern Build Tools (Webpack, Vite, ESBuild)",
"Package Management (npm, pnpm, bun)",
"Testing Frameworks (Jest, Playwright)"
]
},
{
"category": "PHP Frameworks",
"proficiency": 4,
"category": "Frontend Technologies",
"proficiency": 5,
"items": [
"Yii Framework",
"Zend Framework",
"Wordpress API",
"Joomla API"
"HTMX - Hypermedia-Driven Applications",
"HTML5 & Semantic Web",
"CSS3, Tailwind CSS, SASS/LESS",
"JavaScript - DOM Manipulation & AJAX",
"jQuery",
"Progressive Enhancement & Accessibility",
"Responsive & Mobile-First Design",
"Template Engines (Handlebars, Panini, Mustache)"
]
},
{
"category": "Java Frameworks",
"proficiency": 4,
"category": "Legacy Enterprise Technologies",
"proficiency": 3,
"items": [
"Play! Framework",
"Struts",
"Spring",
"Hibernate",
"Ibatis",
"Magnolia CMS",
"XWiki",
"TESEO Framework"
]
},
{
"category": "Application Servers",
"proficiency": 4,
"items": [
"Apache/WAMP/MAMP",
"Tomcat/JBoss/Resin/Jetty/Websphere/Weblogic"
"Java & J2EE",
"Spring Framework, Struts, Hibernate",
"PHP & WordPress",
"Yii Framework, Zend Framework",
"Enterprise Application Servers (Tomcat, JBoss, WebLogic)"
]
},
{
"category": "Backend Technologies",
"proficiency": 4,
"proficiency": 5,
"items": [
"Node.js (Express, Modern frameworks)",
"Go (Golang)",
"Java & J2EE",
"Spring Framework, Struts, Hibernate",
"PHP"
"Go - Current Primary Stack",
"Hono Framework - High-Performance Web Server",
"Node.js (Express, Hono-compatible frameworks)",
"RESTful API Design & Implementation",
"Authentication & Authorization Systems",
"Database Design & Optimization"
]
},
{
"category": "Databases",
"proficiency": 4,
"items": [
"PostgreSQL",
"MySQL",
"SQLite",
"Oracle",
"MySql",
"Postgresql",
"Hypersonic",
"SQL Knowledge"
"MongoDB (NoSQL)",
"SQL Knowledge",
"Database Design & Optimization"
]
},
{
"category": "CMS's and Web Production Environments",
"proficiency": 4,
"category": "Infrastructure & Servers",
"proficiency": 5,
"items": [
"Joomla",
"Wordpress",
"RapidWeaver",
"Servoy",
"WebRatio",
"Play! Framework"
"Linux Server Administration",
"VPS Deployment & Configuration",
"Nginx & Apache Configuration",
"Docker & Containers",
"Reverse Proxy & Load Balancing"
]
},
{
"category": "Design Tools",
"proficiency": 3,
"category": "DevOps & CI/CD",
"proficiency": 5,
"items": [
"Corel Draw",
"Adobe PhotoShop",
"Adobe Illustrator",
"GIMP"
"CI/CD Pipeline Design & Implementation",
"Custom Deployment Solutions",
"Monitoring & Alerting Dashboards",
"Git & Version Control",
"Process Automation & Scripting"
]
},
{
@@ -443,23 +456,13 @@
]
},
{
"category": "SAP Technologies",
"proficiency": 5,
"category": "Design Tools",
"proficiency": 3,
"items": [
"SAP Customer Data Cloud (CDC)",
"SAP Cloud Platform",
"GDPR Compliance & Data Protection"
]
},
{
"category": "DevOps & Tools",
"proficiency": 4,
"items": [
"Git (Version Control)",
"CI/CD Pipelines",
"Docker",
"Automated Testing",
"Agile Methodologies"
"Corel Draw",
"Adobe PhotoShop",
"Adobe Illustrator",
"GIMP"
]
}
],
@@ -700,6 +703,19 @@
"Participated in practical development workshops",
"Networked with regional technology sector professionals"
]
},
{
"title": "Web Application Development: Apache, PHP and MySQL",
"institution": "University of Extremadura",
"location": "Cáceres",
"date": "2002",
"duration": "40 hours",
"shortDescription": "Web application development course covering Apache, PHP, and MySQL technologies.",
"responsibilities": [
"Learned Apache web server configuration and administration",
"Developed dynamic web applications using PHP",
"Designed and implemented MySQL databases for web applications"
]
}
],
"projects": [
+133 -144
View File
@@ -310,172 +310,138 @@
"skills": {
"technical": [
{
"category": "IA y Desarrollo Moderno",
"category": "Desarrollo Asistido por IA",
"proficiency": 5,
"items": [
"Desarrollo Asistido por IA (Claude Code, Copilot, GPT-4)",
"Ingeniería de Prompts y Flujos de Trabajo con IA",
"HTMX (Aplicaciones Hipermedia)",
"Go (Golang)",
"Flujos de Desarrollo con IA (Claude Code, Copilot, GPT-4)",
"Desarrollo Basado en Agentes y Especificaciones",
"Ingeniería de Prompts e Integración de IA",
"Generación Automática de Código y Documentación",
"APIs OpenAI y Anthropic"
]
},
{
"category": "Lenguajes de Programación",
"proficiency": 4,
"items": [
"JavaScript (ES6+)",
"Go (Golang)",
"Java",
"Groovy",
"PHP",
"XML",
"XSLT",
"Action Script",
"Shell Scripts (Unix)",
"C",
"C++"
]
},
{
"category": "Ecosistema JavaScript",
"proficiency": 5,
"items": [
"JavaScript Avanzado (ES6+)",
"React y Ecosistema React",
"Redux",
"Flux",
"Node.js y Express",
"Webpack, Vite",
"Gulp",
"Grunt"
]
},
{
"category": "Desarrollo Web",
"proficiency": 5,
"items": [
"HTML5, CSS3, Web Semántica",
"Diseño y Desarrollo de APIs REST",
"LESS, SASS, Preprocesadores CSS",
"Diseño Responsive y Mobile-First",
"JSP",
"PHP",
"Handlebars",
"Moustache",
"Velocity",
"Freemarker",
"jQuery",
"mooTools",
"DOM",
"Ajax",
"SEO",
"WebServices"
]
},
{
"category": "Frameworks PHP",
"proficiency": 4,
"items": [
"Yii Framework",
"Zend Framework",
"API de Wordpress",
"API de Joomla"
]
},
{
"category": "Frameworks Java",
"proficiency": 4,
"items": [
"Play! Framework",
"Struts",
"Spring Framework",
"Hibernate",
"Ibatis",
"Magnolia CMS",
"XWiki",
"Framework TESEO"
]
},
{
"category": "Tecnologías Backend",
"proficiency": 4,
"items": [
"Node.js (Express, frameworks modernos)",
"Go (Golang)",
"Java y J2EE",
"Spring Framework, Struts, Hibernate",
"PHP"
]
},
{
"category": "Servidores de Aplicaciones",
"proficiency": 4,
"items": [
"Apache",
"WAMP",
"MAMP",
"Tomcat",
"JBoss",
"Resin",
"Jetty",
"Websphere",
"Weblogic"
]
},
{
"category": "CMS y Entornos de Producción Web",
"proficiency": 4,
"items": [
"Joomla",
"Wordpress",
"RapidWeaver",
"Servoy",
"WebRatio",
"Magnolia CMS"
]
},
{
"category": "Bases de Datos",
"proficiency": 4,
"items": [
"PostgreSQL",
"MySQL",
"Oracle",
"MongoDB (NoSQL)",
"Hypersonic",
"Dominio de SQL",
"Diseño y Optimización de Bases de Datos"
]
},
{
"category": "Tecnologías SAP",
"proficiency": 5,
"items": [
"SAP Customer Data Cloud (CDC)",
"SAP Cloud Platform",
"SAP S/4HANA",
"Cumplimiento GDPR y Protección de Datos"
]
},
{
"category": "DevOps y Herramientas",
"category": "Lenguajes de Programación",
"proficiency": 4,
"items": [
"Git (Control de Versiones)",
"Pipelines CI/CD",
"Docker",
"Testing Automatizado",
"Metodologías Ágiles"
"JavaScript (ES6+)",
"Go",
"TypeScript",
"Node.js",
"Python",
"Shell Scripting (Bash/Unix)",
"PHP",
"Java",
"Groovy",
"SQL",
"Assembler"
]
},
{
"category": "Herramientas de Diseño",
"category": "Ecosistema Go",
"proficiency": 5,
"items": [
"Hono - Framework Web de Alto Rendimiento",
"Gin - Framework Web",
"Fyne - Framework GUI Multiplataforma",
"Bubble Tea - Framework TUI",
"Charm - Bibliotecas de UI Terminal (Lipgloss, Bubbles)",
"Goroutines y Patrones de Concurrencia",
"Biblioteca Estándar (net/http, html/template)"
]
},
{
"category": "Ecosistema JavaScript",
"proficiency": 5,
"items": [
"Node.js y Express",
"React y Ecosistema React",
"Redux/Flux",
"Herramientas de Build Modernas (Webpack, Vite, ESBuild)",
"Gestión de Paquetes (npm, pnpm, bun)",
"Frameworks de Testing (Jest, Playwright)"
]
},
{
"category": "Tecnologías Frontend",
"proficiency": 5,
"items": [
"HTMX - Aplicaciones Basadas en Hipermedia",
"HTML5 y Web Semántica",
"CSS3, Tailwind CSS, SASS/LESS",
"JavaScript - Manipulación DOM y AJAX",
"jQuery",
"Mejora Progresiva y Accesibilidad",
"Diseño Responsive y Mobile-First",
"Motores de Plantillas (Handlebars, Panini, Mustache)"
]
},
{
"category": "Tecnologías Enterprise Anteriores",
"proficiency": 3,
"items": [
"Corel Draw",
"Adobe PhotoShop",
"Adobe Illustrator",
"GIMP"
"Java y J2EE",
"Spring Framework, Struts, Hibernate",
"PHP y WordPress",
"Yii Framework, Zend Framework",
"Servidores de Aplicaciones Enterprise (Tomcat, JBoss, WebLogic)"
]
},
{
"category": "Tecnologías Backend",
"proficiency": 5,
"items": [
"Go - Stack Principal Actual",
"Hono Framework - Servidor Web de Alto Rendimiento",
"Node.js (Express, frameworks compatibles con Hono)",
"Diseño e Implementación de APIs RESTful",
"Sistemas de Autenticación y Autorización",
"Diseño y Optimización de Bases de Datos"
]
},
{
"category": "Bases de Datos",
"proficiency": 4,
"items": [
"PostgreSQL",
"MySQL",
"SQLite",
"Oracle",
"MongoDB (NoSQL)",
"Dominio de SQL",
"Diseño y Optimización de Bases de Datos"
]
},
{
"category": "Infraestructura y Servidores",
"proficiency": 5,
"items": [
"Administración de Servidores Linux",
"Despliegue y Configuración de VPS",
"Configuración Nginx y Apache",
"Docker y Contenedores",
"Reverse Proxy y Balanceo de Carga"
]
},
{
"category": "DevOps y CI/CD",
"proficiency": 5,
"items": [
"Diseño e Implementación de Pipelines CI/CD",
"Soluciones de Despliegue Personalizadas",
"Dashboards de Monitoreo y Alertas",
"Git y Control de Versiones",
"Automatización de Procesos y Scripting"
]
},
{
@@ -488,6 +454,16 @@
"Gestión de tareas",
"Reportes mensuales"
]
},
{
"category": "Herramientas de Diseño",
"proficiency": 3,
"items": [
"Corel Draw",
"Adobe PhotoShop",
"Adobe Illustrator",
"GIMP"
]
}
],
"soft_skills": [
@@ -732,6 +708,19 @@
"Participé en talleres prácticos de desarrollo",
"Hice networking con profesionales del sector tecnológico regional"
]
},
{
"title": "Desarrollo de aplicaciones Web: Apache, PHP y MySQL",
"institution": "Universidad de Extremadura",
"location": "Cáceres",
"date": "2002",
"duration": "40 horas",
"shortDescription": "Curso de desarrollo de aplicaciones web con tecnologías Apache, PHP y MySQL.",
"responsibilities": [
"Aprendí configuración y administración del servidor web Apache",
"Desarrollé aplicaciones web dinámicas usando PHP",
"Diseñé e implementé bases de datos MySQL para aplicaciones web"
]
}
],
"projects": [