Video Summary and Transcription
Esta Charla proporciona una introducción al marco y las herramientas utilizadas en el desarrollo full-stack, con un enfoque en AWS Amplify. Muestra la capacidad de diseñar, codificar y probar rápidamente aplicaciones full-stack con autenticación y autorización utilizando Amplify. El proceso de implementación se simplifica con Amplify, lo que permite a los desarrolladores implementar fácilmente sus aplicaciones en AWS. En general, esta Charla destaca la conveniencia y eficiencia de utilizar Amplify para el desarrollo full-stack con los servicios de AWS.
1. Introducción al Framework
Voy a darte un pequeño adelanto del framework que estamos utilizando en este momento. Aquí tienes algunos ejemplos de los tipos de cursos que hemos creado en el pasado. Así que puedes establecer tu propio curso y hacerlo tuyo.
Voy a darte un pequeño adelanto del framework que estamos utilizando en este momento. Aquí tienes algunos ejemplos de los tipos de cursos que hemos creado en el pasado. Así que puedes establecer tu propio curso y hacerlo tuyo. Puedes permitir que las personas hagan lo que quieran hacer, y hay mucha diversión en ello.
Voy a presentar brevemente el framework y luego comenzaremos. Así que aquí es donde comenzará la primera parte de la charla. Comenzaremos con el tutorial y luego presentaré al desarrollador primero. Entonces, si eres nuevo en esto, por favor, por favor, por favor, da la bienvenida a la talentosa Heather del equipo de React. Heather es una artista muy inteligente y te mostrará cómo hacer una aplicación web. Así que, ella es una autora de inteligencia artificial muy inteligente. Así que, por favor, denle la bienvenida a Heather.
2. Introducción al Desarrollo Full Stack
Voy a darte muchas herramientas que seguirán haciéndote lucir increíble ante tus compañeros mientras te mantienes en lo que mejor sabes hacer, y luego teniendo las mejores herramientas para ayudarte a hacer un mejor trabajo como desarrollador de backend.
¡Hola, amigos! ¿Cómo están todos? Gracias. Entonces, una rápida muestra de manos, ¿cuántos de ustedes se consideran desarrolladores de frontend? Muy bien. Creo que en realidad es una pregunta muy tonta de hacer, porque estoy literalmente en una conferencia llamada React Advanced. Por cierto, mi nombre es Christian Nwamba, como ya dijeron, y soy un defensor de desarrolladores senior en AWS, enfocándome en AWS Amplify. Pero la razón por la que les hice esa pregunta es porque tenía una pregunta de seguimiento, y esa es, ¿cuántos de nosotros nos consideramos desarrolladores full stack? Muy bien. El problema con este término es que, para mí, creo firmemente que soy un desarrollador full stack, pero el problema es que termino teniendo esta imagen viviendo gratis en mi cabeza, y la razón de esto es, y la razón de esto es, que hemos pasado gran parte de nuestras experiencias como desarrolladores de frontend haciendo una cosa bien, que es crear interfaces de usuario increíbles para los clientes. Pero luego, tú también quieres hacer todas estas otras cosas en el lado que te ayudan a convertirte en un mejor desarrollador, entre comillas. Entonces, queremos ser considerados desarrolladores full stack, y al igual que dijo Obinna, difuminando la línea entre el backend y el frontend. Y por otro lado, es injusto descartar todos tus esfuerzos porque sientes que no eres lo suficientemente bueno como para ser considerado tanto un desarrollador de frontend como de backend. Y es por eso que hoy, en solo unos minutos, voy a darte muchas herramientas que seguirán haciéndote lucir increíble ante tus compañeros mientras te mantienes en lo que mejor sabes hacer, y luego teniendo
3. Construyendo aplicaciones Full-Stack con AWS Amplify
En solo una hora y 30 minutos, pudimos diseñar, codificar, dar forma y probar una aplicación Full-Stack con autenticación y autorización utilizando AWS Amplify. Tomamos un diseño de Figma y Amplify convirtió todos los componentes en componentes de React en cuestión de segundos. Configuramos una base de datos y vinculamos los datos a los componentes. La mejor parte es que aún tienes control sobre el código de React y puedes utilizar servicios como Amazon Cognito y S3 con solo cambiar un interruptor.
las mejores herramientas para ayudarte a hacer un mejor trabajo como desarrollador de backend. Y hablando de eso, hace unos días di una masterclass para React Advanced. Y en solo una hora, 30 minutos, literalmente solo una hora y 30 minutos, sé que algunos de ustedes están en la masterclass aquí, pudimos diseñar, codificar, dar forma y probar una aplicación Full-Stack con autenticación y autorización. Así que, y eso fue solo una hora y 30 minutos, y pudimos hacer todo esto de forma gratuita. Sí. Y todo esto fue posible gracias a esta increíble herramienta llamada AWS Amplify. Ahora, Amplify puede acompañarte en cualquiera de estas etapas. Puede estar justo antes de que comiences a trabajar en tu aplicación, en el medio o hacia el final, cuando solo quieres implementar cosas. Pero para la masterclass, comenzamos mucho antes, desde el principio. Tomamos un diseño. Ahora, esta es la parte que te va a sorprender, así que abróchate el cinturón. Tomamos un diseño de Figma, copiamos el enlace de ese diseño en Amplify. Y lo que Amplify hizo fue tomar todos los componentes de ese proyecto de Figma y convertirlos en componentes de React. Si alguna vez has hecho esto en tu vida, sabes que lleva mucho tiempo. Requiere mucho ajuste en Figma, ajuste de estilos, storybook para que quede bien. En solo literalmente de 5 a 10 segundos, cada componente en tu proyecto de Figma se convirtió en componentes de React. Y luego lo siguiente que pudimos hacer fue configurar una base de datos, modelar nuestra base de datos y luego vincular los datos de esa base de datos a esos componentes. Así que al final del día, todo lo que hicimos fue ejecutar un comando de Amplify pull, que extrajo todos esos componentes y el modelo de datos a un proyecto de React. Y luego lo único que tienes que hacer es renderizar un componente, y eso es todo. Y aunque esto es algo muy bueno, parece que estamos quitando el control a los desarrolladores. Queremos tener el control, ¿verdad? Y lo genial es que todo es flexible. No hay cajas negras. El código de React real está disponible para que lo renderices manualmente. Y no solo eso, también puedes utilizar cosas como Amazon Cognito para respaldar la autenticación. Así que básicamente, todo lo que tienes que hacer es ir a AWS Amplify y cambiar un interruptor, y luego tendrás la autenticación disponible en tu proyecto. No se requiere configuración. No se requiere configuración de Cognito. Y todos conocen el infame S3. Lo mismo. Solo cambia un interruptor, y tendrás el almacenamiento configurado para ti. Solo necesitas ejecutar un comando pull, y luego
4. Despliegue con Amplify
Y todas estas son, es fácil desplegar todo simplemente ejecutando un comando a AWS AppSync. Amplify es solo lo que te ayuda a agrupar todos estos servicios. Amplify es solo un panel de control que te ayuda a hacer todas estas cosas sin tener que ser tanto un desarrollador de front-end como lidiar al mismo tiempo con el estrés de ser un desarrollador de back-end. Muchas gracias por escuchar.
estás listo para comenzar. Y todas estas son, es fácil desplegar todo simplemente ejecutando un comando a AWS AppSync. En realidad, no Amplify. Amplify es solo lo que te ayuda a agrupar todos estos servicios. Pero al final del día, estás desplegando en AWS. Estás desplegando en AWS AppSync. Estás desplegando en DynamoDB. Estás desplegando en S3. Estás desplegando en Cognito. Así que Amplify es solo un panel de control que te ayuda a hacer todas estas cosas sin tener que ser tanto un desarrollador de front-end como lidiar al mismo tiempo con el estrés de ser un desarrollador de back-end. Y eso es todo. Muchas gracias por escuchar. Gracias, gracias, gracias.
Comments