Name: JSNation Live 2020
Start: 2020-06-16T22:00:00.000Z
End: 2020-06-17T22:00:00.000Z

Existen otras formas de transmitir video en vivo desde un navegador a un punto final RTMP, pero ¿qué pasa si queremos interactuar con ese flujo primero? Y no solo interactuar escribiendo filtros oscuros de ffmpeg, sino simplemente con buen HTML y CSS. ¡Hagámoslo! Hablaremos sobre cómo permitir que tus transmisores vayan en vivo directamente desde su navegador utilizando Chrome sin cabeza y ffmpeg.<a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Transmitiendo en vivo desde un navegador...con otro navegador

This Talk discusses live chat and live broadcast using WebRTC and RTMP. It explores running WebRTC on a server via Chrome and alternative approaches like using GetUserMedia and the Chrome.tabCapture API. The use of a whole Chrome instance for WebRTC and RTMP broadcast is also discussed, highlighting the pros and cons of this approach. The Talk recommends checking out Nick's talk from All Things RTC for more information.

There are other ways to proxy live video from a browser to an RTMP endpoint, but what if we wanted to interact with that stream first? And not just interact writing obtuse ffmpeg filters, but just some good ol' HTML and CSS? Let's do that! We'll talk about how you can allow your streamers to go live directly from their browser using headless Chrome and ffmpeg. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Going Live from a Browser...with Another Browser

Matt McClure

¿Microfrontends como monolito? ¿Biblioteca de componentes compartidos o guía de estilos? Esta técnica permite consumir módulos de compilaciones separadas, que pueden ser desarrolladas e implementadas de forma independiente. Una introducción y más ideas. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Federación de módulos en Webpack 5

This Talk discusses module federation in Webpack 5 as a scalable solution for shared dependencies in large applications. Module federation allows separate builds for different parts of an application, reducing build time and deploy delay. It features exposed and shared modules, asynchronous loading, and container creation. Module federation supports container orchestration techniques and aims to integrate with ECMAScript modules. However, optimization and sharing in module federation may impact code size, and careful evaluation is necessary. Updating containers can be managed through active testing for stability.

Microfrontends as Monolith? Shared component library or styleguide? This technique allows to consume modules from separate builds, which can be developed and deployed independently. An introduction, and further ideas. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Module Federation in Webpack 5

Tobias Koppers

JavaScript moderno es poderoso, pero los grandes frameworks como Vue o React añaden una cantidad abrumadora de complejidad al flujo de trabajo de los desarrolladores. Por eso escribí AlpineJS. Tiene menos de 10kb, no requiere un proceso de compilación, se aprende en poco tiempo y te brinda la plantilla declarativa y la reactividad que no puedes vivir sin ellas. No puedo esperar para mostrártelo. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Di no a la complejidad con AlpineJS

Alpine.js is a lightweight framework for creating JavaScript behavior directly in markup. It has 13 directives and 6 magic properties, making it like Tailwind for JavaScript. The upcoming version of Alpine will focus on performance and optimization. It sits between jQuery and Vue, offering reactivity without compilation. Alpine.js is robust and resilient for DOM manipulation, and works well with Laravel for localization and internationalization.

Modern JavaScript is powerful, but big frameworks like Vue or React add an overwhelming amount of complexity to a developers' workflow. That’s why I wrote AlpineJS. It’s less than 10kb, requires no build process, takes almost no time to learn, yet gives you the declarative templating and reactivity you can’t live without. I can’t wait to show it to you. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Say No To Complexity With AlpineJS

Caleb Porzio

¿Por qué '👩🏿‍🎤'.length = 7? ¿Es JavaScript UTF-8 o UTF-16? ¿Qué sucede bajo el capó cuando estableces ? ¿Alguna vez te has preguntado cómo se codifican los emojis y los lenguajes de escritura complejos para funcionar correctamente en navegadores y dispositivos, para miles de millones de personas en todo el mundo? ¿O cómo se introducen y aprueban nuevos emojis? ¿Alguna vez has visto uno de estos: □ � caracteres de glifo 'especiales' antes y quieres más información sobre por qué podrían aparecer y cómo evitarlos en el futuro? ¡Hablemos sobre la codificación Unicode en JavaScript y en la World Wide Web! Repasaremos las mejores prácticas, los problemas comunes y proporcionaremos recursos para aprender más, ¡incluso dónde ir si quieres enviar una nueva propuesta de emoji! :) <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Codificación de emojis, Unicode e internacionalización

This Talk explores the UTF-8 encoding and its relationship with emojis. It discusses the history of encoding, the birth of Unicode, and the importance of considering global usage when building software products. The Talk also covers JavaScript's encoding issues with Unicode and the use of the string.prototype.normalize method. It highlights the addition of emoji support in Unicode, the variation and proposal process for emojis, and the importance of transparency in emoji encoding. The Talk concludes with the significance of diverse emojis, the recommendation of UTF-8 for web development, and the need to understand encoding and decoding in app architecture.

Why does '👩🏿‍🎤'.length = 7? Is JavaScript UTF-8 or UTF-16? What happens under the hood when you set ? Have you ever wondered how emoji and complex scripting languages are encoded to work correctly across browsers and devices - for billions of people around the world? Or how new emoji are introduced and approved? Have you ever seen one of these: □ � “special” glyph characters before and want more information on why they might appear and how to avoid them in the future? Let’s talk about Unicode encoding in JavaScript and across the world wide web! We’ll go over best practices, common pitfalls, and provide resources to learn more - even where to go if you want to submit a new emoji proposal! :) <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Emoji Encoding, � Unicode, & Internationalization

Naomi Meyer

Esta charla tratará sobre react-three-fiber. Vamos a crear un mini juego juntos. Veremos cómo incluso los principiantes pueden superar todo el código boilerplate y las matemáticas sin volverse locos, y luego traducirlo a cualquier cosa, ya sea un juego o un sitio web con efectos visuales interesantes.<a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Creando juegos en React

This Talk provides an introduction to game development in React using React 3.0 Fiber and three.js. It covers topics such as creating 3D objects, understanding meshes and lighting, adding interactivity and physics, controlling objects with mouse input, and creating enemies. The speaker emphasizes the ease and power of React 3.0 Fiber for game development and encourages experimentation and learning through examples and resources.

This talk is going to be about react-three-fiber. We'll make a mini game together. We'll see how even beginners can make it through all the heavy boilerplate and math without losing their minds, and then translate it to anything, be it a game or a website with some interesting visuals and effects. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Making Games in React

Paul Henschel

En mi viaje por el mundo de Node, siempre me pregunto cuánto cuestan mis abstracciones. Comencé un viaje para escribir un framework HTTP con una sobrecarga extremadamente baja, y nació Fastify. Con su capacidad para alcanzar asombrosas 90k solicitudes/segundo, Fastify puede reducir a la mitad tu factura de servidor en la nube. En esta charla, te guiaré a través de los conceptos básicos del framework: cómo enrutamiento de solicitudes, escribir pruebas y usar el sistema de plugins. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

1, 2, 3... ¡Fastify!

Fastify is a web framework that started in 2016 and is easy to use. It supports logging, splitting the app into separate files, and auto-loading routes. Fastify also provides authentication and user login functionality. It differs from other frameworks by fully supporting Async Await and the latest JavaScript features. Matteo Collina, the speaker, prefers Vim and T-Max as his IDE and enjoys Italian pizza as his comfort food.

In my journey through nodeland, I always wonder about the cost of my abstractions. I started a journey to write an HTTP framework with extremely low overhead, and Fastify was born. With its ability to reach an astonishing 90k requests/sec, Fastify can halve your cloud server bill. In this talk, I will walk you through the basics of the framework: how to route requests, write tests, and use the plugin system. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

1, 2, 3... Fastify!

Matteo Collina

Has construido una aplicación y quieres que escale. ¿Quieres CI/CD, dominios personalizados, certificados SSL, APIs, escala global de tus activos estáticos, autenticación y autorización? Aprendamos cómo construir una aplicación web estática en Azure y pasar de un repositorio de GitHub a escala global en minutos. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

¡De código a escala! Construye una aplicación web estática en minutos

The Talk discusses the development of web applications and the challenges involved, such as code management, CI/CD, routing, security, and scalability. It explores the use of Azure Static Web Apps for building and deploying static web apps with features like authorization, authentication, and serverless technology. The process of creating a static web app on Azure Portal is demonstrated, along with resource creation, deployment, and custom domain setup. The Talk also covers API deployment, authentication, authorization, and role-based access control. Azure Static Web Apps is highlighted as a globally distributed solution for building web apps.

You've built an app and you want it to scale. Do you want CI/CD, custom domains, SSL certificates, APIs, global scale of your static assets, authentication, and authorization? Let's learn how to build a static web app on Azure and go from GitHub repo to global scale in minutes. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

From Code to Scale! Build a Static Web App in Minutes

John Papa

En esta charla, repasaré la evolución de las herramientas de JavaScript y las herramientas de construcción front-end, el propio JavaScript y su futuro. También hablaré sobre Babel y otras herramientas de construcción, lo que podrían ser en el futuro. Además, hablaré sobre JavaScript en sí como lenguaje, su presente y su futuro. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Herramientas de JavaScript: La Evolución y Futuro de las Herramientas de JS y Construcción Front-end

Today's Talk covers the evolution and future of Javascript tooling, including dependency management, transpiling, bundling, minifying, and module management. Webpack has grown in popularity and offers features like hot module replacement and code splitting. Other build tools like Rollup, Parcel, Snowpack, and ESBuild are also discussed. The Talk explores browser import and bundling-free approaches, and emphasizes the dynamic nature of the JavaScript ecosystem with evolving tools and project-specific trade-offs.

In this talk, I'd go through the Evolution of JavaScript Tooling and frontend build tools, Javascript itself and the future of them all. Also, Babel and other build tools, what they might most likely be in the future. Also, I'd talk about javascript itself as a language, it's present and it's future. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Javascript Tooling - The Evolution and Future of JS & Front-end Build Tools

Shedrack Akintayo

TypeScript se está convirtiendo en una de las formas dominantes en las que la gente escribe JavaScript. El objetivo de TypeScript es complementar y no reemplazar a JavaScript, por lo que ¿cómo asegura el equipo que el futuro de JS siempre sea JS? <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

¿Cómo intenta el equipo de TypeScript evitar efectos negativos en el ecosistema de JS?

TypeScript's influence in the JavaScript ecosystem and its alignment with JavaScript's goals and principles. TypeScript's impact on the industry and its popularity among JavaScript programmers. The goal of TypeScript to innovate in types without introducing new concepts to JavaScript. The challenges of running TypeScript on other people's code and making it a native browser language. TypeScript's compatibility with JavaScript and its aim to be a thin layer on top of JavaScript. The efforts to improve support for JS and JS docs and the pain points of transitioning to TypeScript. The accessibility work in TypeScript and the absence of real competitors in the market.

TypeScript is becoming one of the dominant ways in which people write JavaScript. The goal of TypeScript is to augment and not replace JavaScript – so how does the team ensure that the future of JS is always JS. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

How Does the TypeScript Team Try to Avoid Negative Effects on the JS Ecosystem

Orta Therox

DeliveryHero es una gran empresa internacional. Y como en toda gran empresa, la introducción de una nueva mejora técnica es un tema candente. Conozca los desafíos que nuestro equipo enfrentó al hacer que nuestra plataforma sea probada de extremo a extremo, cómo mejoraron nuestros mecanismos de informes con el tiempo y las soluciones que desarrollamos para probar diferentes variaciones de una función. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Adaptación de las Pruebas E2E para un Gran Proyecto

This Talk introduces the adaptation of end-to-end testing for a project, highlighting its benefits in improving resilience and calmness during deployment. The speaker mentions the team's size, daily pull requests, and the size of their codebase. They also discuss the use of cookies to test different versions of a feature on a page and their plan to improve by adding E2E tests to a CICD pipeline and consolidating tests in their monorepo.

DeliveryHero is a huge international company. And like in every big company, the introduction of a new technical improvement is a hot topic. Get to know the challenges our team faced while making our platform E2E tested, how our reporting mechanisms improved over time and solutions we developed to test different variations of a feature. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Adaptation of the E2E Tests for a Big Project

Vadym Kukhtin

Devesh Jadon

Muchos marcos de trabajo web modernos utilizan componentes como sus bloques de construcción. En esta charla, mostraré las pruebas de componentes utilizando Cypress, y cuando digo "mostrar", lo digo literalmente. Verás el componente ejecutándose dentro de un navegador real, interactuarás con el componente como un usuario real y podrás depurar el componente utilizando las herramientas de desarrollo del navegador real. Por último, repasaré las opciones actuales de código abierto y comerciales para probar visualmente los estilos y la representación del componente. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Veo lo que está sucediendo: Pruebas visuales para tus componentes

Gleb Akhmetov explains how to visually test React components, emphasizing the importance of addressing climate change and collaboration. He discusses component testing, styling, and the challenges of CSS changes. Gleb highlights the use of image snapshots for visual testing and the importance of controlling data for accurate results. He also discusses using Docker for consistent visual testing and the support for multiple browsers. Cypress is focused on flake-free testing and has plans for test retries and new features in the roadmap.

Many modern web frameworks use components as their building blocks. In this talk, I will show component testing using Cypress - and I mean "show" literally. You will see the component running inside a real browser, you will interact with the component like a real user, and you can debug the component using the real browser's DevTools. Finally, I will go through the current open source and commercial options for visually testing the component's styles and rendering. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

I See What is Going on: Visual Testing for Your Components

Gleb Bahmutov

En esta sesión, voy a compartir mi historia sobre cómo empecé a programar, cómo encuentro tiempo para trabajar en proyectos paralelos y cómo puedes crecer y avanzar en tu carrera. Después de esta charla, espero que te sientas inspirado/a para trabajar de manera más inteligente, formar nuevos hábitos y seguir esforzándote incluso cuando las cosas se desmoronen. Presentaré algunos consejos útiles sobre auto-motivación, gestión del tiempo, establecimiento de prioridades y metas, mantenerse organizado/a, creer en ti mismo/a y mantener un equilibrio entre tu carrera y tu vida personal. Además, en esta sesión, vamos a hablar sobre la formación del hábito de programar y los beneficios que conlleva. Vamos a explorar formas de encontrar mentores en tu trabajo y fuera de él, así como ampliar tu red social. Esta charla no se trata solo de mejorar en tu trabajo de 9 a 5, sino también de desarrollarte a ti mismo/a. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Cuando piensas que no hay tiempo para aprender o programar

This Talk discusses the speaker's coding journey, forming habits, and finding time for coding. The speaker recommends participating in the 100 days of code challenge and learning HTML, CSS, JavaScript, AngularJS, and D3.js. Building small projects and games is helpful for learning and growth. The importance of forming habits and overcoming resistance is emphasized, along with prioritizing consistency and focusing on details. Finding time is about reclaiming the 24 hours we all have and making small changes to accommodate coding. Keeping a log or notebook is important for tracking progress.

In this session, I am going to share my story on how I started coding, how I make time to work on side projects and how you can grow and advance in your career. After this talk, I hope you'll be inspired to work smarter, make new habits and continue pushing yourself even when things fall apart. I will present some helpful tips about self-motivation, time management, setting priorities and goals, staying organized, believing in yourself and keeping a balance between your career and personal life. Additionally, in this session, we are going to talk about building the habit of coding and the benefits of it. We are going to explore ways of finding mentors in your job and outside of it and also expanding your social network. This talk is not only about getting better at your 9 to 5 job but also about developing yourself. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

When You Think There Is No Time for Learning or Coding

Eleftheria Batsou

La API de Composición es una de las mayores características nuevas en Vue 3. En esta charla, explicaré qué es y cómo utilizar la API de Composición para la abstracción y reutilización de código.<a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

API de Composición: una rápida visión general de Vue

The Talk introduces the composition API in Vue 3 as a better option for composing reusable features compared to mixins and scope slots. It explains how to abstract search functionality using the composition API and demonstrates the creation of searchQuery and searchResultsQuery objects. The Talk also covers running breed search in the mounted hook, sorting results using computed properties, and the benefits of the composition API in terms of code organization and reusability. It concludes by mentioning the upcoming release of Vue 3 and the advantages of the composition API.

Composition API is one of the biggest new features in Vue 3. In this talk, I will explain what is it and how to use Composition API for code abstraction and reuse. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Composition API: a Quick overVue

Natalia Tepluhina

En esta presentación, analizaremos el estado actual de Angular y su infraestructura de herramientas. Discutiremos qué características habilitaron la última versión de nuestro motor de renderizado Ivy y cómo puedes aprovecharlas hoy. En el camino, veremos el trabajo que hicimos para garantizar un tamaño de paquete pequeño y una ejecución rápida. En la segunda parte de la charla, nos centraremos en las herramientas que Angular proporciona para ayudarte a entregar aplicaciones de manera rápida y eficiente. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

El estado de Angular

This Talk provides an overview of Angular and its development stack, including the Component Development Kit (CDK) and UI components. It discusses the balance between static and dynamic systems and the benefits of using TypeScript. The Talk also highlights the evolution of Angular, version 10 updates, and the deployment of Angular Universal applications. It mentions the ease of updating Angular and the incorporation of web components. The future of frameworks, external contributions, and monorepo setups are also discussed.

In this presentation, we’ll look at the current state of Angular and its tooling infrastructure. We’ll discuss what features enabled the latest version of our rendering engine Ivy and how you can take advantage of them today. Along the way, we’ll look at the work we did to ensure small bundle size and fast execution! In the second part of the talk, we’ll focus on the tooling that Angular provides to help you deliver apps quickly and efficiently. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

The State of Angular

Minko Gechev

Con las versiones anuales de ECMAScript (ES2015..ES2019) muchas cosas han cambiado en el mundo de JavaScript, y aún hay más por venir. Esta charla echa un vistazo a algunas de las características más nuevas (ES2020) y algunas de las próximas funcionalidades de ECMAScript, que esperamos se conviertan en parte de la Especificación del Lenguaje ECMAScript en un futuro cercano. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

ESNext: Propuestas a tener en cuenta

ES Next proposal stages include straw person, proposal, draft, candidate, and finished. Optional chaining and null coalescing operators are solutions for handling undefined and null values. Logical assignment and null coalescing operators are seeking advancement to stage four. Decimal type is introduced to address floating point math issues. Cancellation API and abort control are solutions for canceling promise execution. Pattern matching allows matching the shape of a vector and performing actions based on it.

With the yearly ECMAScript releases (ES2015..ES2019) of a lot of things have changed in JavaScript-land, and there's even more to come. This talk takes a look at a few of the newest (ES2020) and some of the upcoming ECMAScript features, which (hopefully) will become part of the ECMAScript Language Specification in the near future. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

ESNext: Proposals To Look Forward To

Bramus Van Damme

En esta charla mostraré cómo podemos utilizar una combinación de GraphQL SDL junto con un nuevo DSL (GraphQL Transform) creado por el equipo de Amplify para construir una aplicación en la nube de pila completa directamente desde su esquema de GraphQL. Usando este DSL de GraphQL, recorreremos cómo modelar una base de datos, reglas de autorización, relaciones y patrones de acceso personalizados. Veremos cómo prototipar rápidamente una aplicación de ejemplo y ver algunas demostraciones, incluida una aplicación de votación capaz de manejar más de 100,000 operaciones por segundo.<a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Transformando GraphQL: Infraestructura como código para desarrolladores front-end

This talk is about building full-stack cloud applications as a front-end developer using GraphQL and the GraphQL Transform library. It covers the three main parts of AWS Amplify: hosting, CLI, and client libraries. The GraphQL Transform library simplifies building a GraphQL API by handling schema creation, database interaction, and resolver mapping. It demonstrates how to use GraphQL transforms to build a GraphQL API with features like authorization rules, relationships, and local mocking. It also discusses the considerations for using managed services and the future of infrastructure as code with Amplify and other tools.

In this talk I’ll show how we can use a combination of GraphQL SDL along with a new DSL (GraphQL Transform) created the Amplify team to build out a full stack cloud application directly from your GraphQL schema. Using this GraphQL DSL, we’ll walk through how to model a Database, authorization rules, relationships, and custom access patterns. We’ll look at how to rapidly prototype an example application, and view some demos including a voting app capable of handling over 100,000 operations per second. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Transforming GraphQL – Infrastructure as Code for Front End Developers

Nader Dabit

Estamos muy acostumbrados a generar resultados visuales con código, pero a menudo nos sorprende escuchar que también podemos crear música de la misma manera. ¿No lo sabías? No estás solo. Aunque la idea de programar música es más antigua que todos nosotros, este concepto aún es bastante desconocido para muchos desarrolladores. ¡Pero no por mucho tiempo! Vamos a arrojar algo de luz sobre la programación musical en nuestras aplicaciones web diarias utilizando Angular.<a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

¿Qué dice Angular? 🦊

Today's Talk is about using Angular, Web Audio API, and ToneJS to create custom sounds and instruments in a web application. The speaker demonstrates how to create an audio context, connect sources, and add filters to modify the sounds. They explore different elements in the ToneJS library, such as synthesizers, parts, noise, and audio tracks, to enhance the user experience. The Talk also showcases instruments that play cat and dog samples according to the pitch. Overall, it highlights the possibilities of using these technologies to create unique and interactive audio experiences in web applications.

We are very used to generating visual results with code but are still often surprised to hear that we can create music in the same way. Oh, you didn’t know that? You are not alone. Even though the idea of music programming is older than all of us this concept is still pretty unfamiliar among many developers. Not for long! Let's shed some light on music coding in our daily bases web applications using Angular. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

What Does The Angular Say? 🦊

Laura Silvanavičiūtė

Los conflictos clásicos de diseño entre frontend y backend API se están convirtiendo en una molestia del pasado con las arquitecturas y herramientas serverless y Jamstack; los desarrolladores frontend están construyendo el stack completo. Pero esto plantea un nuevo problema: "¿Qué base de datos? ¿A quién le importa la base de datos?" Esta charla te ayudará con las preguntas que debes hacerle a la base de datos para tu próximo proyecto paralelo... y un lugar para comenzar tu viaje en los entresijos de las bases de datos. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Cuando los Mundos Chocan: Frontend vs Base de Datos

Tyler Hannon discusses the importance of choosing the right database and explains the ACID acronym, which stands for Atomicity, Consistency, Isolation, and Durability. He also highlights the challenges and benefits of distributed transactions in Fullstack applications. Various approaches to solving database challenges are mentioned, with a focus on FAUNA and its CALVIN protocol. The goal is to have a fast, reliable, and serverless database that meets specific requirements.

Classic frontend vs backend API design conflicts are becoming a headache of the past with serverless and Jamstack architectures and tools; frontend developers are building the full stack. But this poses a new problem: “What database? Who cares about the database?” This talk will help you with the questions you should ask of the database for your next side project...and a place to begin your journey in database internals. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

When Worlds Collide: Frontend vs Database

Tyler Hannan

En esta charla, Pablo Postigo, co-fundador y CEO de Frontity, dará una introducción a los conceptos básicos del framework Frontity y hablará sobre los principales desafíos al desarrollar un front-end de React para un sitio de WordPress sin cabeza. Además, compartirá su visión sobre el futuro de JavaScript en el ecosistema de WordPress y la historia detrás de Frontity.<a href="https://www.froala.com/wysiwyg-editor?pb=1"></a>

Construyendo frontends de React para WordPress

Frontity is a framework that combines WordPress and React to create modern user experiences. It is easy to use, SEO-friendly, and extensible. The framework has achieved great results for publishers, increasing page views, organic traffic, and user acquisition. Frontity Pro has served millions of page views worldwide and provides a seamless content management experience. Visit frontity.org to learn more and join the community.

In this talk, Pablo Postigo, co-Founder and CEO of Frontity, will give an introduction to the basics of Frontity Framework and talk about the main challenges when developing a React front-end for a headless WordPress site. In addition, he will share his insight on the future of JavaScript in the WordPress ecosystem and the story behind Frontity. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Building React frontends for WordPress

Pablo Postigo

¿Pasas horas desplazándote por TikTok, asombrado por los movimientos de baile extravagantes pero complicados de los jóvenes de hoy en día? Esos chicos están triunfando mientras tú te sientas a codificar consultas SQL. Afortunadamente, somos tecnólogos y no hay problema que no podamos resolver, incluido mejorar en el baile de TikTok. En esta charla, te mostraré cómo perfeccioné mis movimientos construyendo PoseDance, tu amigable entrenador de TikTok. Discutiremos cómo aproveché PoseNet, que te permite identificar el movimiento del cuerpo y dibujar un 'esqueleto' en un video. Combinado con una cámara web que mapea tu propio esqueleto de baile, un poco de matemáticas para comparar los puntos coincidentes, Azure Functions para autenticar a un usuario y PlayFab como backend amigable para juegos para mantener las puntuaciones y crear un ranking, tienes el pasatiempo perfecto para la cuarentena, haciendo el ridículo frente a una cámara web. ¡Ven a bailar conmigo! <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

PoseDance: Construye un Entrenador de TikTok

In this Talk, Jen Looper introduces PoseDance, a TikTok trainer app that uses PoseNet for pose detection. She discusses the challenges of scoring and the potential for medical applications. Jen also mentions the use of Azure Functions and PlayFab for the app's backend and deployment. The Talk concludes with a code tour and an invitation for contributions to improve the scoring system.

Do you scroll through TikTok, amazed at the goofy, yet complicated dance moves featuring today's youths? Those kids are popping off while you're sitting around, coding SQL queries. Fortunately, we are technologists, and there's no problem we can't solve, including getting better at TikTok dancing. In this talk, I'll show you how I perfected my moves building PoseDance, your friendly TikTok trainer. We'll discuss how I leveraged PoseNet, which allows you to pinpoint body motion and draw a 'skeleton' on a video. Combined with a webcam mapping your own dance skeleton, a bit of math to compare the matching points, Azure functions to authenticate a user, and PlayFab as a game-friendly backend to keep scores and create a leaderboard, you've got the perfect quarantine pastime, making a perfect fool of yourself in front of a webcam. Come dance with me! <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

PoseDance: Build a TikTok Trainer

Jen Looper

Con Hasura Remote Joins, puedes unir los datos de tu tabla con una API de Stripe o una API de Github o cualquier API de GraphQL. Sin escribir una sola línea de código. Utilizando el increíble sistema de tipos de GraphQL combinado con la configuración declarativa de Hasura, puedes crear relaciones entre tablas y otros servicios y obtener una API unificada hermosa. En una sola llamada, obtén todos los datos necesarios para construir tus aplicaciones desde cualquier parte del mundo. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Utilizando Remote Joins para crear una API GraphQL unificada para tu empresa

Hasura's remote joins feature allows you to combine multiple data sources into a unified GraphQL API, including Postgres databases, GraphQL APIs, and REST APIs. It enables joining data across different databases and integrating with external APIs like Stripe and Auth0. Hasura pushes down SQL to join data across databases and can even integrate with REST APIs using actions. With remote joins, you can query and fetch data from multiple sources, enriching your GraphQL schema and creating powerful data relationships.

With Hasura Remote Joins, you can join your table data with a Stripe API or Github API or any GraphQL API. Without writing a single line of code. Using GraphQL's amazing type system combined with Hasura's declarative configuration, you can create relationships across tables and other services and get a beautiful unified API. In a single call, get all the data necessary for building your apps from anywhere in the world. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Using Remote Joins to Create a Unified GraphQL API for Your Company

Tanmai Gopal

Discover the future of the JavaScript development ecosystem and get connected to its stellar crowd! Attend JSNation Live, a 3-day conference on all things JS, gathering international software engineers in the cloud.

JSNation Live 2020

The biggest JS conference in the cloud