JSNation 2022

Comienza con AG Grid Angular Data Grid con un tutorial práctico del equipo principal que te guiará a través de los pasos para crear tu primera cuadrícula, incluyendo cómo configurar la cuadrícula con propiedades simples y componentes personalizados. La edición de la comunidad de AG Grid es completamente gratuita para usar en aplicaciones comerciales, por lo que aprenderás una herramienta poderosa que puedes agregar de inmediato a tus proyectos. También descubrirás cómo cargar datos en la cuadrícula y diferentes formas de agregar representación personalizada a la cuadrícula. Al final del masterclass, habrás creado y personalizado una cuadrícula de datos AG Grid Angular.
Contenido:- comenzando e instalando AG Grid- configurando ordenamiento, filtrado, paginación- cargando datos en la cuadrícula- la API de la cuadrícula- agregar tus propios componentes a la cuadrícula para representación y edición- capacidades de la edición de la comunidad gratuita de AG Grid

¡Nos encantan las aplicaciones web fáciles de crear y desplegar! Entonces, veamos qué puede hacer una pila tecnológica muy actual como Nuxt 3, Motion UI y Azure Static Web Apps. Podría ser perfectamente un trío de oro en el desarrollo web moderno. O podría ser una hoguera de errores y problemas. De cualquier manera, será una aventura de aprendizaje para todos nosotros. Nuxt 3 se lanzó hace apenas unos meses y no podemos esperar más para explorar sus nuevas características, como su compatibilidad con Vue 3 y el Motor Nitro. Agregamos un poco de estilo a nuestra aplicación con la biblioteca Sass Motion UI, porque el diseño estático está pasado de moda y las animaciones vuelven a estar de moda.Nuestra fuerza impulsora de la pila será Azure. Las aplicaciones web estáticas de Azure son nuevas, casi listas para producción y una forma ingeniosa y rápida para que los desarrolladores desplieguen sus sitios web. Así que, por supuesto, debemos probar esto.Con algunas Azure Functions esparcidas por encima, exploraremos lo que puede hacer el desarrollo web en 2022.

Las API/Backends son difíciles y necesitamos websockets. Utilizarás VS Code como tu editor, Parcel.js, Chakra-ui, React, React Icons y Appwrite. Al final de este masterclass, tendrás los conocimientos para construir una aplicación en tiempo real utilizando Appwrite y sin necesidad de desarrollar una API. ¡Sigue los pasos y tendrás una increíble aplicación de chat para presumir!

Descubre los Micro Frontends con Module Federation. Aprende sobre los beneficios y desafíos para que puedas decidir si los Micro Frontends son adecuados para tu organización.

¿Cuántas veces has dicho o escuchado 'esta es lógica de negocio, no debería estar aquí'?En este masterclass, crearemos una aplicación frontend moderna utilizando patrones antiguos y aprenderás cómo construir aplicaciones que tengan una interfaz de usuario y servicios desacoplados.Comenzaremos con una aplicación React que tiene toda su lógica en la interfaz de usuario. Luego, paso a paso, extraeremos las reglas y operaciones para alcanzar ese punto óptimo de independencia.

Aprende las formas de la suite de herramientas clinic, que te ayudan a detectar problemas de rendimiento en tus aplicaciones Node.js. Este masterclass te guiará a través de varios ejemplos y te proporcionará los conocimientos necesarios para hacer pruebas de rendimiento y solucionar problemas de E/S y del bucle de eventos.

Aprende cómo construir aplicaciones full stack con Deno y Deno Deploy. Construiremos una aplicación simple utilizando el framework fresh (fresh.deno.dev), y la alojaremos en Deno Deploy.

npm y seguridad, ¿cuánto sabes sobre tus dependencias?Hack-along, hacking en vivo de una aplicación Node vulnerable https://github.com/snyk-labs/nodejs-goof, Vulnerabilidades tanto de código abierto como de código escrito. Se anima a descargar la aplicación y hackear junto con nosotros.Corrigiendo los problemas y una introducción a Snyk con una demostración.Preguntas abiertas.

Los contenedores de software se están convirtiendo rápidamente en una herramienta esencial en el arsenal de cada desarrollador. Facilitan compartir, ejecutar y escalar código. En esta masterclass aprenderás cómo utilizar Docker para escribir software mejor y más compartible. En este taller, el Sr. Developer Advocate de Docker, Shy Ruparel, te guiará en tus primeros pasos con Docker. Cubrirá la configuración de Docker, la ejecución de tu primer contenedor, la creación de una aplicación web básica con Python y Docker, y cómo subir la imagen de Docker a DockerHub. Compartirá por qué querrías usar contenedores en primer lugar y cómo permiten a los desarrolladores escribir software mejor y más compartible.

¿Quieres familiarizarte con el marco de trabajo que ocupó el primer lugar como el marco de trabajo más querido en la encuesta de desarrolladores de Stack Overflow en 2021?Svelte es un marco de trabajo súper versátil sin virtual DOM, a diferencia de React y Vue. Es un compilador que convierte tus proyectos en HTML, CSS y JavaScript puro.Este masterclass cubrirá los conceptos básicos de la configuración con SvelteKit y la consulta de datos desde una API de GraphQL, utilizando esos datos en SvelteKit para obtener datos para su uso en el cliente (navegador).Aprendizajes clave:Cómo utilizar SvelteKit para construir un proyecto simple, obtener datos desde una API de GraphQL y mostrarlos en el cliente. Se cubrirán muchos de los conceptos fundamentales de Svelte y SvelteKit en este masterclass.

El masterclass está diseñado para ayudar a los desarrolladores Web2 a comenzar a construir para Web3 utilizando el Hyperverse. El Hyperverse es un mercado abierto de módulos inteligentes construidos por la comunidad, auditados y fáciles de descubrir. Nuestro objetivo es facilitar a los desarrolladores de JavaScript la construcción de aplicaciones Web3 sin escribir una sola línea de código de contrato inteligente. Piensa en 'npm para contratos inteligentes'.Aprende más sobre el Hyperverse aquí.Repasaremos todos los conceptos básicos de blockchain/crypto que necesitas saber para comenzar a construir en el Hyperverse, por lo que no necesitas tener ningún conocimiento previo sobre el espacio Web3. Solo necesitas tener experiencia en JavaScript.

Este masterclass se centrará en automatizar el análisis de composición de software, las pruebas de seguridad de aplicaciones estáticas y las pruebas de seguridad de aplicaciones dinámicas utilizando GitHub Actions. Después de una breve introducción que cubre los diferentes tipos de seguridad de aplicaciones y la importancia de encontrar vulnerabilidades de seguridad antes de que lleguen a producción, nos sumergiremos en una sesión práctica donde los usuarios agregarán tres herramientas de pruebas de seguridad diferentes a sus pipelines de construcción.

En Vue moderno tenemos muchas opciones de cómo crear y compartir estado entre múltiples componentes. En este masterclass escribiremos una aplicación utilizando todos los enfoques: Vuex, hooks de la API de composición y Pinia.