JSNation Live 2021

¿Alguna vez trabajaste en una aplicación monolítica de Next.js? Yo sí, y escalar una gran aplicación de React para que muchos equipos puedan trabajar simultáneamente no es fácil. Con micro frontends, puedes dividir un monolito de frontend en piezas más pequeñas para que cada equipo pueda construir y desplegar de manera independiente. En este masterclass, aprenderás cómo construir grandes aplicaciones de React que escalen utilizando micro frontends.

Deno 1.9 introdujo una nueva API de servidor web que aprovecha Hyper, una implementación rápida y correcta de HTTP para Rust. El uso de esta API en lugar de la implementación std/http aumenta el rendimiento y proporciona soporte para HTTP2. En este masterclass, aprende cómo crear un servidor web utilizando Hyper en el fondo y mejorar el rendimiento de tus aplicaciones web.

Cada vez más empresas eligen Microfrontends. Sin embargo, no son fáciles de implementar. Afortunadamente, Module Federation introducido con webpack 5 ha iniciado un cambio crucial de dirección.
En este masterclass interactivo, aprenderás de Manfred Steyer, Angular GDE y Colaborador de Confianza en el equipo de Angular, cómo planificar e implementar arquitecturas de Microfrontend con Angular y el nuevo Module Federation de webpack. Hablaremos sobre compartir bibliotecas y conceptos avanzados como manejar desajustes de versión, Module Federation dinámico e integración en monorepos.
Después de los ejercicios individuales, tendrás un estudio de caso que podrás utilizar como plantilla para tus proyectos. Este masterclass te ayuda a evaluar las opciones individuales para tus proyectos.
Prerrequisitos:Debes tener algo de experiencia con Angular.

¿Has querido explorar la IA, pero no has querido aprender Python para hacerlo? ¡Tensorflow.js te permite usar IA y aprendizaje profundo en javascript, sin necesidad de Python!
Veremos las diferentes tareas que la IA puede ayudar a resolver y cómo usar Tensorflow.js para resolverlas. No necesitas saber nada de IA para empezar, comenzaremos desde lo básico, pero aún así podremos ver algunas demos interesantes, porque Tensorflow.js tiene muchas funcionalidades y modelos preconstruidos que puedes usar en el servidor o en el navegador.
Después de este masterclass, deberías ser capaz de configurar y ejecutar modelos preconstruidos de Tensorflow.js, o comenzar a escribir y entrenar tus propios modelos con tus propios datos.

La mayoría de las empresas tienen que construir software personalizado e interfaces a medida para sus datos con el fin de impulsar procesos internos como extensiones de prueba de usuario, reembolsos, gestión de inventario, administración de usuarios, etc. Estas aplicaciones tienen requisitos únicos y a menudo, resolver el problema rápidamente es más importante que la apariencia. Retool facilita a los desarrolladores de JavaScript construir rápidamente aplicaciones similares a React para herramientas internas utilizando interfaces de API y base de datos preconstruidas, así como componentes de interfaz de usuario reutilizables. En este masterclass, repasaremos cómo algunas de las empresas de más rápido crecimiento están haciendo herramientas internas y construiremos algunas aplicaciones simples para explicar cómo Retool funciona a partir de tus conocimientos existentes de JavaScript y ReactJS para permitir la construcción rápida de herramientas.
Prerrequisitos:Una cuenta de prueba gratuita en Retool.comAlgunos conocimientos básicos de JavaScript y bases de datos SQL/NoSQL
Enlace útil de Retool: https://docs.retool.com/docs

El masterclass amplía el conocimiento del lenguaje de programación JavaScript, revisa los patrones generales de diseño de software. Se centra en los estándares y tecnologías de los Componentes Web, como Lit-HTML y Lit-Element. También practicamos la escritura de Componentes Web tanto con JavaScript nativo como con Lit-Element. Al final, revisamos las herramientas clave para desarrollar una aplicación: open-wc.

En este masterclass, a través de proyectos prácticos, aprenderemos cómo utilizar Observable, una plataforma de codificación reactiva basada en el navegador, para construir rápidamente visualizaciones interactivas e informativas en JavaScript. Después de completar este masterclass, tendrás las herramientas y técnicas básicas que necesitas para comenzar a utilizar la visualización de datos para comprender mejor tu código, tus proyectos y tus usuarios, y tomar mejores decisiones basadas en datos como desarrollador.

InfluxDB es una base de datos de series temporales de código abierto que permite a los desarrolladores construir software para IoT, análisis y monitoreo. Está diseñada específicamente para manejar los volúmenes masivos y las innumerables fuentes de datos con marca de tiempo producidos por sensores, aplicaciones e infraestructura.
Este masterclass muestra una aplicación de muestra completamente funcional llamada IoT Center que está construida sobre InfluxDB. Esta aplicación demuestra las capacidades de la plataforma InfluxDB para desarrollar una aplicación basada en series de tiempo habilitada para JavaScript. Recopila, almacena y muestra un conjunto de valores que incluyen temperatura, humedad, presión, concentración de CO2, calidad del aire, así como proporciona coordenadas GPS de un conjunto de dispositivos IoT. Con estos datos almacenados en InfluxDB, la aplicación puede consultar estos datos para mostrarlos y también escribir datos de nuevo en la base de datos.
Este masterclass práctico mostrará a los estudiantes cómo instalar este código de código abierto para aprender a consultar y escribir en InfluxDB utilizando el cliente JavaScript de InfluxDB, y familiarizarse con el lenguaje de consulta Flux que está diseñado para consultar, analizar y actuar sobre datos de series de tiempo. Y finalmente, recopilar y visualizar datos de rendimiento de la aplicación Node.js.

Incluso si eres un experto en expresiones regulares, no siempre es fácil saber cómo aplicarlas en JavaScript. ¿Cuál es la diferencia entre RegExp.prototype.exec y String.prototype.match? ¿Qué pasa si quiero reemplazar toda la puntuación seguida de múltiples espacios con la misma puntuación seguida de un solo espacio? Este masterclass explorará los diversos métodos y te proporcionará código de muestra, una hoja de trucos y la confianza para elegir el método adecuado para el trabajo.
Prerrequisitos:Node 12+Métodos de Array: map y filterConocimiento de la sintaxis de las expresiones regulares es útil pero no requerido
Nivel del masterclass:Desarrolladores de JS que evitan las expresiones regulares porque ¿quién tiene tiempo para descubrir qué método usar? Nivel: principiante / intermedio.

Un masterclass tanto para principiantes en UI como en Angular. Vamos a descargar la aplicación Tour of Heroes (escrita por John Papa y encontrada en la documentación de Angular) y darle una mejora en la interfaz de usuario. Todo lo que necesitarás es una computadora portátil y tu conjunto de datos favorito (el mío, por supuesto, serán ponis).

d3.js es una poderosa biblioteca de JavaScript para construir visualizaciones de datos, pero cualquiera que haya intentado usarla rápidamente se da cuenta de que va más allá de elegir su tipo de gráfico favorito. Este masterclass está diseñado para brindarte una introducción práctica a los conceptos y técnicas esenciales para crear visualizaciones personalizadas de datos con d3.js. Al final de este masterclass, habrás creado una visualización interactiva y animada en un conjunto de datos realista que puedes cambiar fácilmente por el tuyo propio.

Buddy es una herramienta de CI/CD que reduce el umbral de entrada a DevOps simplificando la configuración del pipeline al mínimo, permitiendo a los equipos adoptar CI/CD sin ingenieros dedicados. Durante la masterclass, te mostraremos cómo crear un pipeline de JavaScript completamente funcional y adaptarlo al flujo de trabajo en tu empresa en cuestión de minutos. Pondremos especial énfasis en las características que ayudan a asegurar la calidad del código, compartiremos algunos trucos que aceleran la implementación (condiciones de activación, caché, Docker, implementaciones de cambios, paralelización) y te mostraremos cómo previsualizar sitios web implementados sin infraestructura de servidor utilizando Sandboxes, una característica única de Buddy.
Prerrequisitos:Código, Git instaladoCuenta de GitHub

El comercio digital ha cambiado y hay una creciente demanda de soluciones más rápidas y eficientes. En esta masterclass, aprenderás sobre la evolución del comercio electrónico y cómo JAMstack y el comercio sin cabeza mejoran las experiencias de compra en la web. Exploraremos los conceptos básicos del comercio sin cabeza construyendo una página de productos mínima de comercio electrónico JAMstack con contenido estático, HTML5, CSS y Javascript. Finalmente, integraremos Commerce Layer para capacidades de comercio sin cabeza y desplegaremos nuestra aplicación en Netlify.