JSConf Mexico

Pasado, Presente, y Futuro del Frontend Routing

Hoy en día, toda Single Page Application usa un Router. Todos los frameworks de frontend tienen uno o varios routers con APIs más o menos parecidas. Y esto lo damos por hecho, como si el tema de frontend routing fuese muy simple, pero al contrario, el frontend routing es un tema muy complicado que se basa en APIs del navegador que han cambiado mucho a lo largo de los últimos 15 años. Durante esta charla, hablaremos de las APIs del pasado, presente y futuro que se esconden detrás de cada librería de frontend routing y comprenderemos porque urge disponer de una nueva API para el frontend routing.

NestJs el mejor framework para tu API

NestJS es un framework del lado del servidor, desarrollado para el uso de Node y Typescript(recomendado), implementa una arquitectura modular lo cuál permite construir aplicaciones extensibles y escalables. En ésta charla aprenderemos algunos conceptos básicos construyendo una pequeña API en vivo.

Mejora el Dev Experience con Code Generators

Hygen es un generador de código muy potente y fácil de usar. En esta charla hablaré de los conceptos básicos, beneficios, ejemplos y casos de éxito. Convierte a tu equipo en verdaderos 10x developers pero sin el burnout que esto normalmente conlleva.

Incremental Static Regeneration: Static sites on steroids

Static sites are great. They are fast, cheap, secure, and easy to maintain. But generating static assets is a process that takes more and more time while our site gets bigger. We will talk about Incremental Static Regeneration (ISR), a feature that Next.js framework offers us to generate static pages at runtime. With it, we get the benefit of static, but supporting dynamic data and page re-rendering on demand.

Offline IoT - Building Resilient Connected Devices without the Internet

It is becoming easier and easier to connect our homes and appliances to the Internet without regards to what happens when that Internet becomes unavailable or unreliable. Using existing standards and networking technologies, we can build more secure and resilient “smart spaces” without the Internet.

Automate your headless CMS with GraphQL

A demo and deep dive into understanding how GraphQl helps us to connect our headless platform into our frontend applications. We will talk about the key features of any Headless CMS which is a new type of content platform different from a Monolithic CMS and how it helps us to deliver content .

Accesibilidad web, mejorando internet con pocas líneas de código

La accesibilidad web es un tema que a todas y todos los developers nos debe de importar, veremos cómo con buenas prácticas y pocas líneas de código podemos crear una web más accesible y menos restrictiva para personas con capacidades diferentes.

Teaching to Empower: How to Support Junior Engineers

Whether you want to instruct at a coding boot camp, mentor junior engineers at your job, create content, being a good teacher means embracing vulnerability, kindness, and inclusivity in the classroom. I will share my lessons I have picked up along the way as a student, an engineer, and an instructor.

JavaScript Tests in Node, the Browser, and CI

This no-slides talk demos creating tests in JavaScript. We live-code sync tests, async with callbacks, promise-based tests, and async/await tests. We craft tests in Node, tests in the Browser, and unit tests that run from CI. This can be a great tool in your toolchest of unit testing, integration testing, end-to-end testing, component testing, etc.

Mamá! mi Tío me dijo que hiciera un Monorepo...

Has escuchado a tus primos hablar de Monorepos y no tienes idea de que hablan? Entérate de que es, como construir y cómo funciona un Monorepo con 2 sencillas aplicaciones.

Web development best practices in 2021: what data tells us

We asked more than 7,000 web developers how they do their jobs in 2021, and we have boiled down the results to an overview of current best practices and what is coming up next in everything from tools through languages to frameworks and vendors.

JavaScript DevOps or WebOps: Should I build or should I not?

The term DevOps is everywhere but is not a job description. DevOps is a set of practices that combines development and operations, which aims to shorten the systems development life cycle and provide CI/CD with high software quality. As JS Developer can think that we have nothing to do with that.

Modular Audio Visualisation with modV

Create audio reactive visualisations by combining different kinds of default & your own visual modules (2D, ISF & Shader) with any kind of audio input like a microphone or computer audio. In the end you will know all the basics in order to create a music video for your favorite song.

Sistema de diseño: tokens, activos, componentes y patrones

Siempre diseñamos con un propósito definido, pero cuando hablamos del diseño como identidad no solo es importante entender el todo, si no también sus partes a profundidad. El pensamiento sistémico es clave a la hora de construir una metodología útil para estructurar los componentes de una interfaz gráfica desde el momento cero.

Máquinas de estado finitas con XState.

Desarrolla una mejor experiencia para el usuario y para tu proyecto, usando a las máquinas de estado finitas con XState. Encuéntrales beneficio para el flujo y la lógica de las interacciones para tus componentes y en general para tú UX. Nos ensuciaremos las manos codificando una máquina de estado finitas en un ejemplo real.

Nacho Sainz

How would Typescript make your life easier?

Do you know how to use Typescript? Typescript is a Javascript superset to document the data we are expecting. Typescript improves the developer experience and helps find edge cases quicker. Want to learn some tricks?

Fabián Flores

How would Typescript make your life easier?

Do you know how to use Typescript? Typescript is a Javascript superset to document the data we are expecting. Typescript improves the developer experience and helps find edge cases quicker. Want to learn some tricks?

These Are a Few of My Favorite Things.js

As developers, we often have a love/hate relationship with programming languages. Sometimes, we want to throw our computer into the ocean after working on a bug for several hours, and other times we want to do a victory dance when our code runs on the first try. In this talk, I will share some of my favorite silly/fun/quirky/unique JavaScript projects, and share why it is important to have fun and experiment while programming. You will leave this talk with a new found love for JavaScript (and hopefully some new side project inspiration!)

Un juego de herramientas para poder navegar una nueva base de codigo con confianza y comodidad

Tanto una base de código open source o una en el trabajo, ¡aclimatarse a una desconicida es difícil! Examinemos las herramientas que he desarrollado a traves del tiempo de manera eficaz. No te aflijas, ¡nos pasa a todos!

En futuro está aquí: ¿Qué es ViteJs?

Vite es una herramienta de compilación que mejora la experiencia de desarrollo de frontEnd. Vite nos permite configurar un entorno de desarrollo para Frameworks/Librerias como Angular, React, Vue, Svelte entre otros con un sistema de cambios en tiempo real. Descubre como ViteJS aprovecha las mejoras al lenguaje JavaScript para ser la herramienta del futuro en compilación.

Un proyecto desde cero ¿Lo mismo una y otra vez?

Crear un proyecto desde cero, that is the dream, right? Y con ello, nos encontramos repitiendo las mismas tareas una y otra vez. Desde crear el setup, pasando por el manejo de usuarios, inicio de sesión, hasta documentación. Pasan semanas antes de comenzar con el código específico de tu nuevo proyecto. Pero, ¿es necesario?

Ten tu aplicación de react native productiva en 30 min

Inicializar una aplicación de React Native con buenas prácticas no debería ser complicado! En este workshop navegaremos por uno de los boilerplates más utilizados en el mundo de react native para crear aplicaciones de nivel empresarial con una buena semántica, estructura y escalabilidad! Te esperamos