🏆

¡CENTRO DE LOGROS!

🎉 Has completado 25 niveles de desarrollo web | ✨ Revisa tus logros y genera tu certificado

💡 Consejo: Presiona Ctrl+F5 para ver los últimos cambios

🏅 Tus Logros en el Curso

📄
DOCTYPE
Nivel 1
🧠
Head
Nivel 2
📦
Body
Nivel 3
🧭
Navegación
Nivel 4
🖼️
Imágenes
Nivel 5
📝
Formularios
Nivel 6
🎨
CSS Intro
Nivel 7
📦
Box Model
Nivel 8
📐
Flexbox
Nivel 9
🎬
Animaciones
Nivel 10
⚡
JavaScript
Nivel 11
🌐
DOM
Nivel 12
📐
CSS Grid
Nivel 13
📱
Responsive
Nivel 14
🎯
Eventos JS
Nivel 15
💾
LocalStorage
Nivel 16
🌈
Animaciones CSS
Nivel 17
🎓
Proyecto Portafolio
Nivel 18
🌐
APIs y Fetch
Nivel 19
📦
JSON y Datos
Nivel 20
✅
Validación Forms
Nivel 21
🎨
CSS Variables
Nivel 22
🔊
Audio y Efectos
Nivel 23
🎮
Game Programming
Nivel 24
📱
Responsive Design
Nivel 25

🚀 VISTA PREVIA DEL PROYECTO INTEGRADOR

¡Mira todo lo que aprendiste en acción! Este proyecto combina todas las tecnologías de los 25 niveles: HTML5, CSS3, JavaScript, APIs, Canvas, Audio, LocalStorage, Validaciones, Animaciones y más.

📝 Formulario Validado

Niveles 6, 21

🎨 Canvas Animado

Niveles 17, 23

¡Haz clic en el canvas para crear efectos!

🌐 Integración con API

Nivel 19

💾 LocalStorage + JSON

Niveles 16, 20

✨ Animaciones CSS

Niveles 10, 17
🎯

🔊 Web Audio API

Nivel 23

¡Crea música con código!

🔢 Contador JavaScript

Nivel 11, 15
0

🎨 CSS Variables Dinámicas

Nivel 22
Vista Previa

✅ 8 tecnologías integradas | 🎯 25 niveles completados | 🚀 ¡Listo para el mundo real!

📋 Tu Misión Final

¡Es hora de crear tu propia página web! Usa todo lo que aprendiste en los 23 niveles:

1 Estructura HTML correcta (DOCTYPE, head, body)
2 Título y metadatos en el head
3 Navegación con enlaces
4 Al menos una imagen
5 Estilos CSS (colores, fuentes, layouts)
6 Algo de JavaScript interactivo

✨ Elige una plantilla para empezar o crea la tuya

👤 Página Personal

Perfecta para presentarte a ti mismo

🐾 Mis Mascotas

Muestra a tus amigos peludos

🎮 Mis Juegos Favoritos

Comparte tus videojuegos preferidos

💻 Tu Código HTML/CSS/JS
👁️ Vista Previa de tu Página
🎓

CodeQuest

🏆 CERTIFICADO OFICIAL

de Completación en Desarrollo Web

✨

Certificado

Por la presente se certifica que

Estudiante CodeQuest

ha completado exitosamente el programa completo de

🚀 DESARROLLO WEB FULL STACK

Dominando HTML5, CSS3 y JavaScript ES6+
✅ 25 Niveles Completados con Excelencia

🎯 Competencias Certificadas:
• Estructura y Semántica HTML5 • Diseño y Maquetación CSS3
• Programación JavaScript Avanzada • Diseño Web Responsive
• Integración de APIs • Formularios y Validaciones
• Animaciones y Efectos • Proyectos Reales Implementados

⭐⭐⭐⭐⭐

Director Académico

Prof. Adrian Guano

Unidad Educativa Luz de Esmeraldas

Certificado N° WEBDEV-2025-

🏅

Sello Oficial