Cristina Fernández Sanz cristinafsanz

Image & Video Optimization

Twitter accounts you should follow if you like Image & Video Optimization

People

D3.js es una librería de creación de visualizaciones muy conocida y extendida. En esta presentación explicaremos cómo hemos integrado D3 en una SPA Vue en un par de proyectos de una forma muy natural, a qué retos nos hemos enfrentado y que aprendizaje hemos extraído para trabajar con librerías externas a Vue que rendericen partes de la interfaz.

Sobre nosotros

Beatriz Martínez

Socióloga especializada en visualización de datos, con más de 10 años de experiencia en el análisis y comunicación de información.

Tras dedicar buena parte de su carrera a la investigación social y de mercados, hace 5 años se especializa en el diseño y desarrollo de visualizaciones de datos. Desde entonces trabaja como freelance (http://visualizados.com/) realizando proyectos para la Comisión Europea, Sanitas, El Español o la Fundación Cerezales.

Tras este tweet que publiqué

He sido freelance, emprendedor y trabajo desde hace años para empresas USA de diversos tamaños en remoto como programador fullstack. Ahora en GitHub. Si puedo ayudar a alguien en orientar su carrera, mis DMs están abiertos. Ask me anything.

he recibido muchos mensajes y escribo aquí algunos de los consejos que he dado en resumen. Nota: algunas cosas son concretas de trabajar en España. Si vas a trabajar desde Sudamérica sólo una nota: tienes la ventaja de la zona horaria para trabajar con EEUU.

Inglés

Tener un buen nivel de inglés es fundamental para poder trabajar con clientes extranjeros. El conocimiento del idioma tiene que mantenerse en el tiempo. Es como mantenerse en forma física; si lo dejas, lo pierdes. Personalmente aunque trabajo 100% en inglés desde hace bastantes años, intento crearme un entorno diario con el idioma para no perderlo:

Meownica's packing list

I travel a lot so I'm down to like 30 minutes of packing per any kind of trip. I always bring one carry-on suitcase for any trips up to 2 weeks (that I never check in unless forced) -- I have an Away suitcase because it's got a built-in (removable) battery, and amazing wheels.

🚨

🆔Wallet & Passport
💧Travel water bottle
💳Travel credit cards (don't pay foreign currency fees!)
💳Insurance cards
💵Local currency you have
🚎Local public transport cards

	const user = {
	name: 'John',
	...isAdmin && {adminGroup: 'super-admin'},
	};

	const options = [
	'fruits',
	...hasFlowers ? ['flowers'] : [],
	];

	(function (context, trackingId, options) {
	const history = context.history;
	const doc = document;
	const nav = navigator \|\| {};
	const storage = localStorage;
	const encode = encodeURIComponent;
	const pushState = history.pushState;
	const typeException = 'exception';
	const generateId = () => Math.random().toString(36);
	const getId = () => {

	export default function() {
	document.querySelectorAll('.js-share-facebook-link').forEach(function(el){
	el.addEventListener('click', function(e){
	var href = e.target.href;
	e.preventDefault();
	window.open(href, "Facebook", "toolbar=no,location=0,status=no,menubar=no,scrollbars=yes,width=600,height=400,resizable=1");
	})
	});

	// zip arrays together
	// Catalin Dumitru @colin_dumitru
	// Jason Awbrey @jsawbrey
	const zip = (a, b) => a.map((n, i) => [n, b[i]])

	// merge objects in an array together
	// caution: properties are overridden if duplicated
	// @a [{a},{b}]
	// @returns [{a, b}]
	// Jason Awbrey @jsawbrey

	const waitFor = (ms) => new Promise(r => setTimeout(r, ms))
	const asyncForEach = async (array, callback) => {
	for (let index = 0; index < array.length; index++) {
	await callback(array[index], index, array)
	}
	}

	const start = async () => {
	await asyncForEach([1, 2, 3], async (num) => {
	await waitFor(50)