Registration & Breakfast
Let’s talk about MIDI
What do you think of when I say MIDI, bad computer music? Websites playing annoying background noise when you land on them? Then let me let you into a little secret, let me introduce and educate you into a new world of MIDI.
MIDI is at it’s simplest a data protocol and doesn’t have to be associated with audio at all. With the incredible amount of compatible hardware available to us, alongside the new Web MIDI API, we can start to have a lot of fun with a new world of hardware-powered web tech.
In this enticing and interactive presentation we’ll journey through the different MIDI specifications and look at other web APIs. From sound with General MIDI and the Web Audio API, to the MIDI Show Control, timing firework and fountain displays with the Web Animation API and on to the latest MIDI BLE standard, what a better way to demo the Web Bluetooth API.
The web is getting hardware-ready and this talk is a great beginning to those APIs at our fingertips. Think you know MIDI - think again there’s so much more to it.
React Native 101
This workshop will give an overview of how React Native works, show best practices and build together an iOS and Android App.
Cross-Platform Desktop Apps using Electron
In today's social networking age, we often spend time posting insignificant life updates. But other times, emergency situations arise – times when you really need to get your message across.
In emergencies, however, we face obstacles such as low connectivity, blocked networks, no mobile data plans, or not having a smartphone at all. A solution to this problem is a service/platform that allows users to communicate with their relatives via social networks using SMS or BLE protocols. In other words, the ability to use internet without having direct access to it.
Real time front-end alchemy
As new features are added to the Web platform, the kind of experiences we can build become amazingly interactive and immersive: a huge leap forward from the static document based web of yore.
Thankfully there is a better way: the new and shiny MediaCapture API, and in this talk you will learn all about it. Streams will be no strangers to you anymore, and you might even be tempted to cross a few of them---just for fun!
Angular 2 is the newest version written from scratch. It aims to stay updated with the latest trending and closest to the standards. It has a strong focus on web components, server rendering, unidirectional workflow, between others.
The workshop's goal is to learn the basic concepts behind Angular 2 creating a small sample application. With this sample application you will see many of the core features needed to learn and starting working with Angular 2. Also you will see more advanced feature at the end of the workshop to demonstrate the potentials of the new version of the well known framework.
Some of the topics that you will see are: Project setup and structure, templates and data binding, routing, components, testing, animations, server communication.
We are already waiting for you!
Why Johnny can't collect browser errors
If an error occurs on your website, and you weren't there to log it, did it happen?
At the end of this talk, you'll have all the information you need to get started logging your own client-side errors. And even if you use a 3rd-party service/client library to do it for you instead, you'll have a better handle on how those tools work under the hood.
Alright, that's a mouthful. Let's break it down.
OpenComponents as microservices in the front-end world
Writing front-end code today is very challenging when you have to be resilient and robust in a big corporation. Working on a website that involves dozens of engineers based in three different continents, I learned that the complexity lies not only within the code itself. Allowing people to develop new features and deploy the code multiple times a day, keeping it up and running, is hard to achieve: we want small teams to be independent and not to interfere each other, in order to be quick and happy, but we also want to optimise cooperation when it is needed.
In the front-end world components are very small units of code providing application functionality that are all connected in order to become a web-site.
During this talk I’m going to speak about how we tried to approach to components at OpenTable. Following the SOA principles, we tried to elevate components as services, in order to make engineers able to create and consume them via clear and well-defined contracts and interfaces. This allowed us to put in place the infrastructure to optimise testing and to have hundreds of changes live every day without conflicts.
It went on to enable -unprecedentedly- a new generation of rich applications (like Gmail) that improved on Desktop counterparts (Outlook).
Registration & Breakfast
Design Decisions in jspm
So, you’ve heard about Ember. You know it’s the framework for ambitious web applications. But somehow you’ve never found the time to try it for yourself. Look no further! A new workshop, presented by Montevideo meet-up organizers Adrián Mugnolo and Santiago Ferreira, will guide you through the concepts and practical steps required to build a simple application using Ember 2.
Using a variety of coding activities, the workshop will cover the following topics: Ember CLI project setup and structure, templates and data binding, computed properties, routing, actions, components, add-ons, Ember Data, testing, and deployment. Don’t forget to bring your own computer! During the workshop, a handful of experienced embereños will be answering questions and helping with any issues you might encounter. Caffeine in various forms will be provided!
We’re interested in your continued development so, once the conference is over, we’ll be providing ongoing support through a dedicated Slack channel for all attendees.
More details to be announced...
Create an app using Electron
Many companies are turning to Electron.js to build amazing desktop applictions that run on Windows, Mac, and Linux using familiar Web technologies. In this hands-on workshop we will learn the fundamentals of building desktop applications with Electron.js. Our goal is to walk away with a solid framework for building and deploying your own applications!
Yes, no, why, when, how...?
This talk is structured around three areas:
Performance testing and optimization
In this hands-on workshop attendees will learn how to take a web site or application, measure its loading time, identify performance issues and apply a wide array of modern performance optimization tools and techniques.
In the first part of this workshop we will start take a well-known live site and run a set of performance benchmarking tools. Attendees will be encouraged to follow along and together we will construct a list of potential performance issues.
In the second part we will take a different site constructed specifically for this workshop (hosted in GitHub) and we will apply different performance optimization techniques. Attendees will be able to download the site and apply these techniques themselves.
The only requirements to follow along are a laptop and a browser as all the performance optimization tools are available online and can be executed in-browser. If attendees do not have a laptop they will still be able to follow along as the instructor will implement each step himself, or work in pairs.
The full list of performance optimization tools and techniques to be presented can be found in the notes below.
In this talk I'll discuss some of the issues that arise when browser vendors attempt to cleanup the messy platform we call the web, either by adding new language features and DOM APIs or removing old ones (if such a thing is even possible)—while attempting to remain backwards compatible(-ish). I'll even talk about some controversial moves made by browsers to support non-standard (cough webkit prefixes) CSS and JS for compatibility reasons.
ReactJS: Tips and Tricks to create accessible SVG components
Scaled Vector Graphics (SVG) is awesome because it has a small footprint, scales along with different resolutions, and looks great in retina displays. There are a lot of cool things you can do with React and SVG. One very common application is to use this combination to create your application's iconography. Another important scenario is to use SVG and React to create data visualization components like charts, meters, topology, and many others.
By default SVGs are not accessible. Accessibility in this context means receiving keyboard focus as well as screen readers being able to interact with your components.
In this 30-min talk I will provide tips and tricks to make sure your icons, graphs, and all your SVG-based components are accessible. The presentation will have live coding to illustrate the accessibility limitations of SVG.
Node.js Releases, how do they work?
Node.js is growing up, and with that comes the responsibility of proper legacy support. As of Node.js Argon (v4.2.0) there is an official Long Term Support release cycle that lasts for 30 months!
How does a project moving at the pace of node maintain multiple release lines? How does a commit get backported? How is a release actually made?
You will learn all this and more on this weeks episode of "Node.js Releases, how do they work?".
How the Node Project Works
Since the Node.js Foundation became the new home for the core Node.js project, it has been run with a very different governance and contribution model and a new culture of openness. The core team strives to be welcoming to new contributors and regularly adds to its own ranks. Due to historical barriers and the complexities of a very active core community, many find the idea of contributing daunting. Rod will explain how the project works, including its various working groups, teams, how decisions are made, how to find a place to contribute and how you can improve your chances of successfully making an impact on Node.js core.