Descubre por qué las empresas están adoptando Deno Fresh como la nueva tendencia de desarrollo web
Forma a tu equipo en Deno Fresh con programa A Medida, tutorizado con prácticas y bonificable hasta el 100% por FUNDAE en empresas. Diseñamos el plan formativo.
Potencia a tu equipo con habilidades en Deno Fresh, un framework que mejora la eficiencia del desarrollo web full stack, reduciendo tiempos y optimizando recursos.
1
Adopta tecnologías modernas y livianas que impulsan la innovación y preparan a tu empresa para la era digital, superando limitaciones de frameworks tradicionales.
Personaliza el temario al 100% para tu equipo
Diseñamos una formación a medida utilizando los documentos y flujos de trabajo reales de tu empresa.
Nueva Plataforma de E-learningFormación en directo con plataforma de apoyo para reforzar el aprendizaje
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Programa formativo
Temario del curso
Encuentra todo el temario del curso aquí.
Temario
¿Qué es Deno y por qué no es Node?
Características de Deno frente a Node.js
Qué es Fresh y cómo se diferencia de otros frameworks
Islas de interactividad: el concepto clave
Arquitectura sin build: ventajas reales
Tipos de renderizado en Fresh: SSR, CSR e Islas
Instalación de Deno y configuración de entorno
Primer comando: `deno run` y permisos
Crear un proyecto Fresh desde cero
Estructura de carpetas y convención de archivos
¿Qué es Deno y por qué no es Node?
Características de Deno frente a Node.js
Qué es Fresh y cómo se diferencia de otros frameworks
Qué es Fresh y cómo se diferencia de otros frameworks
Islas de interactividad: el concepto clave
Arquitectura sin build: ventajas reales
Tipos de renderizado en Fresh: SSR, CSR e Islas
Instalación de Deno y configuración de entorno
Primer comando: `deno run` y permisos
Crear un proyecto Fresh desde cero
Estructura de carpetas y convención de archivos
Tema 2: Rutas y páginas en Fresh
Sistema de enrutamiento basado en archivos
Definir rutas estáticas (`routes/index.tsx`)
Rutas dinámicas con parámetros (`[id].tsx`)
Rutas con múltiples parámetros (`[...slug].tsx`)
Anidación y layout globales (`_app.tsx`)
Layouts personalizados por ruta (`_layout.tsx`)
Cargar datos en SSR con `handler.GET()`
Acceder a parámetros desde `ctx.params`
Renderizado de props en páginas
Buenas prácticas de organización de rutas
Tema 3: Componentes e islas interactivas
¿Qué es una isla en Fresh?
Crear componentes islas (`islands/Counter.tsx`)
Estado local en islas con React hooks
Props serializables y comunicación con SSR
Evitar hidratar toda la página (rendimiento)
Reutilización de componentes sin re-render
Compartir lógica entre islas y páginas
Múltiples islas en una misma vista
Tipos de islas y casos de uso
Renderizado mixto en la misma ruta
Tema 4: Styling y Tailwind en Fresh
Opciones de CSS en Fresh: CSS Modules, global CSS, Tailwind
Integrar Tailwind CSS en Fresh
Personalización de diseño con `tailwind.config.ts`
Añadir estilos globales
Buenas prácticas de diseño basado en utilidades
Responsividad con Tailwind
Componentes visuales reutilizables
Dark mode con Deno Fresh
Animaciones básicas con Tailwind
Diseño accesible y semántico
Tema 5: Lógica del lado servidor
API routes en Fresh (`handler.ts`)
Uso de métodos GET, POST y DELETE
Validación de peticiones y parámetros
Uso de cookies y headers
Acceso a query params y body desde `ctx.request`
Enviar respuestas JSON desde el servidor
Control de errores y respuestas personalizadas
Reutilización de lógica de servidor
Ejemplo: endpoint que responde un JSON financiero
Tips de seguridad en lógica de servidor
Tema 6: Formularios y envío de datos
Renderizado de formularios con JSX
Envío de datos desde formularios SSR
Manejo de formularios POST en `handler.ts`
Validación de inputs en servidor
Persistencia de datos simulada
Mostrar mensajes condicionales según respuesta
Redirección y navegación tras envío exitoso
Formularios dinámicos con estado en islas
Subida de archivos en formularios
Práctica: formulario de contacto con confirmación
Tema 7: Conexión con bases de datos (PostgreSQL y SQLite)
Elección de bases de datos con Deno: Postgres, SQLite
Uso de `deno-postgres` y `deno-sqlite`
Crear conexión segura a base de datos
Consultas básicas: SELECT, INSERT, UPDATE
Reutilización de funciones de acceso a datos
Buenas prácticas en manejo de errores DB
Inserción de datos desde formularios
Mostrar datos en SSR desde la base de datos
Consultas dinámicas con filtros
Cierre correcto de conexión en SSR
Tema 8: Autenticación y sesiones
Autenticación en apps Fresh sin librerías externas
Manejo manual de cookies firmadas
Creación de tokens de sesión básicos
Middleware de autenticación en rutas protegidas
Páginas públicas vs privadas
Almacenamiento de sesiones con DB o memoria
Página de login/logout integrada
Encriptación básica de contraseñas
Control de acceso por roles (admin, user)
Mejoras posibles con JWT o OAuth2 externos
Tema 9: API REST y JSON desde Fresh
Crear una API REST con rutas Fresh
Responder peticiones JSON desde el servidor
Estructura recomendada de endpoints
Consumo desde islas con `fetch`
Autenticación básica en endpoints REST
Paginar y filtrar resultados
Uso de JSON.stringify y headers adecuados
Prueba de APIs con Postman o cURL
Práctica: mini API de gastos por categoría
Control de errores y códigos de estado
Tema 10: Integración con APIs externas y fetch avanzado
Usar `fetch` desde el servidor en Fresh
Llamadas a APIs externas (ej: cotizaciones, finanzas)
Cacheo de resultados en memoria
Reintentos automáticos y control de errores
Consumo desde componentes SSR
Autenticación con headers en fetch
Crear capas de servicio para separar lógica externa
Uso de APIs públicas de datos económicos
Uso de webhooks simples en rutas Fresh
Proyecto: API que fusiona datos externos y base propia
Tema 11: Deployment y entorno de producción
Preparar una app Fresh para producción
Configuración de entorno (.env)
Despliegue en Deno Deploy
Alternativas: Docker, Fly.io, Vercel
Variables de entorno y secretos
Logs, errores y control de fallos en producción
Caching de contenido estático y SSR
Dominio personalizado y HTTPS
Monitorización con herramientas externas
Buenas prácticas para entornos reales
Tema 12: Testing y calidad del código en Fresh
Testing unitario con Deno (sin librerías externas)
Testing de rutas y handlers
Testing de componentes de isla
Testing de base de datos con mocks
Linting y formateo con `deno fmt` y `deno lint`
Deno Benchmarks: medir rendimiento
Validación de props y tipos con TypeScript
Test manual de flujos de usuario
CI/CD con GitHub Actions (básico)
Mejores prácticas de mantenimiento
Tema 13: Arquitectura y buenas prácticas Fresh
Separación de lógica y presentación
Componentes reutilizables y escalables
Estructura recomendada para proyectos grandes
Gestión de rutas y módulos por dominio
Uso de servicios para llamadas externas o DB
Principios de Clean Architecture en Deno Fresh
Uso de interfaces para tipado claro
Buenas prácticas de seguridad en rutas
División de responsabilidades clara
Casos reales de uso de Fresh en producción
Tema 14: Proyecto final: Aplicación full stack con Deno Fresh
Planificación del proyecto: objetivos y alcance
Creación del modelo de datos y estructura de rutas
Integración de base de datos (ej. gastos personales)
Desarrollo del sistema de autenticación completo
Páginas públicas y privadas conectadas con SSR
Formularios funcionales y validaciones
Consumo de API externa y mezcla con DB interna
Estilado profesional con Tailwind CSS
Despliegue completo y checklist de producción
Presentación del proyecto en clase o demo interna
Perfiles profesionales
Pensado para quienes deben dominar Deno Fresh en su día a día
Desarrolladores Full Stack
Buscan optimizar su flujo de trabajo implementando soluciones modernas y escalables.
Jefes de Desarrollo
Quieren estar al tanto de tecnologías emergentes para guiarlos hacia arquitecturas actuales.
Ingenieros de Software
Desean profundizar en frameworks innovadores para mejorar el rendimiento de sus aplicaciones.
Arquitectos de Software
Necesitan integrar Deno Fresh en proyectos existentes, maximizando eficiencia y mantenibilidad.
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en Deno Fresh
Explora las respuestas a las preguntas que guian a nuestra comunidad. Aqui encontraras claridad sobre como funciona todo, desde el acceso hasta los detalles de los cursos. Si buscas respuestas, este es el lugar para comenzar.
El curso se lleva a cabo a través de nuestro Aula Virtual Personalizada, utilizando videoconferencias por Zoom. Esto permite una experiencia interactiva y adaptada a las necesidades corporativas.
Sí, el curso es 100% bonificable por FUNDAE. Podemos gestionar la bonificación, por lo cual cobramos un 10% adicional más IVA, el cual también es bonificable, según los créditos disponibles en FUNDAE.
Este curso proporciona a tu equipo la capacidad de desarrollar aplicaciones web modernas con Deno Fresh, optimizando rendimiento y seguridad, lo que puede traducirse en un producto final más competitivo y eficiente.
Aprenderán a trabajar con server-side rendering, islas interactivas y a manejar rutas modulares y TypeScript, habilidades esenciales para el desarrollo web contemporáneo y full stack con Deno.
Puedes inscribirte completando el formulario en nuestra página web o contactando directamente con nosotros. Asegúrate de enviar toda la información necesaria para una inscripción y bonificación eficiente.
El curso se lleva a cabo a través de nuestro Aula Virtual Personalizada, utilizando videoconferencias por Zoom. Esto permite una experiencia interactiva y adaptada a las necesidades corporativas.
Sí, el curso es 100% bonificable por FUNDAE. Podemos gestionar la bonificación, por lo cual cobramos un 10% adicional más IVA, el cual también es bonificable, según los créditos disponibles en FUNDAE.
Este curso proporciona a tu equipo la capacidad de desarrollar aplicaciones web modernas con Deno Fresh, optimizando rendimiento y seguridad, lo que puede traducirse en un producto final más competitivo y eficiente.
Aprenderán a trabajar con server-side rendering, islas interactivas y a manejar rutas modulares y TypeScript, habilidades esenciales para el desarrollo web contemporáneo y full stack con Deno.
Puedes inscribirte completando el formulario en nuestra página web o contactando directamente con nosotros. Asegúrate de enviar toda la información necesaria para una inscripción y bonificación eficiente.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc
Mejora la seguridad y el rendimiento de tus aplicaciones, reduciendo vulnerabilidades y asegurando una experiencia de usuario ágil y confiable.
3
Simplifica procesos con una arquitectura sin build y el uso de islas de interactividad, facilitando la colaboración entre equipos y favoreciendo una integración continua exitosa.
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Ejercicios prácticos
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Practica y mejora con nuestra plataforma
Una plataforma practica, con IA integrada y pensada para que mejores desarrollando. Se adapta a tu ritmo, te corrige al instante y te muestra tu progreso real.
Correccion magica
Feedback inteligente
Aprende de cada acierto y fallo con explicaciones claras