Cómo Sacar El Máximo Provecho De La Nube Como Desarrollador Front-End

Bookmark
Rate this content

Proveedores de nube como AWS ofrecen muchos servicios. Cognito, S3, Hosting, Bedrock y funciones Lambda por nombrar algunos. Como desarrollador front-end, ¿qué servicios deberías aprender? ¿Necesitas aprender devops y reglas de seguridad? ¿Qué hay de la IA como los modelos de lenguaje grande (LLM)? ¿Cómo integras LLMs en tu flujo de trabajo front-end desde un proveedor de nube?

En esta charla discutiré algunos servicios y herramientas principales, como Kiro, Amazon Bedrock y Lambda y las mejores prácticas y enfoques para usarlos como desarrollador front-end.

This talk has been presented at React Summit US 2025, check out the latest edition of this React Conference.

Erik Hanchett
Erik Hanchett
7 min
18 Nov, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Los desarrolladores front-end se benefician de servicios en la nube como AWS S3 y Lambda. AWS ofrece servicios como Cognito para la gestión de identidades y modelos de IA de Bedrock. AWS Amplify proporciona Hosting y Cloud Development Kit para un desarrollo eficiente. Se recomienda el Cloud Development Kit para el despliegue de TypeScript. AWS Amplify conecta el front-end a los servicios de AWS y SDK para el back-end. Hay retroalimentación de código QR disponible para la charla.

1. Cloud Services for Front-end Developers

Short description:

Importancia de los servicios en la nube para desarrolladores front-end. Un defensor de AWS explica los beneficios del almacenamiento de objetos S3 y el cómputo sin servidor Lambda.

Muy bien, vamos a hablar sobre la nube para desarrolladores front-end. Solo tengo siete minutos, así que, vamos a empezar. Entonces, ¿qué servicios en la nube son importantes para ti como desarrollador front-end? Y probablemente estés pensando ahora mismo, ¿por qué nos importarían los servicios en la nube? Pero probablemente ya sabes que muchos de los servicios que probablemente estás usando están utilizando estos grandes proveedores de nube como AWS, como Azure, como GCP. Así que, siempre me pregunté como desarrollador front-end, ¿por qué no vamos directamente a la fuente? Y esa es una pregunta importante. Entonces, ¿por qué no entendemos cómo funciona esta infraestructura? ¿Cómo podemos aprovisionarla? ¿Cómo podemos usarla? Y como front-end, quiero hacer esto de manera rápida y eficiente. Y ese es el propósito de esta charla. Es solo para darte una pequeña idea de cómo podrías querer usar la nube, ir directamente a la fuente donde muchas empresas están trabajando.

Así que, soy un defensor de desarrolladores. Trabajo para AWS. Puede que veas nuestro stand ahí afuera. Somos el stand de Kiro. Ese es otro producto del que hablaré en un momento. Pero tenemos más de 200 servicios diferentes. Ahora, solo voy a hablar de un par en esta charla hoy. Pero si estás usando cualquiera de los otros, Cloudflare, algo así, hay equivalencias. Así que, creo que incluso si estás usando otro servicio, esto también será útil para ti. Así que, este primero es un bucket. ¿Alguien ha oído hablar de S3? Veo muchas manos levantadas. Este es probablemente uno de los servicios más comunes que tenemos. Y creo que este es perfecto para empezar. Si eres un ingeniero front-end y aspiras a aprender más sobre full stack o desarrollo de extremo a extremo, entonces puedes aprender a usar S3. Este es nuestro servicio de almacenamiento de objetos que almacena objetos de datos dentro de buckets, como puedes leer ahí. Este es uno de los primeros servicios que AWS lanzó allá por 2006. Y realmente es el pilar, creo, que realmente inició este movimiento de la nube y cómo muchas otras empresas percibieron esto y comenzaron sus propios servicios en la nube.

Está Lambda. Este es como nuestro cómputo sin servidor que puedes usar para descargar cualquier tipo de cálculos, cualquier cosa que necesites para cómputo que quieras hacer. Es sin servidor. Obviamente, todavía hay un servidor. Pero no tienes que preocuparte por desplegar un servicio. No tienes que preocuparte por instancias EC2 o VPNs o VPSs, nada de eso.

2. AWS Services for Front-end Developers

Short description:

Servicios de AWS: Cognito para identidad, modelos de AI de Amazon Bedrock, y Kiro Gentic IDE con enfoque en desarrollo impulsado por especificaciones.

Todo esto está confinado. Puedes desplegar código en él y obtener información de vuelta. Y luego está Cognito, que es nuestro servicio de identidad. Puedes hacer autorización y autenticación contra esto. Mucha gente no sabe que tenemos ese tipo de servicio. Y siempre me gusta señalarlo durante las charlas. Y es perfecto para desarrolladores front-end que quieren poder configurar un inicio de sesión, cierre de sesión en sus aplicaciones.

Por supuesto, ninguna charla aquí estaría completa sin mencionar algún tipo de AI. Y tenemos nuestro propio servicio llamado Amazon Bedrock. Es una forma que tiene, creo, más de 100 modelos diferentes ahora. De hecho, añadimos recientemente GPT de OpenAI. Y así somos una especie de mercado de diferentes modelos. Y luego tenemos muchos servicios realmente integrados que lo hacen fácil de usar, como guardrails, formas en que puedes usar agentes.

Ahora, como desarrollador front-end, estoy realmente emocionado por esto. Esto es Kiro. Este es un Gentic IDE que recientemente entró en lo que llamamos disponibilidad general ayer. Y estamos emocionados por esto. Una cosa que me preguntan mucho es, ¿por qué usaría esto en lugar de Cursor o cualquier otra cosa? Estamos realmente, realmente enfocados en este desarrollo impulsado por especificaciones, desarrollo impulsado por especificaciones, esta forma de crear tus aplicaciones de una manera en la que lo planificas previamente. Y si estás interesado en eso, tenemos un stand. Podemos hablarte más al respecto. Puedes probarlo gratis. Descárgalo gratis hoy. Y es realmente agradable. Nos encantaría escuchar más comentarios al respecto.

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

El Futuro de las Herramientas de Rendimiento
JSNation 2022JSNation 2022
21 min
El Futuro de las Herramientas de Rendimiento
Top Content
Today's Talk discusses the future of performance tooling, focusing on user-centric, actionable, and contextual approaches. The introduction highlights Adi Osmani's expertise in performance tools and his passion for DevTools features. The Talk explores the integration of user flows into DevTools and Lighthouse, enabling performance measurement and optimization. It also showcases the import/export feature for user flows and the collaboration potential with Lighthouse. The Talk further delves into the use of flows with other tools like web page test and Cypress, offering cross-browser testing capabilities. The actionable aspect emphasizes the importance of metrics like Interaction to Next Paint and Total Blocking Time, as well as the improvements in Lighthouse and performance debugging tools. Lastly, the Talk emphasizes the iterative nature of performance improvement and the user-centric, actionable, and contextual future of performance tooling.
Rome, ¡una cadena de herramientas moderna!
JSNation 2023JSNation 2023
31 min
Rome, ¡una cadena de herramientas moderna!
Top Content
Rome is a toolchain built in Rust that aims to replace multiple tools and provide high-quality diagnostics for code maintenance. It simplifies tool interactions by performing all operations once, generating a shared structure for all tools. Rome offers a customizable format experience with a stable formatter and a linter with over 150 rules. It integrates with VCS and VLSP, supports error-resilient parsing, and has exciting plans for the future, including the ability to create JavaScript plugins. Rome aims to be a top-notch toolchain and welcomes community input to improve its work.
Conquistando la Complejidad: Refactorización de Proyectos JavaScript
JSNation 2024JSNation 2024
21 min
Conquistando la Complejidad: Refactorización de Proyectos JavaScript
Top Content
Today's Talk explores the complexity in code and its impact. It discusses different methods of measuring complexity, such as cyclomatic complexity and cognitive complexity. The importance of understanding and conquering complexity is emphasized, with a demo showcasing complexity in a codebase. The Talk also delves into the need for change and the role of refactoring in dealing with complexity. Tips and techniques for refactoring are shared, including the use of language features and tools to simplify code. Overall, the Talk provides insights into managing and reducing complexity in software development.
Mejorando la Felicidad del Desarrollador con IA
React Summit 2023React Summit 2023
29 min
Mejorando la Felicidad del Desarrollador con IA
GitHub Copilot is an auto-completion tool that provides suggestions based on context. Research has shown that developers using Copilot feel less frustrated, spend less time searching externally, and experience less mental effort on repetitive tasks. Copilot can generate code for various tasks, including adding modals, testing, and refactoring. It is a useful tool for improving productivity and saving time, especially for junior developers and those working in unfamiliar domains. Security concerns have been addressed with optional data sharing and different versions for individuals and businesses.
Automatiza el Navegador con la API de Renderizado del Navegador de Workers
JSNation 2024JSNation 2024
20 min
Automatiza el Navegador con la API de Renderizado del Navegador de Workers
The Talk discusses browser automation using the Worker's Browser Rendering API, which allows tasks like navigating websites, taking screenshots, and creating PDFs. Cloudflare integrated Puppeteer with their workers to automate browser tasks, and their browser rendering API combines remote browser isolation with Puppeteer. Use cases for the API include taking screenshots, generating PDFs, automating web applications, and gathering performance metrics. The Talk also covers extending sessions and performance metrics using Durable Objects. Thank you for attending!
Análisis estático en JavaScript: Lo fácil y lo difícil
JSNation 2023JSNation 2023
23 min
Análisis estático en JavaScript: Lo fácil y lo difícil
Static analysis in JavaScript involves analyzing source code without executing it, producing metrics, problems, or warnings. Data flow analysis aims to determine the values of data in a program. Rule implementation in JavaScript can be straightforward or require extensive consideration of various cases and parameters. JavaScript's dynamic nature and uncertainty make static analysis challenging, but it can greatly improve code quality.

Workshops on related topic

Soluciona el 100% de tus errores: Cómo encontrar problemas más rápido con la Reproducción de Sesiones
JSNation 2023JSNation 2023
44 min
Soluciona el 100% de tus errores: Cómo encontrar problemas más rápido con la Reproducción de Sesiones
WorkshopFree
Ryan Albrecht
Ryan Albrecht
¿Conoces ese molesto error? ¿El que no aparece localmente? Y no importa cuántas veces intentes recrear el entorno, no puedes reproducirlo. Has revisado las migas de pan, leído la traza de pila y ahora estás jugando al detective para unir los tickets de soporte y asegurarte de que sea real.
Únete al desarrollador de Sentry, Ryan Albrecht, en esta charla para aprender cómo los desarrolladores pueden utilizar la Reproducción de Sesiones, una herramienta que proporciona reproducciones de video de las interacciones de los usuarios, para identificar, reproducir y resolver errores y problemas de rendimiento más rápido (sin golpear tu cabeza contra el teclado).
Pragmática 101 sobre Herramientas JS Personalizadas para tu Proyecto
JSNation US 2025JSNation US 2025
122 min
Pragmática 101 sobre Herramientas JS Personalizadas para tu Proyecto
Workshop
Will Klein
Will Klein
Vamos a desmitificar los secretos de las herramientas modernas de JavaScript. En este masterclass, aprenderás cómo funcionan los linters, compiladores y transformaciones de código. Darás tus primeros pasos construyendo tus propias herramientas de desarrollo, escribiendo una regla de ESLint, un plugin de compilador y una transformación de código. Aprende estas habilidades para ayudar a tu equipo y profundizar tu comprensión de los lenguajes de computadora.Plan del Masterclass:Una vista previa de cómo se pueden usar los ASTsUn breve recorrido de cómo funcionan los compiladoresUna introducción a trabajar con un ASTEl secreto para hacer miles de cambios en segundosCómo aplicar esta habilidad