Building Web Apps with Deno

certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
Rate this content
Bookmark

Aprende cómo construir aplicaciones full stack con Deno y Deno Deploy. Construiremos una aplicación simple utilizando el framework fresh (fresh.deno.dev), y la alojaremos en Deno Deploy.

This workshop has been presented at JSNation 2022, check out the latest edition of this JavaScript Conference.

FAQ

Deno es un tiempo de ejecución moderno de JavaScript y TypeScript, similar a Node.js pero desarrollado por Ryan Dahl, el creador original de Node.js. Deno es diferente porque incluye un conjunto de herramientas integrado con formateador, linter y marco de pruebas, y utiliza características modernas de JavaScript. A diferencia de Node, no tiene un servidor HTTP personalizado y utiliza fetch para operaciones HTTP.

Deno Deploy es un tiempo de ejecución en el borde para aplicaciones Deno, permitiendo ejecutar código cerca de los usuarios para minimizar la latencia. Es similar a plataformas como Cloudflare Workers y permite ejecutar solicitudes cerca de donde se realizan, optimizando la velocidad y el rendimiento de las aplicaciones.

Puedes desplegar aplicaciones Deno usando Deno Deploy, que es específicamente diseñado para aplicaciones Deno y permite implementaciones rápidas y globales. Alternativamente, Deno puede ser desplegado en cualquier servicio que soporte Docker, como AWS, Google Cloud o Azure, usando contenedores para la implementación.

Fresh es un marco web de pila completa para Deno que utiliza Preact y está optimizado para aplicaciones rápidas y escalables. Fresh permite desarrollar aplicaciones sin un paso de compilación y no envía JavaScript al cliente de forma predeterminada, lo que resulta en aplicaciones más rápidas y eficientes.

Deno incluye un marco de pruebas integrado que puedes utilizar para escribir y ejecutar pruebas. Además, Deno puede integrarse con GitHub Actions para automatizar pruebas y otros checks de calidad durante el desarrollo y antes de la implementación, asegurando que el código cumpla con los estándares de calidad establecidos.

Sí, a diferencia de Node.js, Deno soporta TypeScript de manera nativa. Esto significa que puedes escribir tus aplicaciones directamente en TypeScript sin necesidad de un proceso de transpilación adicional, facilitando el desarrollo y aprovechando las características de tipado de TypeScript.

Luca Casonato
Luca Casonato
158 min
04 Jul, 2022

Comments

Sign in or register to post your comment.
Video Summary and Transcription
La masterclass de hoy trata sobre la construcción de una aplicación full stack utilizando Deno y Deno Deploy. Crearemos un blog con páginas de entrada de blog personalizadas y exploraremos las características de Deno, como el soporte de TypeScript y la cadena de herramientas integrada. Deno Deploy permite una fácil implementación de aplicaciones Deno, y Fresh es un framework web full stack optimizado para aplicaciones rápidas y escalables. La masterclass cubre temas como la configuración de Deno, la creación de proyectos con Fresh, el manejo de páginas estáticas y entradas de blog, las pruebas, la interactividad del cliente y la implementación utilizando Deno Deploy y GitHub Actions.
Video transcription and chapters available for users with access.

Watch more workshops on topic

Desarrollando Blogs Dinámicos con SvelteKit & Storyblok: Una Masterclass Práctica
JSNation 2023JSNation 2023
174 min
Desarrollando Blogs Dinámicos con SvelteKit & Storyblok: Una Masterclass Práctica
Top Content
Featured WorkshopFree
Alba Silvente Fuentes
Roberto Butti
2 authors
Esta masterclass de SvelteKit explora la integración de servicios de terceros, como Storyblok, en un proyecto SvelteKit. Los participantes aprenderán cómo crear un proyecto SvelteKit, aprovechar los componentes de Svelte y conectarse a APIs externas. La masterclass cubre conceptos importantes incluyendo SSR, CSR, generación de sitios estáticos y despliegue de la aplicación usando adaptadores. Al final de la masterclass, los asistentes tendrán una sólida comprensión de la construcción de aplicaciones SvelteKit con integraciones de API y estarán preparados para el despliegue.
Construyendo un Servidor Web Hiper Rápido con Deno
JSNation Live 2021JSNation Live 2021
156 min
Construyendo un Servidor Web Hiper Rápido con Deno
WorkshopFree
Matt Landers
Will Johnston
2 authors
Deno 1.9 introdujo una nueva API de servidor web que aprovecha Hyper, una implementación rápida y correcta de HTTP para Rust. El uso de esta API en lugar de la implementación std/http aumenta el rendimiento y proporciona soporte para HTTP2. En este masterclass, aprende cómo crear un servidor web utilizando Hyper en el fondo y mejorar el rendimiento de tus aplicaciones web.
Masterclass de GraphQL en la Nube con Neo4j Aura, Next.js y Vercel
GraphQL Galaxy 2021GraphQL Galaxy 2021
161 min
Masterclass de GraphQL en la Nube con Neo4j Aura, Next.js y Vercel
WorkshopFree
William Lyon
William Lyon
En este masterclass construiremos y desplegaremos una aplicación de GraphQL de pila completa utilizando Next.js, Neo4j y Vercel. Utilizando un grafo de conocimiento de artículos de noticias, primero construiremos una API de GraphQL utilizando las rutas de API de Next.js y la Biblioteca de GraphQL de Neo4j. A continuación, nos enfocaremos en el front-end, explorando cómo utilizar GraphQL para la obtención de datos con una aplicación de Next.js. Por último, exploraremos cómo agregar personalización y recomendación de contenido en nuestra API de GraphQL para servir artículos relevantes a nuestros usuarios, luego desplegaremos nuestra aplicación en la nube utilizando Vercel y Neo4j Aura.

Tabla de contenidos:
- Visión general de Next.js y cómo empezar con Next.js
- Rutas de API con Next.js y construcción de una API de GraphQL
- Utilizando la Biblioteca de GraphQL de Neo4j
- Trabajando con Apollo Client y obtención de datos de GraphQL en Next.js
- Despliegue con Vercel y Neo4j Aura
El Viaje Desde el Desarrollo Frontend con React al Desarrollo Fullstack con Next.js
React Advanced 2024React Advanced 2024
143 min
El Viaje Desde el Desarrollo Frontend con React al Desarrollo Fullstack con Next.js
Workshop
Eric Burel
Eric Burel
Únete a nosotros en el viaje desde el desarrollo frontend con React al desarrollo fullstack con Next.js. Durante esta masterclass, seguiremos el tutorial oficial de Next.js Learn con Eric Burel, entrenador profesional y autor de NextPatterns.dev. Juntos, configuraremos un sitio web con Next.js y exploraremos sus características del lado del servidor para construir aplicaciones de alto rendimiento.
- Introducción: descubriendo Next.js y su filosofía centrada en el servidor- Creación de un sitio web multipágina perfectamente optimizado- Entendiendo las capacidades de renderizado del lado del servidor de Next.js- Conclusión: cómo Next.js te empodera como desarrollador de React
Construyendo aplicaciones GraphQL de pila completa con Hasura y Vue 3
Vue.js London Live 2021Vue.js London Live 2021
115 min
Construyendo aplicaciones GraphQL de pila completa con Hasura y Vue 3
WorkshopFree
Gavin Ray
Gavin Ray
El ecosistema frontend avanza a un ritmo frenético. Este masterclass tiene como objetivo equipar a los participantes con una comprensión del estado del ecosistema Vue 3 + GraphQL, explorando ese ecosistema - prácticamente y a través del desarrollo de aplicaciones de pila completa.

Tabla de contenidos
- Los participantes utilizarán Hasura para construir una API GraphQL en tiempo real respaldada por Postgres. Juntos recorreremos su consumo desde un frontend y haremos que el frontend sea reactivo, suscrito a los cambios de datos.
- Además, analizaremos las herramientas comúnmente utilizadas en el stack Vue GraphQL (como Apollo Client y Urql), discutiremos algunas alternativas menos conocidas y abordaremos los problemas frecuentemente encontrados al comenzar.
- Se describirán varios patrones para gestionar datos con estado y sus compensaciones durante el masterclass, y se mostrará una implementación básica para cada patrón discutido.
Nivel del masterclass

NOTA: No se requiere experiencia previa con GraphQL, pero puede ser útil para ayudar a la comprensión. Se cubrirán los fundamentos.
De cero a producción con GraphQL y React de extremo a extremo con el equipo de Hasura
React Summit 2020React Summit 2020
162 min
De cero a producción con GraphQL y React de extremo a extremo con el equipo de Hasura
Workshop
Allison Kunz
Allison Kunz
Hasura es un motor de GraphQL de código abierto y gratuito que puede ayudar a potenciar su adopción de GraphQL, ya sea para una aplicación nueva o existente. El masterclass cubrirá:
- Una introducción básica a GraphQL- Uso de GraphQL para realizar operaciones CRUD desde una aplicación React- Configuración de controles de acceso a los datos- Creación de componentes en tiempo real en React utilizando suscripciones de GraphQL- Envolver las API REST existentes con servidores GraphQL que se pueden implementar en plataformas sin servidor, y luego fusionarlos en un único punto final utilizando Esquemas Remotos- Activación de funciones sin servidor en eventos de la base de datos- En resumen, veremos cómo los desarrolladores de React pueden adoptar GraphQL en tiempo real y sin servidor.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Componentes de Full Stack
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Componentes de Full Stack
Top Content
RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.
RedwoodJS: El marco de aplicación React Full-Stack de tus sueños
React Summit Remote Edition 2021React Summit Remote Edition 2021
43 min
RedwoodJS: El marco de aplicación React Full-Stack de tus sueños
Top Content
Redwood JS is a full stack React app framework that simplifies development and testing. It uses a directory structure to organize code and provides easy data fetching with cells. Redwood eliminates boilerplate and integrates Jest and Storybook. It supports pre-rendering and provides solutions for authentication and deployment. Redwood is a cross-client framework that allows for building web and mobile applications without duplicating work.
Compatibilidad con Node.js en Deno
Node Congress 2022Node Congress 2022
34 min
Compatibilidad con Node.js en Deno
Deno aims to provide Node.js compatibility to make migration smoother and easier. While Deno can run apps and libraries offered for Node.js, not all are supported yet. There are trade-offs to consider, such as incompatible APIs and a less ideal developer experience. Deno is working on improving compatibility and the transition process. Efforts include porting Node.js modules, exploring a superset approach, and transparent package installation from npm.
Javascript Debería Venir Con Baterías
React Day Berlin 2023React Day Berlin 2023
30 min
Javascript Debería Venir Con Baterías
JavaScript Should Come With Batteries: Deno is a next-generation JavaScript runtime that addresses the lack of built-in tooling in JavaScript. It provides a secure and simple way to develop applications with built-in testing, linting, formatting, and a language server for VS Code. Deno is compatible with Node.js and NPM, supports web standard APIs, and allows code portability between frontend and server. It also offers features like a built-in database, a key-value store, and transparent monetization with Deno Deploy.
Deno 2.0
Node Congress 2023Node Congress 2023
36 min
Deno 2.0
Top Content
The Talk discusses forced optimization with Node and Deno, with Deno aiming to pursue the same goals in a more expansive and modern way. Deno has built-in support for NPM and enforces security constraints. It also has a key-value database called Deno KV, which will be a core part of the Deno 2 API. Deno Deploy is a serverless Edge Functions platform powered by FoundationDB, optimized for fast reading and ideal for building eCommerce sites or application servers at the edge. Deno 2.0 is coming soon with more features under development.
Patrones de Arquitectura Remix
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Patrones de Arquitectura Remix
Top Content
This Talk introduces the Remix architecture patterns for web applications, with over 50% of participants using Remix professionally. The migration from single page applications to Remix involves step-by-step refactoring and offers flexibility in deployment options. Scalability can be achieved by distributing the database layer and implementing application caching. The backend for frontend pattern simplifies data fetching, and Remix provides real-time capabilities for collaborative features through WebSocket servers and Server-SendEvents.