You just wanted to add some nice interactive functionality to your Rails app. But then one jQuery plugin turns to three, add a dash of statefulness, some error handling, and suddenly you can't sleep at night.
We'll walk through using Ember Components to test-drive a refactor until your front-end code is understandable, usable, and extensible. Armed with TDD and components, you can start to get excited, not exasperated, when asked to add advanced client-side interactions to your website.
Brandon left the world of marketing to find that creating software made him happy. Brandon lives in Austin, TX, where he helps run The Frontside, a Rails and Ember.js consultancy. Brandon's lifelong mission is to hug every developer.
In this session, we'll investigate a few strategies for integrating browser features like WebSockets as well as third-party libraries into our ember-cli applications. We'll look at how to structure an application using standalone controllers, initializer objects, and services. Our example application will be a real-time chat application that uses WebSockets to push notification to connect clients. We'll build the application with native WebSockets and talk about how to leverage external libraries like Socket.io and Faye.
React is the best way to bring interactive UIs to your Rails apps. But using React.js on Rails can be hard. NPM libraries are difficult to include, JSX seems nonsensical, and “can we still use CoffeeScript?”
This is a talk from Barcelona FutureJS 2014 (http://futurejs.org).
Turning set of numbers into a simple graph can instantly tell us a story about data, but there are times when a standard graph isn't enough. Sometimes we need to search for untradtional and creative ways to visualize our data to express our story. In this talk, we'll explore less common and unique ways of visualizing data sets on the web using D3.js, a flexible way to manipulate DOM elements using data. We'll discuss the reasoning behind the graphics we create, and talk about the benefits and pitfalls of working with D3.js from design and technical viewpoints.