DEV Community

Glaucia Lemos for Microsoft Azure

Posted on • Originally published at dev.to

Aplicación de Referencia Empresarial en JavaScript - Contoso Real Estate

¡Hola, desarrolladores(as)! ¿Cómo están? ¡Cuánto tiempo ha pasado, ¿verdad? Hoy me gustaría hablarles sobre un proyecto totalmente de código abierto que tiene como objetivo ayudar a toda la comunidad de desarrolladores de JavaScript a aplicar un proyecto E2E (de extremo a extremo) siguiendo los mejores estándares de desarrollo, buenas prácticas, pruebas e integración con los servicios en la nube de Azure: ¡la Aplicación de Referencia en JavaScript - Contoso Real Estate!

El proyecto fue lanzado durante el Microsoft Build 2023 y hoy me gustaría compartir un poco más sobre este proyecto y cómo pueden contribuir a él.

¡Aquí vamos!

¿Qué es la Aplicación de Referencia Empresarial en JavaScript - Contoso Real Estate?

La Aplicación de Referencia en JavaScript: Contoso Real Estate tiene como objetivo ser un proyecto con una arquitectura de referencia que contiene los componentes para crear front-ends modernos de nivel empresarial y aplicaciones nativas en la nube.

Aquí tienen un video teaser que uno de los colaboradores de este increíble proyecto, Wassim Chegham, hizo para mostrar un poco más sobre el proyecto:

El proyecto sigue las mejores prácticas de estándares de desarrollo, arquitectura y componentes funcionales para aquellos que deseen implementar una aplicación de extremo a extremo con JavaScript e integrada con los Servicios en la Nube de Azure. ¡Y lo mejor de todo, es completamente de código abierto! ¿Código abierto? ¿Cómo es eso?

¿Código abierto? ¡Sí, señores(as)!

¡Sí, señores! El proyecto es completamente de código abierto y ¡ustedes pueden contribuir a él!

GitHub logo Azure-Samples / contoso-real-estate

Enterprise-grade Reference Architecture for JavaScript

Enterprise-grade Reference Architecture for JavaScript

This repository contains the reference architecture and components for building enterprise-grade modern composable frontends (or micro-frontends) and cloud-native applications. It is a collection of best practices, architecture patterns, and functional components that can be used to build and deploy modern JavaScript applications to Azure.

Table of Contents

You can navigate through the documentation using the table of contents below:

Architecture Diagram

Application architecture diagram

Simplified Flow Diagram

flowchart TD
    %%
    subgraph Internet
    Portal[https://portal.contoso.com]
    Blog[https://blog.contoso.com]
    CMS[https://cms.contoso.com]
    Stripe[https://stripe.contoso.com]
    API[https://api.contoso.com]
    end
    subgraph Azure API Management
    APIM(API Gateway)
    end
    
    subgraph Azure Static Web Apps
    SWA_Angular([Angular])
    end 

    subgraph Azure Functions
    Functions([Node.js])
    end 

    subgraph Azure Container Apps
    ACA_Next([Next.js])
    ACA_Strapi([Strapi])
    ACA_Stripe([Stripe])
    end 

    subgraph Database/Storage
    DB_PostresSQL[(PostgreSQL

Además, hay numerosos good first issues para aquellos que deseen contribuir al proyecto.

El proyecto cuenta con 7 escenarios principales (5 ya completos y otros 2 por venir), que son:

Sin olvidar las Herramientas de Desarrollo como:

Pueden tener una idea de toda la arquitectura del proyecto en la siguiente imagen:

Image description

¡Un proyecto que ayudará a toda la comunidad de desarrolladores(as)!

La intención de desarrollar un proyecto de esta escala surgió a partir de numerosos comentarios que recibimos de ustedes, desarrolladores, que desean aprender a crear aplicaciones de extremo a extremo con las tecnologías más modernas del mercado. Por lo general, cuando encontramos ejemplos de proyectos de código abierto, son muy simples y no nos ayudan a comprender cómo desarrollar aplicaciones de extremo a extremo. Nuestro equipo de JavaScript, compuesto por: (en orden alfabético)

¡Esperamos que puedan aprender mucho con este proyecto y que también puedan contribuir con nosotros!

Image description

Recursos Importantes

A continuación se presentan algunos recursos importantes para que puedan aprender más sobre el proyecto:

Y, por supuesto, tenemos una Colección Oficial que les permite realizar un Laboratorio de Aprendizaje sobre las tecnologías utilizadas en el proyecto:

collection-image

Palabras Finales

Espero que el proyecto Contoso Real Estate les sea de gran ayuda y que puedan aprender mucho de él. Y, por supuesto, no dejen de contribuir al proyecto, ya que es de código abierto y pueden colaborar a través de Issues o Pull Requests.

Realizaremos una transmisión en vivo con el equipo de Reactor Brasil, donde explicaré en detalle el proyecto y realizaremos un laboratorio práctico juntos. Así que no olviden inscribirse en el siguiente enlace:

Próximamente anunciaremos la fecha y hora de la transmisión en vivo en el Canal do YouTube do Microsoft Reactor.

¡Ah! ¡Casi me olvido de mencionarlo aquí! ¡No olviden suscribirse a mi Canal do Youtube! Y aún durante el año 2023 vendrán muchas cosas geniales en el canal.

Algunas novedades:

  • 😃 Microsoft Learn Live Sessions
  • 😃 Tutoriales semanales sobre Node.js, TypeScript y JavaScript
  • 😃 ¡Y mucho más!

Si les gusta ese tipo de contenido, ¡no se olviden de suscribirse y activar la campanita para enterarse cuando haya nuevos videos! Esta semana ya tendremos una nueva y emocionante serie en el Canal de YouTube.

Screen-Shot-12-31-20-at-01-06-AM.png

¡Y para estar al tanto de muchas otras novedades, no dejen de seguirme en Twitter!

Screen-Shot-12-31-20-at-01-06-AM.png

¡Nos vemos! ❤️❤️

Top comments (0)