Seleccionar página

As a guitar player, I usually use some effect-pedals to change the sound of my guitar. I started wondering: “What if, it would be possible to recreate these pedals using the web-audio-api?”. Well, it turns out, it is entirely possible to do so. This talk takes you through the basics of the web-audio-api and explains some of the audio-nodes I’ve used to change the live sound of my guitar. By the end of the talk, I hope the audience has some basic idea of how the web-audio-api works, and how to create some of the patterns usually found in guitar/audio effects.

Sam Bellen

I’m Sam Bellen and I’m a front-end software engineer at madewithlove. I love to play with the web-audio-api and other lesser known browser api’s. You can find me on twitter as @sambego.

Otros vídeos del JSDay17

Conoce a la herramienta para aprender JS por José Manuel García García

At Spotahome, we are splitting a big monolithic application into different bounded contexts applying hexagonal architecture and domain driven design principles, among others. In the architecture, we are as well splitting all the user interface from the back-end and we have created a Back-End for Front-End Integration Service that consumes API and serves the views to the end users, or exposes public API for third parties.

Splitting the Monolith from a Front-End point of view by Bryan McEire

At Spotahome, we are splitting a big monolithic application into different bounded contexts applying hexagonal architecture and domain driven design principles, among others. In the architecture, we are as well splitting all the user interface from the back-end and we have created a Back-End for Front-End Integration Service that consumes API and serves the views to the end users, or exposes public API for third parties.

Creating good-ol’ PDFs and Emails with React by Fernando Agüero and Alberto Restifo

We had the need of generating automatic reports (in PDF) based in the analytics from our platform. The main problem was the complex design that those PDF had, since they were modules/components from the web application. We thought about solutions (CSS, third-party software) and then realized that it was in front of us: server-side JavaScript. Rendering the components we had client-side worked pretty well in the server, so we included an HTML to PDF software (on a unix environment) and started creating them.

Ionic en 10 minutos por Gerardo Parra Juan de la Cruz

Se trata de una Ligthning Talk sobre el framework Ionic, un framework Javascript, basado en Angular y destinado al desarrollo de aplicaciones híbridas para dispositivos móviles. La charla tratará de concentrar rápidamente el origen de este framework, su evolución hasta la actualidad y la arquitectura básica de las apps desarrolladas con el mismo, así como las características que pueden implementarse hasta obtener una app robusta y que no tenga nada que envidiar a las apps nativas.

Pitching your JS: 4 Steps to Sell to More Clients Now by Matt Boardman

A 10 minute lightning talk about how to sell better to clients. With a focus on how to talk “tech” without your client losing concentration (or consciousness!). Matt is an elevator pitch coach who has helped more than 100 Madrid-based startups, as well as companies like Banco Santander, Sanitas and PwC, identify their essential story and sell it to clients through a concise, exciting startup pitch.

The Next Evolution of the JavaScript Ecosystem by Kris Borchers

The innovation cycles in the JavaScript world are becoming shorter and shorter. Amazing new projects and tools are emerging on what seems like a daily basis. Kris Borchers, Executive Director of the JS Foundation will share some insights and goals that the JS Foundation has to create a focal point for the JavaScript ecosystem. Kris will share how they intend to help developers navigate this landscape and how you can join these efforts and in turn, support your own projects, applications and organizations.

Por fin: async / await por Pablo Almunia

Tras años de espera, por fin disponemos de una forma sencilla y elegante de gestionar a la asincronía en Javascript. Por medio de async / await podemos evitar realizar llamadas a callbacks anidados, el uso de interminables cadenas de promesas o librerías como co. Durante este taller se explica como utilizar esta funcionalidad, se descubren algunos de sus secretos y sobre todo, se aprende a cómo sacarle todo el partido para que nuestros programas sean más sencillos y comprensibles.

Hands on the modular web by James Halliday (substack)

In this workshop, you will learn how to combine simple single-purpose modules to build up powerful features. You will use modules that sit on top of new web APIs: indexed DB, tagged template strings, webrtc, webgl, webaudio.

Javascript Legacy: Nadando en la tempestad por Natalia Vidal y Javier Estévez

Hoy en día en la comunidad de Javascript se discute mucho sobre programación funcional o el último framework de moda, pero la realidad es que el uso de Javascript en muchos proyectos ha ido creciendo de forma descontrolada, hasta dar lugar al temido Monstruo Spaghetti. Hay que tener presente que desde el primer momento en que se escribe código este ya es legacy. Nuestro código será legacy para alguien.

Redux a través de la música por Elena Torro

Un buen día, me desperté queriendo aprender qué era eso de “Redux”, y conforme leía la documentación, una idea me vino a la cabeza: Si Redux es un “predictable state container” (contenedor de estados predecibles), y un archivo MIDI se compone de mensajes que transforman el estado de una canción para crear una melodía… ¿no sería perfecto juntar ambos para hacer un reproductor de archivos MIDI basado en Redux?

JavaScript para un Data Scientist por Bea Hernández

En el auge de la disciplina Data Science, encontramos un escalón entre la rama de analítica de datos y la visualización de datos, y aunque hay herramientas que dan el paso a disminuir esta laguna, la herramienta fundamental es JavaScript. Mostrar y hacer entender las conclusiones de una analítica es tan importante como el desarrollarla y por eso es importante para un no desarrollador tener este tipo de herramientas con las crear una visualización.

Un lenguaje para gobernarlos a todos por Diego Lafuente Garcia

Hace ahora más o menos 2 años, un grupo de irreductibles galos fueron encomendados con la tarea de construir desde cero el primer metabook de taxis del mundo. Nuestra poción mágica fue Javascript, un lenguaje para dominarlos a todos: el backend (incluyendo el sistema de autenticación y la integración de proveedores) está escrito en node.js, la aplicación híbrida, en Ionic y el panel de control en Angular 2.

Unveiling WebAssembly: what, why, how by Matjaz Drolc

We will see what WebAssembly brings in comparison to existing technologies. We will write some C++ code and run it in browser. We will take a look at exposing functions and classes written in C++ to parts of application that are written in JavaScript. We will discuss using WebAssembly to optimize parts of application written in JavaScript. We will use some C++ libraries to do cool stuff in a browser. Finally I will invite you to explore WebAssembly yourself and show us what you came up with.

JavaScript en Java: diversas formas de ejecutar JavaScript desde la JVM por Pedro Palao

Hace años, ejecutar JavaScript desde Java podía ser un capricho o una necesidad anecdótica. Pero hoy en día, con más y más proyectos nada triviales en JavaScript que no tienen una alternativa Java, es importante conocer qué posibilidades tenemos para ejecutar JavaScript desde Java y las ventajas e inconvenientes de cada una. Tras un pequeño repaso de las soluciones tradionales como Rhino, veremos con algo más de detalle Nashorn, GraalVM y sobre todo J2V8.

¿Una plataforma de IoT sólo con JS? Es posible… y además, ¡barato! por José Manuel García García

Hoy en día ya se está hablando mucho de Internet of Things, plataformas IoT y derivados, pero… ¿te has planteado alguna vez montar la tuya propia? ¿Crees que está fuera de tu alcance? Vente para ver cómo se puede elaborar con muy poco una plataforma IoT, donde capturaremos datos con sensores de luz, de temperatura o incluso la presencia de gas. ¿Y para desarrollar? ¡Suficiente con JavaScript!

Demystifying (JavaScript) engines by Alejandro Oviedo García

How a JavaScript engine works? What are its basic components? How to measure its performance? What is JIT compilation? Stigmatization: is JavaScript fast enough? are some of the questions I think we currently fail to answer in a, somewhat, short and direct way.

UX Patterns for Web Developers by Nicole Saidy and Jad Joubran

Are you willing to go the extra mile to make your UX shiny and joyful? Most of us web developers underestimate the importance of human-computer interaction. Join this talk for developer-friendly UX patterns that you can start using in your everyday code. We will cover topics like performance, mobile optimization, offline experiences & more.

Building Mobile Apps with Vue.js by Simon MacDonald

In this presentation we’ll introduce Vue.js, setup a webpack build, extoll the virtues of its reactive data binding and composable interface all while building an Instagram like app. Using Framework 7 to provide the basic UI for Android and iOS for those of us, like myself, who are CSS challenged.

Reactive Animations with RxJS by David Khourshid

UI animations can be an incredible asset to the user experience, especially if they are meaningful and responsive to user input. In this session, we will discover some new and innovative techniques for creating reactive web animations declaratively, using RxJS. You will learn ways to add native-like transitions and smooth animations that respond to user input, in order to create a delightful experience for your users. And of course, there will be plenty of demos!

NodeOS: lightweight operating system by Jesús Leganés-Combarro

NodeOS is a free lightweight operating system built on top of the Linux kernel using Node.js for its userspace. Here I’m going to talk about it’s use cases, architecture and the problems found developing an operating system from scratch using Javascript and how they have been solved.

Progressive Image Rendering by José Manuel Pérez Pérez

On a regular web page, images represent the largest assets. We might have heard about responsive images to serve the most suitable image for each screen. However, how and when we load them can have a great impact too. I will show you several techniques used by well known websites, based on placeholders, dominant colours, blurry images and lazy loading to improve user’s perceived performance.

Construcción de APIs con Swagger/OpenAPIs por Pedro J. Molina

La seguridad FrontEnd siempre ha sido un tema bastante olvidado en los desarrollos, dejandose muchas veces esta parte exclusivamente para el backend. Al ser el front la parte más accesible y a la vez vulnerable, los desarrolladores debemos tomar medidas, pues una fuerte seguridad puede filtrar en gran medida el número de ataques que llegan a back, así como detener otros casi por completo.

ES7 & ES8 vs V8 por Rafael Casuso Romate

Una revisión en profundidad de las características del último estándar de nuestro lenguaje favorito ES2016 (ES7) y de las ya incluidas en ES2017 (ES8, que saldrá a finales de Abril), incluidas las Funciones Asíncronas (que nos permiten gestionar la asincronía con mayor elegancia), los Array Buffers Compartidos y el objeto Atomics (los bloques de bajo nivel sobre los que construir abstracciones de concurrencia) y algunas características menores como nuevas propiedades de los prototipos de Object y String.

Un paso más en seguridad FrontEnd con Web Crypto API por Jon Rojí

La seguridad FrontEnd siempre ha sido un tema bastante olvidado en los desarrollos, dejandose muchas veces esta parte exclusivamente para el backend. Al ser el front la parte más accesible y a la vez vulnerable, los desarrolladores debemos tomar medidas, pues una fuerte seguridad puede filtrar en gran medida el número de ataques que llegan a back, así como detener otros casi por completo.

Invisible o desaparece por Juliet Moreiro Bockhop

JavaScript no es sólo para web. El futuro es la computación ubicua, que es la integración de la informática en el entorno de la persona, de forma que los ordenadores no se perciban como objetos diferenciados. La idea es interactuar de manera natural con sus dispositivos y realizar cualquier tarea de manera completamente transparente, un paso más allá en el paradigma del uso de los ordenadores de sobremesa.

Creando una arquitectura de microservicios en node.js y Kubernetes por Paul Goldbaum

Existe un creciente interés en la industria por el desarrollo de arquitecturas de microservicios, gracias a las muchas ventajas que ofrecen. Sin embargo, este nuevo paradigma supone un cambio de mentalidad a la hora de organizar nuestras aplicaciones y conlleva más trabajo de operaciones, creando así una barrera de entrada mayor frente a sistemas monolíticos.

Técnicas Forenses en JavaScript por Eduardo Sada

Nos convertiremos en expertos forenses para investigar el mayor crimen que se comete día a día en la web: la mala performance. Echaremos polvo a todas las huellas dactilares que deja nuestro javascript en el navegador, interrogaremos a todos los posibles culpables, para terminar descubriendo al «asesino» de la buena performance.

Building VR experiences por Belén Albeza

WebVR es una API Web para crear experiencias de realidad virtual en el navegador. A día de hoy, también tenemos herramientas que nos permiten utilizar esta API de manera fácil y productiva, como A-frame, un framework de realidad virtual de código abierto. En esta charla aprenderemos a utilizar A-frame para crear mundos de realidad virtual.

Node y V8 internals por Ibon Tolosana

Utilizando v8 como motor de ejecucion javascript, Node ha conseguido que cada vez mas empresas de primer orden lo utilicen en aplicaciones criticas: NASA, Wallmart, PayPal… la lista es interminable. v8 es sinonimo de rendimiento, pero… como se mapea node sobre v8 ? que codigo es sensible al rendimiento ? Como se conciben los conceptos de javascript en nativo ? Es node 100% asincrono ?…