Frontend es para todos (Español LATAM) | Frontend is for Everyone (Spanish from Latin America)

Información general sobre el laboratorio

Como profesional tecnológico con experiencia en scripting y una nueva idea, crear un frontend para una prueba de concepto o un producto atractivo mínimo puede parecer inalcanzable. En esta situación, su equipo depende de usted para aprovisionar instancias de Linux con el fin de utilizarlas. Ya ha mejorado este proceso mediante la escritura de una función de AWS Lambda que lanza instancias de Elastic Compute Cloud (EC2) con el etiquetado adecuado. ¿Qué ocurriría si hubiera una herramienta de autoservicio basada en la web que no requiriera iniciar sesión en la consola de AWS? En este laboratorio, creará una aplicación sin servidor de una página y de pila completa con autenticación que permita a los usuarios lanzar y terminar instancias de EC2.

Aprenderá sobre las funciones de la biblioteca React para crear interfaces de usuarios. Luego, utilizará AWS Amplify para agregar servicios de AWS e integrarlos a su frontend. Esto incluye agregar la autenticación mediante Amazon Cognito y crear una API de REST segura con tecnología de Amazon API Gateway. Extenderá más el backend con una función sin servidor por medio de AWS Lambda que interactúa con el servicio Amazon EC2.

Por último, utilizará AWS Amplify para agregar hosting a su aplicación, lo que permitirá su entrega a los usuarios finales en la red de entrega de contenido de AWS con Amazon CloudFront. Todo el desarrollo de aplicaciones se realizará dentro del IDE de AWS Cloud9.

Objetivos

Al final de este laboratorio, podrá realizar lo siguiente:

• crear y alojar una aplicación web de pila completa en AWS
• implementar los conceptos de React, como estados, efectos y propiedades
• crear recursos de autenticación, API, funciones y hosting en AWS por medio de AWS Amplify
• integrar el frontend a los servicios de backend

Duración

El tiempo estimado para completar este laboratorio es de 60 minutos.

Significados de los íconos

A lo largo de este laboratorio, se utilizan varios íconos para llamar la atención sobre diferentes tipos de instrucciones y notas. En la siguiente lista, se explica el propósito de cada ícono:

• Comando: un comando que debe ejecutar.
• Resultado esperado: un resultado de ejemplo que puede utilizar para verificar el resultado de un comando o archivo editado.
• Nota: una pista, consejo u orientación importante.
• Precaución: información de especial interés o importancia (no es tan importante como para causar problemas con el equipo o los datos si la omite, pero podría generar la necesidad de repetir ciertos pasos).
• Recomendación: Tómese un momento para hacer una pausa y considerar cómo aplicaría un concepto en su propio entorno o para iniciar una conversación sobre el tema en cuestión.
• Evaluación de conocimientos: una oportunidad para verificar lo que sabe y poner a prueba lo que ha aprendido.
• Actualización: un momento en el que podría tener que actualizar una lista o página del navegador web para que se muestre información nueva.
• Tarea completa: un punto de conclusión o resumen del laboratorio.