# Frontend

- [x] Diseño web responsivo

- [x] Diseño intuitivo y fácil de usar
- [x] Tipografía legible y jerarquizada
- [x] Uso adecuado de imágenes y videos
- [x] Diseño optimizado para la velocidad de carga:
- [ ] Paragraph y Text formatting
- [ ] Links Router
- [ ] Lists
- [ ] Images
- [ ] Tables
- [ ] Forms
- [ ] Extra Markup
- [ ] Data formating
- [ ] Introducing CSS 11. Color
- [ ] Text
- [x] Boxes and Sectioning
- [ ] Iframes
- [ ] Layout HTML5
- [x] Semantic Layout HTML5 Intro to Inputs
- [ ] input -> captura datos tipo texto o numero select -> datos prehechos a
seleccionar input -> radio - circulo unico > input -> checkbox -> cuadrado multiple
textarea -> parrafo form -> get | post | put | delete input -> submit
- [ ] Media elements - Video & Audio
- [x] Formulario de contacto
- [x] Página de inicio atractiva
- [x] Barra de navegación clara y visible
- [x] Sistema de búsqueda eficaz
- [x] Paginación y filtros
- [x] Botones y llamadas a la acción claros:
- [x] Mensajes de error y validación
- [x] Accesibilidad
- [x] GRID Flexbox Box Marquee
- [x] Fetch front y back (GET, POST, PUT, DELETE)
- [x] Optimización de palabras clave
- [x] Enlaces permanentes amigables
- [ ] Mapa del sitio: Se debe crear un mapa del sitio para ayudar a los buscadores
a indexar la aplicación.
- [x] Metadatos
- [x] Rendimiento
- [ ] Minificación y compresión
- [x] Almacenamiento en caché
- [ ] CDN
- [x] Pruebas de usabilidad
- [x] Pruebas de compatibilidad con navegadores:
- [x] Pruebas de rendimiento
- [x] Documentación clara y actualizada
- [x] Código limpio y bien organizado
- [x] administrador del website
- [x] React Hooks
- [x] React state zustand
- [x] LAZYLOAD Y HOOKS AVANZADO STATE
- [ ] ESLINT
- [ ] REACT - ANGULAR CON TYPESCRIPT
- [x] COMPONENTES CON TAILWIND DESDE STORYBOOK
- [x] DESPLIEGUE
- [x] ATOMIC DESIGN, DESIGN SYSTEM
- [ ] DESIGN TOCKENS
- [ ] UI / UX
- [ ] ANIMACIONES

# Acciones requeridas en el backend

- [x] Node: orígenes y filosofía

- [x] EventLoop: asíncrona por diseño
- [x] Monohilo: implicaciones en diseño y seguridad
- [x] Configurar las variables de entorno en Node.js
- [x] Nodemon y PM2
- [x] Asincronía
- [x] Callbacks
- [x] Refactor
- [x] Promesas
- [x] Async/await
- [x] Globals
- [x] File system
- [ ] Console
- [x] Errores (try / catch)
- [x] Procesos hijo
- [x] Módulos nativos en C++
- [ ] HTTP
- [x] OS
- [x] Process
- [x] Utilizar los módulos y paquetes externos
- [x] Gestión de paquetes: NPM y package.json
- [x] Construyendo módulos: Require e Import
- [ ] Módulos útiles
- [x] Datos almacenados vs en memoria
- [x] Buffers
- [ ] Compiladores y Bundlers, webpack y babel
- [x] Helpers o build in
- [x] Streams
- [x] Debugger
- [x] Error First Callbacks
- [x] Scraping
- [x] Automatización de procesos
- [x] Aplicaciones de escritorio
- [x] Lamda

# Administrables
- [ ] dashboard
- [x] routes
- [x] errors
- [x] notifications
- [x] emails
- [x] menssages
- [x] reports
- [ ] graphs
- [x] Observabilidad new relic
- [x] Observabilidad MELTS - Events - Metrics - Logs - Traces

# Eventos - intermedios y avanzados en el back con Express

- [x] Construcción de una correcta REST
- [x] Paginación
- [ ] Filtrados y orders - por sql y joins
- [x] filters eq, ne, gt, lt, ge y le
- [ ] HTTPERRORS
- [x] Validaciones con joi y construccion de middleware
- [x] Errores con BOOM y creación de middleware errorHandler | logErrors |
boomErrorHandler (status codes)
- [x] Autenticación completa
- [x] Express Router external
- [x] OAuth 2.0
- [x] OpenID
- [x] GraphQL
- [x] Commander
- [x] Multer
- [x] GET-POST-PUT-DELETE examples con pg y pool, mysql - pool
- [x] Mongoose y mongo db atlas
- [x] Helmet
- [x] Query Builders
- [x] Express slash
- [x] BullMQ manejo de colas
- [x] Job Scheduling:
- [x] Email
- [x] Winston
- [ ] I18next - I18n and L10n Libraries Internacionalización - Localización l10n
- [x] Notificaciones push
- [x] socketio
- [x] taller de socketio
- [x] Express events Server-Sent Events (SSE)

# Persitencia de datos - Express Postgresql con Sequelize | prisma

- [x] Migraciones
- [x] Seeds con faker
- [x] Entidades - ER
- [x] CRUD
- [x] Modelos
- [x] Multiple BD
- [x] Auth 0 y Auth2, 2f2
- [ ] Pasport y jwt
- [x] Deploy
- [x] Docker con NODE
- [x] Passport con Express
- [x] Avanzado Middlewares
- [x] verificación
- [x] bcryptjs
- [x] hashsing -jose
- [x] proyeccion de rutas
- [ ] owasp
- [x] roles y permisos

# Construcción avanzada y microservicios

- [ ] arquitectura de microservicios
- [ ] multitenants y service tenants
- [ ] paradigmas externos y / o aislados
- [ ] uso de microservicios
- [ ] comunicación con redis
- [ ] comunicación con rabitmq
- [ ] escalamiento con microservicios y nuevas arquitecturas kubernetes
- [ ] Diseño de la arquitectura para soportar un alto número de usuarios.
- [ ] Implementación de técnicas de escalado horizontal y vertical.
- [ ] Monitoreo y ajuste de la infraestructura según la demanda.
- [ ] Load Balancing
- [ ] external Monitoring and Logging
- [ ] Content Delivery Networks
- [ ] Cloud Deployment Platforms
- [ ] Streaming
- [ ] Machine Learning Integration

# Arquitectura - Seguridad - testing y pruebas TDD

- [x] Pruebas unitarias y de integración
- [x] Mocha/Chai
- [x] Monitoreo con Winston
- [x] Patrones de diseño
- [x] Versionado de API
- [x] Pruebas de extremo a extremo (E2E) Cypress
- [x] Desacople de código
- [x] Pruebas de mutación
- [x] 10 owasp