Despliega una aplicación de componentes web y configura un flujo de integración continua

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

    Únete a nosotros en un masterclass en el que desplegarás una aplicación Node.js simple construida con componentes web y configurarás un flujo de integración continua (CI). Aprenderás sobre el poder del Lightning Web Runtime (LWR) y las GitHub Actions.

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

    FAQ

    Para el proyecto se requieren las versiones 14 o 16 de Node, ya que son las versiones recientes que tienen soporte a largo plazo.

    Debes ejecutar el comando 'node -v' en tu terminal para verificar la versión de Node que estás utilizando.

    En el masterclass se utilizan GitHub Actions para configurar un flujo de trabajo de integración continua.

    Necesitas tener Node instalado (versión 14 o 16), una cuenta de GitHub, y la línea de comandos de Git.

    Puedes crear una aplicación usando Lightning Web Runtime ejecutando el comando 'npm init lwr' en tu terminal, lo cual descargará el paquete de inicialización y te guiará a través de un script interactivo.

    Lightning Web Components es un framework desarrollado por Salesforce que utiliza estándares de componentes web para facilitar la creación y despliegue rápido de aplicaciones web.

    Para configurar un flujo de trabajo de integración continua, se utilizan GitHub Actions para definir y ejecutar automáticamente una serie de tareas cada vez que se hace push al repositorio o se realiza una pull request.

    Puedes contribuir haciendo una fork del repositorio, creando una nueva rama, realizando tus cambios y luego enviando una pull request para que tus cambios sean revisados y potencialmente incorporados al repositorio principal.

    Philippe Ozil
    Philippe Ozil
    111 min
    12 Apr, 2022

    Comments

    Sign in or register to post your comment.
    Video Summary and Transcription
    Utilizaremos la versión 14 o 16 de Node y las GitHub Actions para la integración continua. Crearemos una aplicación Lightning Web Runtime y ensamblaremos componentes web en una aplicación de una sola página. Agregaremos herramientas de calidad de código y exploraremos archivos de configuración. Configuraremos pruebas, crearemos un repositorio Git y configuraremos flujos de trabajo de CI utilizando las GitHub Actions. Por último, exploraremos tareas adicionales como agregar insignias al archivo readme y crear ganchos pre-commit con Husky.
    Video transcription and chapters available for users with access.

    Watch more workshops on topic

    Despliegue de aplicaciones React Native en la nube
    React Summit 2023React Summit 2023
    88 min
    Despliegue de aplicaciones React Native en la nube
    WorkshopFree
    Cecelia Martinez
    Cecelia Martinez
    Desplegar aplicaciones React Native manualmente en una máquina local puede ser complejo. Las diferencias entre Android e iOS requieren que los desarrolladores utilicen herramientas y procesos específicos para cada plataforma, incluidos los requisitos de hardware para iOS. Los despliegues manuales también dificultan la gestión de las credenciales de firma, las configuraciones de entorno, el seguimiento de las versiones y la colaboración en equipo.
    Appflow es la plataforma de DevOps móvil en la nube creada por Ionic. Utilizar un servicio como Appflow para construir aplicaciones React Native no solo proporciona acceso a potentes recursos informáticos, sino que también simplifica el proceso de despliegue al proporcionar un entorno centralizado para gestionar y distribuir tu aplicación en múltiples plataformas. Esto puede ahorrar tiempo y recursos, permitir la colaboración, así como mejorar la confiabilidad y escalabilidad general de una aplicación.
    En este masterclass, desplegarás una aplicación React Native para su entrega en dispositivos de prueba Android e iOS utilizando Appflow. También aprenderás los pasos para publicar en Google Play y Apple App Stores. No se requiere experiencia previa en el despliegue de aplicaciones nativas, y obtendrás una comprensión más profunda del proceso de despliegue móvil y las mejores prácticas para utilizar una plataforma de DevOps móvil en la nube para enviar rápidamente a gran escala.
    Despliegue de Aplicación MERN Stack en Kubernetes
    DevOps.js Conf 2022DevOps.js Conf 2022
    152 min
    Despliegue de Aplicación MERN Stack en Kubernetes
    Workshop
    Joel Lord
    Joel Lord
    Desplegar y gestionar aplicaciones JavaScript en Kubernetes puede volverse complicado. Especialmente cuando una base de datos también debe formar parte del despliegue. MongoDB Atlas ha facilitado mucho la vida de los desarrolladores, sin embargo, ¿cómo se integra un producto SaaS con su clúster de Kubernetes existente? Aquí es donde entra en juego el Operador de MongoDB Atlas. En este masterclass, los asistentes aprenderán cómo crear una aplicación MERN (MongoDB, Express, React, Node.js) localmente y cómo desplegar todo en un clúster de Kubernetes con el Operador de Atlas.
    Azure Static Web Apps (SWA) con Azure DevOps
    DevOps.js Conf 2022DevOps.js Conf 2022
    13 min
    Azure Static Web Apps (SWA) con Azure DevOps
    WorkshopFree
    Juarez Barbosa Junior
    Juarez Barbosa Junior
    Las Azure Static Web Apps se lanzaron a principios de 2021 y, de forma predeterminada, pueden integrar su repositorio existente y implementar su aplicación web estática desde Azure DevOps. Este masterclass demuestra cómo publicar una Azure Static Web App con Azure DevOps.
    Cómo desarrollar, construir e implementar microservicios Node.js con Pulumi y Azure DevOps
    DevOps.js Conf 2022DevOps.js Conf 2022
    163 min
    Cómo desarrollar, construir e implementar microservicios Node.js con Pulumi y Azure DevOps
    Workshop
    Alex Korzhikov
    Andrew Reddikh
    2 authors
    El masterclass ofrece una perspectiva práctica de los principios clave necesarios para desarrollar, construir y mantener un conjunto de microservicios en el stack Node.js. Cubre los detalles específicos de la creación de servicios TypeScript aislados utilizando el enfoque de monorepo con lerna y yarn workspaces. El masterclass incluye una descripción general y un ejercicio en vivo para crear un entorno en la nube con el framework Pulumi y los servicios de Azure. Las sesiones están dirigidas a los mejores desarrolladores que deseen aprender y practicar técnicas de construcción e implementación utilizando el stack Azure y Pulumi para Node.js.

    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

    Elevando Monorepos con los Espacios de Trabajo de npm
    DevOps.js Conf 2022DevOps.js Conf 2022
    33 min
    Elevando Monorepos con los Espacios de Trabajo de npm
    Top Content
    NPM workspaces help manage multiple nested packages within a single top-level package, improving since the release of NPM CLI 7.0. You can easily add dependencies to workspaces and handle duplications. Running scripts and orchestration in a monorepo is made easier with NPM workspaces. The npm pkg command is useful for setting and retrieving keys and values from package.json files. NPM workspaces offer benefits compared to Lerna and future plans include better workspace linking and adding missing features.
    Automatizando Todo el Código y las Pruebas con GitHub Actions
    React Advanced 2021React Advanced 2021
    19 min
    Automatizando Todo el Código y las Pruebas con GitHub Actions
    Top Content
    We will learn how to automate code and testing with GitHub Actions, including linting, formatting, testing, and deployments. Automating deployments with scripts and Git hooks can help avoid mistakes. Popular CI-CD frameworks like Jenkins offer powerful orchestration but can be challenging to work with. GitHub Actions are flexible and approachable, allowing for environment setup, testing, deployment, and custom actions. A custom AppleTools Eyes GitHub action simplifies visual testing. Other examples include automating content reminders for sharing old content and tutorials.
    Ajustando DevOps para las Personas sobre la Perfección
    DevOps.js Conf 2022DevOps.js Conf 2022
    33 min
    Ajustando DevOps para las Personas sobre la Perfección
    Top Content
    DevOps is a journey that varies for each company, and remote work makes transformation challenging. Pull requests can be frustrating and slow, but success stories like Mateo Colia's company show the benefits of deploying every day. Challenges with tools and vulnerabilities require careful consideration and prioritization. Investing in documentation and people is important for efficient workflows and team growth. Trust is more important than excessive control when deploying to production.
    ¿Por qué es tan lento el CI?
    DevOps.js Conf 2022DevOps.js Conf 2022
    27 min
    ¿Por qué es tan lento el CI?
    Slow CI has a negative impact on productivity and finances. Debugging CI workflows and tool slowness is even worse. Dependencies impact CI and waiting for NPM or YARN is frustrating. The ideal CI job involves native programs for static jobs and lightweight environments for dynamic jobs. Improving formatter performance and linting is a priority. Performance optimization and fast tools are essential for CI and developers using slower hardware.
    Poner fin al dolor: Repensando CI para Monorepos Grandes
    DevOps.js Conf 2024DevOps.js Conf 2024
    25 min
    Poner fin al dolor: Repensando CI para Monorepos Grandes
    Today's Talk discusses rethinking CI in monorepos, with a focus on leveraging the implicit graph of project dependencies to optimize build times and manage complexity. The use of NX Replay and NX Agents is highlighted as a way to enhance CI efficiency by caching previous computations and distributing tasks across multiple machines. Fine-grained distribution and flakiness detection are discussed as methods to improve distribution efficiency and ensure a clean setup. Enabling distribution with NX Agents simplifies the setup process, and NX Cloud offers dynamic scaling and cost reduction. Overall, the Talk explores strategies to improve the scalability and efficiency of CI pipelines in monorepos.
    La filosofía de Yarn
    DevOps.js Conf 2022DevOps.js Conf 2022
    31 min
    La filosofía de Yarn
    Let's talk about React and TypeScript, Yarn's philosophy and long-term relevance, stability and error handling in Yarn, Yarn's behavior and open source sustainability, investing in maintenance and future contributors, contributing to the JavaScript ecosystem, open-source contribution experience, maintaining naming consistency in large projects, version consistency and strictness in Yarn, and Yarn 4 experiments for performance improvement.